update

.firebase/hosting.YnVpbGQ.cache

-asset-manifest.json,1567427519624,f9f9e5e7d95f0591d0e6906e513eb86ddb10e83a419216197065ea35fb46097a
+asset-manifest.json,1567435596085,ff9dd12e80477651d66cee7393efe82f3271c1e82ddc342d7027715be35ba47a
+precache-manifest.ad22dc0b26434cea537150ceb23606ff.js,1567435596085,04f7099dabe8eb1921c75473dd660171426603b5e0299ce2783c503075e13809
+index.html,1567435596085,c8d6eed10e25fec89cc6e50cf24bf7d70601021723366c923fab3b776b70359f
 favicon.ico,1565083503842,b72f7455f00e4e58792d2bca892abb068e2213838c0316d6b7a0d6d16acd1955
-index.html,1567427519624,9100ddb9b50ed6c25fc3826482ee8a9721c89a6c276ff825fe839ac67719cef7
-precache-manifest.31c1b4643321e69bd38c73a8de855a0d.js,1567427519624,fa951d87dbe6c34f9214e791af0ed3358e84462cb2089c5b6f8061b7f2b41c2f
-service-worker.js,1567427519624,efe0caac1fbb33e20b45205a96165a292319127df2ae82d91d0e3bbb44cbab32
-static/css/main.70881fd1.chunk.css.map,1567427519646,2a834525e26af6649b00c704004606786f306f24fdbd8b462859c08378fdc650
+service-worker.js,1567435596085,d217c8855c2163d5590a1064ee1178422be73a5ce0d7b5fabb19b06398c1843c
+static/css/main.a43607a4.chunk.css.map,1567435596108,b47e3b94408ca1b5f00234f22dde566b16fd767e49657706b147637e8b22e561
 manifest.json,1565083503843,6aaf3d87dd9bb1e96f9c691c50d0ed378ed98a120a76dea78291281834cd36e9
-static/css/main.70881fd1.chunk.css,1567427519626,ddcf27a28c503799657815bfafb492d56807fa8a6725f352d251cb89579a7040
-static/js/main.584ecc4e.chunk.js,1567427519626,94f1d09887166a254bf1939ff1acb142b1d3c3a75d8ef4a5a49f113f05231045
-static/js/runtime~main.a8a9905a.js,1567427519648,e1af5f94fdd13901b2e433d0d7607e27c01458151c35b1fe4b7feda2a32b7aa9
-static/js/runtime~main.a8a9905a.js.map,1567427519648,c337bf8b58896da637a6e50ab8cfc779eb1ec42c55f8ec429030a03454a549db
-static/js/main.584ecc4e.chunk.js.map,1567427519646,6782ccfaf6b1a3e849164f51e2fcc1047deb8ea607035e9d5605bf7532e12c0d
-static/css/2.655cd109.chunk.css,1567427519646,b9381307d281dd581b7e8e40fa46f5dc5f129dceb138844f58205737d3b8b156
-static/css/2.655cd109.chunk.css.map,1567427519647,c5e0c12c108d428b20ea3a6e39bf4d5e1f10006f035e8cb3ade2d9d843334742
-static/js/2.1a3fd4c2.chunk.js,1567427519648,b5b52eff5015e551b302084887912f1e01e0c71a3d4afc2f27a9595349ce937c
-static/js/2.1a3fd4c2.chunk.js.map,1567427519647,c11a22832416c4fca8b09716dbec209d856a2a9edd92e1ea0872e0e0622d0097
+static/css/main.a43607a4.chunk.css,1567435596086,125a1896a560cfb2846d2d2bbe3da9d70d1724a3834da2ffa98ada4c6a5b34d0
+static/js/runtime~main.a8a9905a.js,1567435596086,e1af5f94fdd13901b2e433d0d7607e27c01458151c35b1fe4b7feda2a32b7aa9
+static/js/runtime~main.a8a9905a.js.map,1567435596107,c337bf8b58896da637a6e50ab8cfc779eb1ec42c55f8ec429030a03454a549db
+static/js/main.9547b370.chunk.js.map,1567435596107,4bf88838c91bd6c0552b0f9b046a0da42828a8afb69f994c6b1a4f94cf2d7a40
+static/js/main.9547b370.chunk.js,1567435596107,7930424c035ad84159c3f9c3674dc2fdb250e78c168cc52e234990933389bc11
+static/css/2.655cd109.chunk.css,1567435596108,b9381307d281dd581b7e8e40fa46f5dc5f129dceb138844f58205737d3b8b156
+static/css/2.655cd109.chunk.css.map,1567435596109,c5e0c12c108d428b20ea3a6e39bf4d5e1f10006f035e8cb3ade2d9d843334742
+static/js/2.1a3fd4c2.chunk.js,1567435596107,b5b52eff5015e551b302084887912f1e01e0c71a3d4afc2f27a9595349ce937c
+static/js/2.1a3fd4c2.chunk.js.map,1567435596108,c11a22832416c4fca8b09716dbec209d856a2a9edd92e1ea0872e0e0622d0097

public/index.html

@@ -44,4 +44,18 @@
     <!-- <script src="jquery.min.js"></script> -->
     <!-- <script src="owlcarousel/owl.carousel.min.js"></script> -->
   </footer>
+  <script>
+    $(document).ready(function(){
+      $(window).scroll(function() { // check if scroll event happened
+        if ($(document).scrollTop() > 100) { // check if user scrolled more than 50 from top of the browser window
+          console.log("sssss")
+          $(".is-fixed-top").css("background-color", "#fff"); // if yes, then change the color of class "navbar-fixed-top" to white (#f8f8f8)
+        } else {
+          console.log("11111")
+          $(".is-fixed-top").css("background-color", "transparent"); // if not, change it back to transparent
+        }
+        console.log($(document).scrollTop())
+      });
+    });
+</script>
 </html>

public/manifest.json

@@ -10,6 +10,6 @@
   ],
   "start_url": ".",
   "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
+  "theme_color": "#444",
+  "background_color": "#444"
 }

src/scss/style.scss

@@ -15,6 +15,7 @@ body {
     Segoe UI Emoji, Segoe UI Symbol;
   font-size: 14px;
   // //font-weight: 200;
+  // color:red;
 }
 
 // ::-webkit-scrollbar {
@@ -42,7 +43,8 @@ body {
   max-width: 100%;
   margin: 0 auto;
   position: relative;
-  padding: 0 15px;
+  // padding-top:3.25rem;
+  padding: 3.25rem 15px;
 }
 .descriptionStyle {
   font-size: 16px;
@@ -410,7 +412,7 @@ body {
 }
 
 .navbar {
-  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.05);
+  // box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.05);
 }
 
 .navbar-item {
@@ -468,34 +470,12 @@ body {
   height: 16px;
 }
 
-// @media screen and (min-width: 1023px) {
-// 	.navbar-burger {
-// 		margin-left: auto;
-// 	}
-// }
-
-// .navbar-burger {
-// 	margin-left: 0;
-// }
-// .dropdown-item {
-// 	display: 'flex';
-// 	flex: 1;
-// 	justify-content: 'center';
-// 	align-content: 'center';
-// }
-
-// @import '~bulma/sass/components/navbar.sass';
-// @import '../../node_modules/bulma/sass/layout/hero.sass';
-// @import '../../node_modules/bulma/sass/layout/section.sass';
-
 .navbar-burger span {
   left: calc(50% - 10px);
   width: 20px;
   height: 3px;
 }
 
-/////////
-
 .footer-description {
   font-size: 22px;
   font-weight: bold;
@@ -571,3 +551,7 @@ hr.new {
   height: 40px;
   text-transform: uppercase;
 }
+
+html.has-navbar-fixed-top, body.has-navbar-fixed-top{
+  padding-top : 0px;
+}
\ No newline at end of file

src/translations/en.json

@@ -23,7 +23,7 @@
   "Connectivity.Title": "Connectivity",
   "Connectivity.Descrip": "We support many protocols for choose to connect your device with NEXPIE IoT Platform",
   "Management.Title": "IoT Management",
-  "Management.Descrip": "Provide data visualization dashboard and IoT management tools for your smart business",
+  "Management.Descrip": "Provide data visualization dashboard and IoT management tools",
   "Datacollection.Title": "Data Collection",
   "Datacollection.Descrip": "Real-time collecting your data and storage with trusted cloud server",
   "Feature.Descrip": "The majority of NEXPIE functionality that helps to develop your connected devices and smart things.",
@@ -39,7 +39,7 @@
   "Storage.Title": "Datastorage",
   "Storage.Descrip": "Collecting data from your device and sensor to data storage.",
   "Packages.Title": "Packages",
-  "Standard.Title":"Standard Plan",
+  "Standard.Title":"Standard",
   "Standard.Descrip":"This is standard hosting plan",
   "Startup.Title":"Startup",
   "Startup.Descrip":"This is standard hosting plan",

src/translations/th.json

@@ -12,21 +12,21 @@
   "About.Descrip2": "แพลตฟอร์ม NEXPIE IoT มีเครื่องมือและไลบรารีซอฟต์แวร์ที่เร่งกระบวนการพัฒนา IoT เพื่อให้นักพัฒนาสามารถใช้เวลาในการคิดค้นและใช้เวลาน้อยลงโดยไม่ต้องกังวลเกี่ยวกับการดูแลเซิร์ฟเวอร์แบ็คเอนด์และที่จัดเก็บข้อมูล",
   "Why.Title": "ทำไมต้องเลือก NEXPIE",
   "Why.Descrip": "NEXPIE มอบเครื่องมือ Internet of Things(IoT) เพื่อช่วยให้องค์กรของคุณได้รับประโยชน์สูงสุดในด้านการตลาดเชิงพาณิชย์",
-  "Flexibility.Title":"ความยืดหยุ่นสูง",
+  "Flexibility.Title":"ยืดหยุ่นสูง",
   "Flexibility.Descrip":"สามารถปรับลด-ขยายทรัพยากรณ์ได้ตลอดเวลา ด้วยสถาปัตยกรรมแบบ Microservice ซึ่งจะช่วยในการจัดการธุรกิจของคุณให้เติบโต",
   "Datavisualization.Title":"การแสดงข้อมูล",
-  "Datavisualization.Descrip":"รวบรวมข้อมูลการเชื่อมต่อของคุณ เพื่อจัดการ และตรวจสอบข้อมูลได้แบบแบบเรียลไทม์ ด้วยการจัดเก็บข้อมูลบนคลาวด์เซิร์ฟเวอร์ในไทย",
+  "Datavisualization.Descrip":"รวบรวมข้อมูลการเชื่อมต่อของคุณ เพื่อจัดการ และตรวจสอบข้อมูลได้แบบแบบเรียลไทม์ ด้วยการจัดเก็บข้อมูลบนคลาวด์เซิร์ฟเวอร์",
   "Integrations.Title":"อินทิเกรต",
   "Integrations.Descrip":"การทำงานร่วมกับทุกโปรโตคอลและ 3rd party ได้อย่างง่ายดาย โดยจัดเตรียม APIs สำหรับการผสานรวมธุรกิจของคุณ",
   "Services.Title": "บริการของเรา",
   "Services.Descrip": "บริการของเรา",
-  "Connectivity.Title": "บริการการเชื่อมต่อ",
+  "Connectivity.Title": "การเชื่อมต่อ",
   "Connectivity.Descrip": "เชื่อมต่ออุปกรณของคุณกับ NEXPIE IoT Platform",
-  "Management.Title": "บริการระบบจัดการ IoT",
-  "Management.Descrip": "การแสดงค่าข้อมูล และการควบคุมอุปกรณ์ IoT",
-  "Datacollection.Title": "บริการจัดเก็บข้อมูล",
+  "Management.Title": "ระบบจัดการ IoT",
+  "Management.Descrip": "การแสดงค่าข้อมูลและการควบคุมอุปกรณ์ IoT",
+  "Datacollection.Title": "การจัดเก็บข้อมูล",
   "Datacollection.Descrip": "การรวบรวมค่าข้อมูล และจัดเก็บข้อมูลแบบเรียลไทม์",
-  "Feature.Descrip": "ฟังก์ชั่นหลักของ NEXPIE คือการช่วยในการพัฒนาอุปกรณ์ และ smart things ของคุณ",
+  "Feature.Descrip": "ฟังก์ชั่นหลักของ NEXPIE คือการช่วยในการพัฒนาอุปกรณ์และ smart things ของคุณ",
   "Features.Title": "จุดเด่น",
   "Monitor.Title": "การติดตามตรวจสอบ",
   "Monitor.Descrip": "ตรวจสอบอุปกรณ์และข้อมูลเซ็นเซอร์ของคุณได้แบบ real-time",