Skip to content

L
landingPage-Nexpie
Commit 778e3d60 by Chaiwith Santaweesuk
Options

update font

parent 30d38b0b
Showing with 82 additions and 65 deletions
.firebase/hosting.YnVpbGQ.cache
asset-manifest.json,1565695593697,7325eaff1ecd7661f192650db0ea691f5e4704be945f758c8b0a112053dc49be
asset-manifest.json,1566379045090,23e7c64b9275a7b91b1b5ae1b1bdb5aa8403c940967bbfddb754b373663e507d
favicon.ico,1565083503842,b72f7455f00e4e58792d2bca892abb068e2213838c0316d6b7a0d6d16acd1955
index.html,1566379045090,9fece7e5fb29b1216fa7fd4669350152009c80e294c92e53311adbe2e2952359
manifest.json,1565083503843,6aaf3d87dd9bb1e96f9c691c50d0ed378ed98a120a76dea78291281834cd36e9
index.html,1565695593697,e3314e7cf9daa1b4729c1923cc57628e8513e6aedd71f8e06294c9c9ee0617cb
precache-manifest.39f1ec858ae187d2503a3ee3587db165.js,1565695593697,79c5f740e50d54e8e5b02ad64971de79aae39b094a16f12dfa0b5c2d171bc9cf
service-worker.js,1565695593697,4bca5d2df5275c4a4267c1656362e7aef1ec91ba6ced233941b494bab82579f3
static/css/main.0d9f49bf.chunk.css,1565695593698,ef66b111b80cdb58e24272c846aca8208ee81c7e68f547b561d1f7c008fae094
static/js/main.8bc63245.chunk.js,1565695593700,a3cbfde8197ce0113c41fecd1fb9acee6051f28242c378a3df0c1c50f4c9084d
static/js/runtime~main.a8a9905a.js,1565695593714,e1af5f94fdd13901b2e433d0d7607e27c01458151c35b1fe4b7feda2a32b7aa9
static/css/main.0d9f49bf.chunk.css.map,1565695593712,06a95f2acf98dd19f945abffa745cbf984cbac1493af0d433f6c3c285d3b6a57
static/js/runtime~main.a8a9905a.js.map,1565695593714,c337bf8b58896da637a6e50ab8cfc779eb1ec42c55f8ec429030a03454a549db
static/css/2.5aec162f.chunk.css,1565695593711,8383e9bf19b19ec879e362484ac8a165120490778495b9099842e50e7f906ec0
static/js/main.8bc63245.chunk.js.map,1565695593714,5c7cbb49cd730d4a7874dc4be7f287e1ddefc1b846feb21afa713f72e87ac770
static/css/2.5aec162f.chunk.css.map,1565695593710,8da2f9401adb11c1e32c1f4a0b469c4b1965cda45cf9be25716462a90fe6bc8c
static/js/2.9838828f.chunk.js,1565695593717,efba1b01ed6f4bbfd4f81c6c684f451d4e6f9259320bf4cefb4b5e4e1364ad19
static/js/2.9838828f.chunk.js.map,1565695593716,e8e2ae222f85803cd7f0ea648e649acdb75fe8c3ba7668c012e40b981cd9ab4d
precache-manifest.c34db1078f39283888ad2b4b9047f5f6.js,1566379045090,652b2d54c036a67348022be6a18fcc3d015a317867498d69d7f0cde8a920463f
service-worker.js,1566379045090,44863a0b2b611aa9a855b7eb9dbaf421ec1697b923492196e9a9a94731a683ff
static/css/main.e7455773.chunk.css,1566379045091,fba420cc854d47c0116a086ca1dede30f7b8ded66faab0fcad22002d0bfb016c
static/css/main.e7455773.chunk.css.map,1566379045102,7cb86b0b9c51e65df6e91f77817f81d5145d444adb418ce9acefde7c5d66892b
static/js/main.91b9a865.chunk.js.map,1566379045101,1b3d7069d9180a2a6a5fb7cc3b6286bc51737fcdbfaed7435fcd48fe8e6e2ae7
static/js/runtime~main.a8a9905a.js,1566379045101,e1af5f94fdd13901b2e433d0d7607e27c01458151c35b1fe4b7feda2a32b7aa9
static/js/main.91b9a865.chunk.js,1566379045093,f863a96affb1b2cfd7b7955db7cfc963e105b58e74258ec622b1cdef22299bbe
static/js/runtime~main.a8a9905a.js.map,1566379045101,c337bf8b58896da637a6e50ab8cfc779eb1ec42c55f8ec429030a03454a549db
static/css/2.5aec162f.chunk.css,1566379045102,8383e9bf19b19ec879e362484ac8a165120490778495b9099842e50e7f906ec0
static/css/2.5aec162f.chunk.css.map,1566379045102,8da2f9401adb11c1e32c1f4a0b469c4b1965cda45cf9be25716462a90fe6bc8c
static/js/2.9838828f.chunk.js,1566379045101,efba1b01ed6f4bbfd4f81c6c684f451d4e6f9259320bf4cefb4b5e4e1364ad19
static/js/2.9838828f.chunk.js.map,1566379045102,e8e2ae222f85803cd7f0ea648e649acdb75fe8c3ba7668c012e40b981cd9ab4d
public/index.html
......@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
<link href="https://fonts.googleapis.com/css?family=Mitr&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Mitr:300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="owlcarousel/owl.carousel.min.css" />
<link rel="stylesheet" href="owlcarousel/owl.theme.default.min.css" />
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
......
src/components/Header.js
......@@ -18,7 +18,6 @@ const ButtonNavs = [
{ index: 3, name: <FormattedMessage id="BottomNav.Benefits" /> },
{ index: 4, name: <FormattedMessage id="BottomNav.Customer" /> },
{ index: 5, name: <FormattedMessage id="BottomNav.Packages" /> },
{ index: 6, name: ['EN', 'TH'] },
{ index: 7, name: <FormattedMessage id="GoToDashboard" /> },
];
......
src/components/Home/Features.js
......@@ -50,7 +50,7 @@ export default class Features extends React.Component {
paddingBottom: '60px',
}}>
<h1 className="title">
<FormattedMessage id="BottomNav.Features" />
<FormattedMessage id="Features.Title" />
</h1>
<p className="descriptionStyle" style={{ textAlign: 'center', maxWidth: 1140 }}>
<FormattedMessage id="Feature.Descrip" />
......
src/index.js
......@@ -2,7 +2,7 @@ import React from 'react';
import ReactDOM from 'react-dom';
// import './scss/overrideStyle.scss';
import App from './App';
import * as serviceWorker from './serviceWorker';
// import * as serviceWorker from './serviceWorker';
import { Provider } from 'react-redux';
import { createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk';
......
src/scss/_variables.scss
......@@ -4,4 +4,3 @@ $lightprimary: #0384ce;
$grey: #4a4a4a;
$lightgrey: #858585;
$white: #ffffff;
$size-text-header:20px;
src/scss/style.scss
......@@ -9,7 +9,9 @@
// @import '../../node_modules/bulma/sass/form/_all.sass';
body {
font-family: "Mitr", sans-serif;
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,"\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3",Hiragino Kaku Gothic Pro,"\30E1\30A4\30EA\30AA",Meiryo,"\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF",Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
font-size: 14px;
// //font-weight: 200;
}
::-webkit-scrollbar {
......@@ -40,26 +42,29 @@ body {
padding: 0 15px;
}
.descriptionStyle {
font-size: 18px;
font-size: 14px;
color: $grey;
font-weight: normal;
}
.title {
font-size: $size-text-header;
font-size: 32px;
color: $primary;
font-weight: 500;
}
.banner-text-container {
display: flex;
flex-direction: column;
margin-top: 50px;
.banner-title {
font-size: 72px;
font-size: 3em;
font-weight: 600;
color: $white;
}
.banner-descrip-wrapper {
@extend .row;
justify-content: start !important;
font-size: 60px;
font-size: 2em;
font-weight: 600;
:first-child {
color: #ffcc01;
margin-right: 15px;
......@@ -86,9 +91,11 @@ body {
.why-title {
font-size: 22px;
color: $grey;
font-weight: 500;
}
.why-description {
font-size: 16px;
font-size: 14px;
font-weight: normal;
color: $lightgrey;
}
}
......@@ -138,9 +145,9 @@ body {
font-weight: 500;
}
.service-description {
font-size: 16px;
font-size: 14px;
text-align: center;
font-weight: 100;
font-weight: normal;
}
}
}
......@@ -183,6 +190,7 @@ body {
.feature-title {
font-size: 22px;
font-weight: 500;
letter-spacing: 1px;
-webkit-background-clip: text;
background-clip: text;
......@@ -196,8 +204,9 @@ body {
max-width: 400px;
height: 4; /* Fallback for non-webkit */
margin: 0 auto;
font-size: 16px;
line-height: 1.33;
font-size: 14px;
font-weight: normal;
// line-height: 1.33;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
......@@ -209,7 +218,8 @@ body {
.tab-container {
@extend .row;
.tab {
font-size: 18px;
font-size: 16px;
font-weight: bold;
line-height: 1.56;
text-align: center;
color: #4a4a4a;
......@@ -238,12 +248,13 @@ body {
color: #757575;
.plan-title {
font-size: 22px;
font-weight: bold;
font-weight: 500;
text-align: center;
}
.plan-descrip {
font-size: 13px;
font-size: 14px;
text-align: center;
font-weight: normal;
}
}
.price-wrapper {
......@@ -257,12 +268,12 @@ body {
align-self: center;
.price {
@extend .row;
font-weight: bold;
font-size: 20px;
font-weight: normal;
font-size: 22px;
align-items: baseline;
h1 {
font-size: 45px;
}
// h1 {
// font-size: 45px;
// }
}
}
.package-details {
......@@ -283,7 +294,7 @@ body {
color: $white;
cursor: pointer;
div {
font-size: 18px;
font-size: 16px;
font-weight: bold;
text-align: center;
}
......@@ -327,10 +338,10 @@ body {
@media screen and (max-width: 768px) {
.descriptionStyle {
font-size: 15px;
font-size: 14px;
}
.title {
font-size: 24px;
font-size: 28px;
}
.feature-container .feature-card-hidden {
display: none;
......@@ -343,10 +354,10 @@ body {
}
.feature-text-wrapper {
.feature-title {
font-size: 16px;
//font-size: 1.2em;
}
.feature-descrip {
font-size: 12px;
//font-size: 1em;
}
}
}
......@@ -354,26 +365,32 @@ body {
.banner-text-container {
align-items: center;
.banner-title {
font-size: 30px;
//font-size: 3em;
}
.banner-descrip-wrapper {
font-size: 24px;
//font-size: 2em;
margin-top: 30px;
}
}
.tab-container .tab {
font-size: 12px;
//font-size: 0.9em;
}
}
.navbar-item {
padding: 0.5rem 0.15rem;
font-family: "Mitr", sans-serif !important;
// font-family: "Noto Sans Thai", sans-serif;
.button {
font-family: "Noto Sans Thai", sans-serif;
span{
font-size: 16px;
font-weight: bold;
font-style: normal;
}
}
}
span{
font-family: "Mitr", sans-serif !important;
}
.bullet-navs {
outline: none;
......
src/translations/en.json
{
"BottomNav.Home": "HOME",
"BottomNav.Docs": "DOCS",
"BottomNav.Features": "FEATURES",
"BottomNav.Benefits": "BENEFITS",
"BottomNav.Customer": "CUSTOMER",
"BottomNav.Packages": "PACKAGES",
"GoToDashboard": "GO TO DASHBOARD",
"connect": "CONNECT",
"BottomNav.Home": "Home",
"BottomNav.Docs": "Docs",
"BottomNav.Features": "Features",
"BottomNav.Benefits": "Benefits",
"BottomNav.Customer": "Customers",
"BottomNav.Packages": "Packages",
"GoToDashboard": "console",
"connect": "Connect",
"About.Title": "About Nexpie IoT Platform",
"About.Descrip1": "Connecting everything - everywhere with IoT Platform to improve your business productive and efficiency for creates best opportunities to your organization in new Technology era unlike anything before.",
"About.Descrip2": "NEXPIE IoT Platform provides tools and software libraries that accelerates the IoT development process, so developers can spend more time innovating and less time worrying about administration of back-end servers and data storage.",
......@@ -14,15 +14,16 @@
"Why.Descrip": "NEXPIE provide the Internet of Things (IoT) technology tools for helping your organization to achieve the most benefit in Commercial Marketing.",
"Services.Title": "Our Services",
"Feature.Descrip": "The majority of NEXPIE functionality that helps to develop your connected devices and smart things.",
"Monitor.Title": "MONITORING",
"Features.Title": "Features",
"Monitor.Title": "Monitoring",
"Monitor.Descrip": "Visualize your device and sensor data real-time",
"Trigger.Title": "TRIGGER",
"Trigger.Title": "Trigger",
"Trigger.Descrip": "Event that happen via Device data changed",
"Control.Title": "CONTROLLING",
"Control.Title": "Controlling",
"Control.Descrip": "Controlling how device works via Cloud Platform.",
"Hook.Title": "HOOK",
"Hook.Title": "Hook",
"Hook.Descrip": "Get automation works according to condition setting of Trigger",
"Storage.Title": "DATA STORAGE",
"Storage.Title": "Datastorage",
"Storage.Descrip": "Collecting data from your device and sensor to data storage.",
"Packages.Title": "Packages"
}
src/translations/th.json
......@@ -7,13 +7,14 @@
"BottomNav.Packages": "แพ็คเกจ",
"GoToDashboard": "ไปที่หน้าควบคุม",
"connect": "เชื่อมต่อ",
"About.Title": "เกี่ยวกับแพลตฟอร์ม Nexpie IOT",
"About.Title": "เกี่ยวกับแพลตฟอร์ม Nexpie IoT",
"About.Descrip1": "เชื่อมต่อทุกสิ่ง - ทุกที่ด้วยแพลตฟอร์ม IoT เพื่อปรับปรุงประสิทธิภาพการทำงานและประสิทธิภาพของธุรกิจของคุณ สร้างโอกาสที่ดีที่สุดให้กับองค์กรของคุณในยุคเทคโนโลยีใหม่ๆ ที่ไม่เหมือนที่ใด",
"About.Descrip2": "แพลตฟอร์ม NEXPIE IoT มีเครื่องมือและไลบรารีซอฟต์แวร์ที่เร่งกระบวนการพัฒนา IoT เพื่อให้นักพัฒนาสามารถใช้เวลาในการคิดค้นและใช้เวลาน้อยลงโดยไม่ต้องกังวลเกี่ยวกับการดูแลเซิร์ฟเวอร์แบ็คเอนด์และที่จัดเก็บข้อมูล",
"Why.Title": "ทำไมต้องเลือก NEXPIE",
"Why.Descrip": "NEXPIE มอบเครื่องมือ Internet of Things(IoT) เพื่อช่วยให้องค์กรของคุณได้รับประโยชน์สูงสุดในด้านการตลาดเชิงพาณิชย์",
"Services.Title": "บริการของเรา",
"Feature.Descrip": "ฟังก์ชั่นหลักของ NEXPIE คือการช่วยในการพัฒนาอุปกรณ์ และ smart things ของคุณ",
"Features.Title": "จุดเด่น",
"Monitor.Title": "การติดตามตรวจสอบ",
"Monitor.Descrip": "ตรวจสอบอุปกรณ์และข้อมูลเซ็นเซอร์ของคุณได้แบบ real-time",
"Trigger.Title": "ตัวกระตุ้น",
......
yarn.lock
......@@ -641,7 +641,7 @@
"@babel/plugin-transform-new-target@^7.4.0", "@babel/plugin-transform-new-target@^7.4.4":
version "7.4.4"
resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.4.4.tgz#18d120438b0cc9ee95a47f2c72bc9768fbed60a5"
integrity sha512-r1z3T2DNGQwwe2vPGZMBNjioT2scgWzK9BCnDEh+46z8EEwXBq24uRzd65I7pjtugzPSj921aM15RpESgzsSuA==
integrity sha512-r1z3T2DNGQwwe2vPGZMBNjIoT2scgWzK9BCnDEh+46z8EEwXBq24uRzd65I7pjtugzPSj921aM15RpESgzsSuA==
dependencies:
"@babel/helper-plugin-utils" "^7.0.0"
......@@ -5233,7 +5233,7 @@ is-data-descriptor@^1.0.0:
is-date-object@^1.0.1:
version "1.0.1"
resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.1.tgz#9aa20eb6aeebbff77fbd33e74ca01b33581d3a16"
integrity sha1-mqIOtq7rv/d/vTPnTKAbM1gdOhY=
integrity sha1-mqIoTq7rv/d/vTPnTKAbM1gdOhY=
is-descriptor@^0.1.0:
version "0.1.6"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment