Skip to content

Commit

Permalink
💄Nav
Browse files Browse the repository at this point in the history
  • Loading branch information
@noeypatt
noeypatt committed Mar 29, 2020
1 parent d6ccd09 commit 872d1d4
Show file tree
Hide file tree
Showing 3 changed files with 66 additions and 3 deletions.
63 changes: 63 additions & 0 deletions components/cover.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,63 @@
import React from 'react'
import Link from 'next/link'
import { useMediaQuery } from 'react-responsive'


const Cover = () => {
const isSmallScreen = useMediaQuery({ maxDeviceWidth: 768.99 })

return (
<div className="warp-cover">
<div className="page-content">
{
isSmallScreen ?
<div className="container-fluid">
<div className="title">
<h1>ระบบฐานข้อมูลผู้สูงอายุ</h1>
<h1>และอินโฟกราฟิก</h1>
<div className="detail">
<div className="text-content">
<h6>ElderlyDB เป็นการนำข้อมูลเกี่ยวกับผู้สูงอายุ</h6>
<h6>มาแสดงผลในรูปเเบบของกราฟในรูปแบบต่าง ๆ</h6>
<h6>ภายในอำเภอกะทู้ จังหวัดภูเก็ต</h6>
</div>
</div>
<Link href="/main">
<h5>เข้าสู่หน้าหลัก</h5>
</Link>
</div>
</div>
:
<div className="container-fluid">
<div className="title">
<h1 className="animated fadeInDown delay-s">ระบบฐานข้อมูลผู้สูงอายุ</h1>
<h1 className="animated fadeInDown delay-s">และอินโฟกราฟิก</h1>
<div className="detail">
<svg className="animated zoomIn delay-1s" >
<line x1="0" y1="0" x2="0" y2="100" />
</svg>
<div className="text-content">
<h6 className="animated fadeInDown delay-1s">ElderlyDB เป็นการนำข้อมูลเกี่ยวกับผู้สูงอายุ</h6>
<h6 className="animated fadeInDown delay-1s">มาแสดงผลในรูปเเบบของกราฟในรูปแบบต่าง ๆ </h6>
<h6 className="animated fadeInDown delay-1s">ภายในอำเภอกะทู้ จังหวัดภูเก็ต </h6>

</div>

</div>

<Link href="/main">
<h5 className="animated zoomIn delay-1s" >เข้าสู่หน้าหลัก</h5>
</Link>
</div>
<div className="cover">
<img src="../../static/testcoverNew.png" alt="cover" />
</div>
</div>
}

</div>
</div>
)

}
export default Cover
4 changes: 2 additions & 2 deletions components/layout/nav.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,7 @@ const NavBar = props => {
{
tab.map((item, index) => {
return (
<Link href={item.href} key={index}>
<a href={item.href} key={index}>
{
item.name == "ติดต่อ" ?
<p className="li-buttom-line">{item.name}</p>
Expand All @@ -85,7 +85,7 @@ const NavBar = props => {
</button>
</React.Fragment>
}
</Link>
</a>
)
})
}
Expand Down
2 changes: 1 addition & 1 deletion pages/index/About.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -87,7 +87,7 @@ const About = () => {
</div>

<div className="detail-content">
<img src="/static/gifcover2.gif" />
<img src="/static/testcoverAbout.jpg" />
<div className="data-detail-content">
{/* {
data.map((item, index) => (
Expand Down

1 comment on commit 872d1d4

@vercel
Copy link

@vercel vercel bot commented on 872d1d4 Mar 29, 2020

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to following URLs:

Please sign in to comment.