[apisix-website] branch master updated: fix: pull request in place of #214 (#222)

[sunyi]

This is an automated email from the ASF dual-hosted git repository.

sunyi pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/apisix-website.git


The following commit(s) were added to refs/heads/master by this push:
     new 164248b  fix: pull request in place of #214 (#222)
164248b is described below

commit 164248be0418b30211caa880c180d939a7829c6c
Author: Shivam Singh <57267960+1502shivam-si...@users.noreply.github.com>
AuthorDate: Tue Mar 2 09:37:20 2021 +0530

    fix: pull request in place of #214 (#222)
---
 website/src/css/customTheme.css | 39 ++++++++++++++++++++++++++++-----------
 website/src/pages/index.js      |  1 -
 2 files changed, 28 insertions(+), 12 deletions(-)

diff --git a/website/src/css/customTheme.css b/website/src/css/customTheme.css
index 2dd6559..b681711 100644
--- a/website/src/css/customTheme.css
+++ b/website/src/css/customTheme.css
@@ -69,21 +69,22 @@ header h2 {
 }
 @media only screen and (min-device-width: 360px) and (max-device-width: 736px) 
{
   .home-splash {
-    /* margin-top: 8px; Original*/
     margin-top: -20px;
-    margin-bottom: -50px;/*Check*/
+    margin-bottom: -50px;
   }
 }
 
 .home-splash .title {
-  font-size: 2.4rem;
-  color: black;
+  font-size: 4.0rem;
+  color: #df2d2d;
   opacity: 0.92;
 }
-
-.home-splash .title.brand {
-  font-size: 2.69rem;
-  color: #df2d2d;
+@media only screen and (min-device-width: 360px) and (max-device-width: 736px) 
{
+  .home-splash .title {
+    font-size: 2.9rem;
+    color: #df2d2d;
+    opacity: 0.92;
+  }
 }
 
 .home-splash .title.slogan .feature-word {
@@ -101,6 +102,16 @@ header h2 {
   color: #000000;
   opacity: 0.58;
   font-size: 1.2rem;
+  width: 65%;
+}
+@media only screen and (min-device-width: 360px) and (max-device-width: 736px) 
{
+  .home-splash .subtitle {
+    color: #000000;
+    opacity: 0.58;
+    font-size: 1.2rem;
+    width: 100%;
+    margin-top: 30px;
+  }
 }
 
 .home-splash .button-wrapper {
@@ -274,12 +285,11 @@ header h2 {
 /* button */
 .button {
   margin: 0 10px;
-  padding: 18px 18px;
+  padding: 8px 18px;
   font-size: 18px;
   font-weight: 600;
   border-radius: 10px;
   border: none;
-  width: 224px;
   background: #fee2e2;
   color: #ef4444;
   transition: all 0.3s;
@@ -294,10 +304,14 @@ header h2 {
   display: inline-flex;
   align-items: center;
   margin-bottom: 15px;
+  padding: 12px;
+  justify-content: center;
+  width: 224px;
+
 }
 .button.github .github-logo {
   height: 24px;
-  margin: 0 8px 1px 0px;
+  margin: 0 12px 1px 0px;
 }
 .button.github:hover {
   background: #000;
@@ -311,6 +325,9 @@ header h2 {
   border: 1px solid #d1d5db;
   box-sizing: border-box;
   margin-bottom: 15px;
+  width: 224px;
+  padding: 12px;
+  justify-content: center;
 }
 .button.secondary:hover {
   background: #e5e7eb;
diff --git a/website/src/pages/index.js b/website/src/pages/index.js
index cef385e..70d1917 100644
--- a/website/src/pages/index.js
+++ b/website/src/pages/index.js
@@ -36,7 +36,6 @@ const HomeSplash = () => {
       <div className="container">
         <div className="inner">
           <div className="padding-vert--md">
-            <h1 className="title brand">Apache APISIX™</h1>
             <h1 className="title slogan">
               A&nbsp;
               <span className="feature-word">