💄Society

noeypatt · Mar 28, 2020 · 5e8955b · 5e8955b · vercel · Mar 28, 2020
1 parent 88e5181
commit 5e8955b
Show file tree

Hide file tree

Showing 8 changed files with 18 additions and 14 deletions.
diff --git a/components/about.js b/components/about.js
@@ -36,7 +36,7 @@ const About = () => {
                             </div>
 
                             <div className="detail-content">
-                                <img src="/static/trstcover2.gif" />
+                                <img src="/static/gifcover.gif" />
                                 <div className="data-detail-content">
                                     {
                                         data.map((item, index) => (
@@ -64,7 +64,7 @@ const About = () => {
                             </div>
 
                             <div className="detail-content">
-                                <img src="/static/trstcover2.gif" />
+                                <img src="/static/gifcover.gif" />
                                 <div className="data-detail-content">
                                     {
                                         data.map((item, index) => (

diff --git a/pages/index/Society.js b/pages/index/Society.js
@@ -7,22 +7,25 @@ const Society = () => {
     const isSmallScreen = useMediaQuery({ maxDeviceWidth: 575.98 })
     const [data, setData] = useState([
         {
-            title: "ระดับเริ่มต้น (Aging society)",
+            title: "ศูนย์การเรียนรู้สำหรับผู้สูงอายุ",
             text: "สังคมที่มีประชากรอายุ 60 ปีขึ้นไปมากกว่าร้อยละ 10 ของประชากรทั้งประเทศ",
             subtext: "หรือมีประชากรอายุตั้งแต่ 65 ปีมากกว่าร้อยละ 7 ของประชากรทั้งประเทศ"
         },
         {
-            title: "ระดับสมบูรณ์ (Aged society)",
+            title: "สถานพยาบาล",
             text: "สังคมที่มีประชากรอายุ 60 ปีขึ้นไป มากกว่าร้อยละ 20 ของประชากรทั้งประเทศ",
             subtext: "หรือมีประชากรอายุตั้งแต่ 65 ปี มากกว่าร้อยละ 14 ของประชากรทั้งประเทศ"
         },
         {
-            title: "ระดับสูง (Super-aged society)",
+            title: "กิจกรรมสำหรับผู้สูงอายุในด้านต่างๆ",
             text: "สังคมที่มีประชากรอายุ 65 ปีขึ้นไปมากกว่า ร้อยละ 20 ของประชากรทั้งประเทศ",
             subtext: ""
         },
     ])
 
+    const [header,setHeader] = useState("สังคมผู้สูงอายุ")
+    const [subHead,setSubHead] = useState("ภายในอำเภอกะทู้ จังหวัดภูเก็ต")
+
     const [status, setStatus] = useState(false)
 
     const [home, setHome] = useState(
@@ -56,12 +59,12 @@ const Society = () => {
                         isSmallScreen ?
                             <div className="container-fluid">
                                 <div className="head-content">
-                                    <h4>สังคมผู้สูงอายุ </h4>
-                                    <h5>ภายในอำเภอกะทู้ จังหวัดภูเก็ต</h5>
+                                    <h4>{header}</h4>
+                                    <h5>{subHead}</h5>
                                 </div>
 
                                 <div className="detail-content">
-                                    <img src="/static/trstcover2.gif" />
+                                    <img src="/static/gifcover2.gif" />
                                     <div className="data-detail-content">
                                         {
                                             data.map((item, index) => (
@@ -78,12 +81,12 @@ const Society = () => {
                             :
                             <div className="container-fluid">
                                 <div className="head-content">
-                                    <h3>สังคมผู้สูงอายุ </h3>
-                                    <h3>ภายในอำเภอกะทู้ จังหวัดภูเก็ต</h3>
+                                    <h3>{header}</h3>
+                                    <h3>{subHead}</h3>
                                 </div>
 
                                 <div className="detail-content">
-                                    <img src="/static/trstcover2.gif" />
+                                    <img src="/static/gifcover2.gif" />
                                     <div className="data-detail-content">
                                         {
                                             data.map((item, index) => (

diff --git a/static/trstcover2.gif → static/gifcover.gif b/static/trstcover2.gif → static/gifcover.gif
diff --git a/static/gifcover2.gif b/static/gifcover2.gif
diff --git a/static/testcoverNew2.png b/static/testcoverNew2.png
diff --git a/styles/cover.scss b/styles/cover.scss
@@ -56,7 +56,7 @@ $border-bg-color: 1px solid #83d2ae;
           padding: 1rem 2rem;
         }
         h5:hover {
-          color: $primary-color;
+          color: $font-color;
           border: $border-bg-color;
           background: white !important;
         }

diff --git a/styles/index/society.scss b/styles/index/society.scss
@@ -29,6 +29,7 @@
         }
 
         .data-detail-content {
+          margin-top: 2rem;
           display: flex;
           flex-direction: column;
 

diff --git a/styles/nav.scss b/styles/nav.scss
@@ -130,15 +130,15 @@ ul {
     }
 
     p.li-buttom-line {
-      border: 1px solid $primary-color;
+      border: $border-bg-color;
       border-radius: 1.5rem;
       padding: 0.5rem 2rem !important;
       margin: 0 0.5rem 0 2rem !important;
     }
 
     p.li-buttom-line:hover {
       color: white !important;
-      background-color: $primary-color;
+      background: $bg-color;
     }
 
     p.li-buttom-line-active {