From 845b33d824ce343deb3602bca398c9e9cef0a313 Mon Sep 17 00:00:00 2001 From: Shivam Singh Date: Mon, 1 Mar 2021 17:04:09 +0530 Subject: [PATCH 1/4] style change to hero and remove unused repeated h3 --- website/src/css/customTheme.css | 39 ++++++++++++++++++++++++++------- website/src/pages/index.js | 1 - 2 files changed, 31 insertions(+), 9 deletions(-) diff --git a/website/src/css/customTheme.css b/website/src/css/customTheme.css index 2dd655989603e..3aa2046ce7962 100644 --- a/website/src/css/customTheme.css +++ b/website/src/css/customTheme.css @@ -69,22 +69,29 @@ 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; } +@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.brand { font-size: 2.69rem; color: #df2d2d; -} + display: none; +} .home-splash .title.slogan .feature-word { background: var(--color-secondary-bg); @@ -101,6 +108,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 +291,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 +310,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 +331,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 cef385e65023b..70d1917beb851 100644 --- a/website/src/pages/index.js +++ b/website/src/pages/index.js @@ -36,7 +36,6 @@ const HomeSplash = () => {
-

Apache APISIX™

A  From 390e42cdd55d4edaaa1a26b4a80b6c33b3822abd Mon Sep 17 00:00:00 2001 From: Shivam Singh Date: Thu, 4 Mar 2021 05:14:49 +0530 Subject: [PATCH 2/4] added latest styles --- website/src/css/customTheme.css | 45 --------------------------------- 1 file changed, 45 deletions(-) diff --git a/website/src/css/customTheme.css b/website/src/css/customTheme.css index bded32ca270ec..c080bfb4177e2 100644 --- a/website/src/css/customTheme.css +++ b/website/src/css/customTheme.css @@ -81,11 +81,6 @@ header h2 { } .home-splash .title { -<<<<<<< HEAD - font-size: 4.0rem; - color: #df2d2d; - opacity: 0.92; -======= font-size: 5rem; font-weight: 800; color: #101827; @@ -94,29 +89,13 @@ header h2 { .home-splash .title { font-size: 3.52rem; } ->>>>>>> f14813f9cb5e491e9af5e3cb7ec8da65e187cedf -} -@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; - } } -<<<<<<< HEAD -.home-splash .title.brand { - font-size: 2.69rem; - color: #df2d2d; - display: none; -} -======= @media only screen and (min-device-width: 320px) and (max-width: 375px) { .home-splash .title { font-size: 3rem; } } ->>>>>>> f14813f9cb5e491e9af5e3cb7ec8da65e187cedf .home-splash .title.slogan .feature-word { color: var(--ifm-color-primary); @@ -132,11 +111,7 @@ header h2 { font-size: 1.2rem; width: 65%; } -<<<<<<< HEAD -@media only screen and (min-device-width: 360px) and (max-device-width: 736px) { -======= @media only screen and (min-device-width: 360px) and (max-device-width: 736px) { ->>>>>>> f14813f9cb5e491e9af5e3cb7ec8da65e187cedf .home-splash .subtitle { color: #000000; opacity: 0.58; @@ -317,11 +292,7 @@ header h2 { /* button */ .button { margin: 0 10px; -<<<<<<< HEAD - padding: 8px 18px; -======= padding: 12px 24px; ->>>>>>> f14813f9cb5e491e9af5e3cb7ec8da65e187cedf font-size: 18px; font-weight: 600; border-radius: 10px; @@ -339,18 +310,10 @@ header h2 { color: white; display: inline-flex; align-items: center; -<<<<<<< HEAD - margin-bottom: 15px; - padding: 12px; - justify-content: center; - width: 224px; - -======= justify-content: center; border: 1px solid #101827; padding: 11px 23px; margin-bottom: 1rem; ->>>>>>> f14813f9cb5e491e9af5e3cb7ec8da65e187cedf } .button.github .github-logo { height: 24px; @@ -366,16 +329,8 @@ header h2 { background: #f3f4f6; color: #1f2937; border: 1px solid #d1d5db; -<<<<<<< HEAD - box-sizing: border-box; - margin-bottom: 15px; - width: 224px; - padding: 12px; - justify-content: center; -======= padding: 11px 23px; margin-bottom: 1rem; ->>>>>>> f14813f9cb5e491e9af5e3cb7ec8da65e187cedf } .button.secondary:hover { background: #e5e7eb; From 123154ba82a1b2cd48d11351c8578747ac2c1cb3 Mon Sep 17 00:00:00 2001 From: Shivam Singh Date: Fri, 16 Apr 2021 16:52:17 +0530 Subject: [PATCH 3/4] Give smaller size to Github logo in team-page --- website/src/css/customTheme.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/website/src/css/customTheme.css b/website/src/css/customTheme.css index 3de3dab75be46..1b12316388bb6 100644 --- a/website/src/css/customTheme.css +++ b/website/src/css/customTheme.css @@ -565,6 +565,10 @@ a:hover { height: 24px; } +.team-githubLogo{ + height: 24px; +} + /*newsletter section*/ .center-elem { From d8eb8741d6b1f735e1fbf01797d2541eadad8e38 Mon Sep 17 00:00:00 2001 From: Shivam Singh Date: Fri, 16 Apr 2021 16:53:07 +0530 Subject: [PATCH 4/4] Give GithubLogo element team-githubLogo class --- website/src/pages/team.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/website/src/pages/team.js b/website/src/pages/team.js index 05a6eb6da68df..bb268e1b5a233 100644 --- a/website/src/pages/team.js +++ b/website/src/pages/team.js @@ -275,7 +275,7 @@ function Team(props) { target="_blank" key={repo} > - {repo} + {repo} ); });