From c8d9103fa6b4bb59aa8178b765e399799469bca1 Mon Sep 17 00:00:00 2001 From: Arthur Emmanuel <86601468+ArthurEmma2@users.noreply.github.com> Date: Wed, 20 Sep 2023 21:31:38 +0000 Subject: [PATCH 01/16] Feat: Gpu tile added --- assets/images/svg/deploy-app.svg | 23 +++++ assets/images/svg/doc-svg.svg | 43 ++++++++++ assets/images/svg/gpu-svg.svg | 57 +++++++++++++ assets/images/svg/provider.svg | 55 ++++++++++++ assets/scss/layouts/_deploy.scss | 14 ++- assets/scss/layouts/_getstarted.scss | 122 ++++++++++++++++++++++++++- layouts/get-started/get-started.html | 40 ++++++--- 7 files changed, 340 insertions(+), 14 deletions(-) create mode 100644 assets/images/svg/deploy-app.svg create mode 100644 assets/images/svg/doc-svg.svg create mode 100644 assets/images/svg/gpu-svg.svg create mode 100644 assets/images/svg/provider.svg diff --git a/assets/images/svg/deploy-app.svg b/assets/images/svg/deploy-app.svg new file mode 100644 index 00000000..e2b39cf5 --- /dev/null +++ b/assets/images/svg/deploy-app.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/svg/doc-svg.svg b/assets/images/svg/doc-svg.svg new file mode 100644 index 00000000..3665d48c --- /dev/null +++ b/assets/images/svg/doc-svg.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/svg/gpu-svg.svg b/assets/images/svg/gpu-svg.svg new file mode 100644 index 00000000..2da81d36 --- /dev/null +++ b/assets/images/svg/gpu-svg.svg @@ -0,0 +1,57 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/svg/provider.svg b/assets/images/svg/provider.svg new file mode 100644 index 00000000..b61b6fd6 --- /dev/null +++ b/assets/images/svg/provider.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/scss/layouts/_deploy.scss b/assets/scss/layouts/_deploy.scss index 2718e115..b29de973 100644 --- a/assets/scss/layouts/_deploy.scss +++ b/assets/scss/layouts/_deploy.scss @@ -387,6 +387,18 @@ @media (min-width: 447px) and (max-width: 767px) { .deploy-svg svg { - width: 300px; + width: 400px; } + + // .tab-content .console-resource-wrapper { + // display: flex; + // flex-direction: column; + // justify-content: center; + // align-items: center; + // } + + // .console-resource-header { + // margin: 40px auto; + // text-align: center; + // } } diff --git a/assets/scss/layouts/_getstarted.scss b/assets/scss/layouts/_getstarted.scss index 5fad93b1..f877371c 100644 --- a/assets/scss/layouts/_getstarted.scss +++ b/assets/scss/layouts/_getstarted.scss @@ -8,6 +8,13 @@ } .sub-pages-wrapper { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + margin-top: 40px; + grid-gap: 80px; +} + +.community-s-wrapper { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; @@ -23,7 +30,14 @@ black-dot { } .deploy-header, .provider-s-header, -.docs-s-header, +.docs-s-header { + width: 100%; + font-size: 24px; + font-style: normal; + font-weight: 700; + line-height: 32px; + margin: 10px 0; +} .insider-s-header, .validator-s-header, .ideas-s-header { @@ -51,6 +65,19 @@ black-dot { letter-spacing: 0.16px; } +.get-started-btn button { + width: 586px; + height: 45px; + padding: 10px 20px 10px 20px; + border-radius: 8px; + text-align: center; + outline: none; + border: none; + font-weight: 700; + font-size: 14px; + transition: 0.3s ease; + color: #000; +} .get-s-btn button { width: 380px; height: 45px; @@ -83,6 +110,10 @@ black-dot { background: #ccc; color: #1d2d35; } +.get-started-btn button:hover { + background: #ccc; + color: #1d2d35; +} .get-s-btn2 button:hover { background: #ccc; color: #1d2d35; @@ -118,6 +149,12 @@ black-dot { border-radius: 50%; /* This creates a circular shape */ } .sub-pages-wrapper { + grid-template-columns: repeat(2, minmax(0, 1fr)); + margin-top: 40px; + grid-gap: 60px; + } + + .community-s-wrapper { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 40px; gap: 60px; @@ -139,10 +176,35 @@ black-dot { width: 340px; margin-top: 54px; } + + .get-started-btn button { + width: 540px; + } + + .provider-intro, + .deploy-intro, + .validator-intro, + .doc-intro { + width: 540px; + } + + .validator-intro { + width: 350px; + } + + .btn-br { + margin-top: 40px; + } } @media (max-width: 1200px) { .sub-pages-wrapper { + grid-template-columns: repeat(2, minmax(0, 1fr)); + margin-top: 20px; + grid-gap: 30px; + } + + .community-s-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 40px; gap: 60px; @@ -159,12 +221,16 @@ black-dot { .get-s-btn2 button { width: 350px; - margin-top: 37px; + margin-top: 35px; } .get-s-btn button { width: 350px; margin: 10px auto; } + .get-started-btn button { + width: 350px; + margin: 10px auto; + } .g-s-svg svg { width: 350px; @@ -176,14 +242,30 @@ black-dot { .insider-s-intro { width: 350px; } + + .deploy-header, + .provider-s-header, + .docs-s-header { + width: 250px; + font-size: 24px; + font-style: normal; + font-weight: 700; + line-height: 32px; + margin: 10px 0; + } } // FOR SMALL SCREENS @media (max-width: 767px) { .sub-pages-wrapper { + grid-template-columns: repeat(1, minmax(0, 1fr)); + margin-top: -20px; + grid-gap: 0; + } + + .community-s-wrapper { grid-template-columns: repeat(1, minmax(0, 1fr)); margin-top: 40px; - gap: 60px; } .get-started-wrapper { @@ -209,6 +291,17 @@ black-dot { width: 100%; margin: 50px auto; } + + .deploy-header, + .provider-s-header, + .docs-s-header { + width: 230px; + font-size: 24px; + font-style: normal; + font-weight: 700; + line-height: 32px; + margin: 10px 0; + } } // OTHER RELATED SCREEN SIZES @@ -222,6 +315,18 @@ black-dot { align-items: center; } + .get-started-btn button { + width: 450px; + margin-bottom: 30px; + } + + .community-s-wrapper { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + } + .get-s-btn2 button { width: 380px; margin: 10px auto; @@ -232,11 +337,22 @@ black-dot { margin: 10px auto; color: #000; } + .provider-intro, + .deploy-intro, + .validator-intro, + .doc-intro { + width: 400px !important; + } + + .g-s-svg svg { + width: 450px; + } .provider-intro, .deploy-intro, .validator-intro, .doc-intro, + .follow-intro, .insider-s-intro { width: 380px; } diff --git a/layouts/get-started/get-started.html b/layouts/get-started/get-started.html index 12156034..83a0463a 100644 --- a/layouts/get-started/get-started.html +++ b/layouts/get-started/get-started.html @@ -5,14 +5,34 @@

Get Started

- {{ partial "content/svg.html" "get-s-first" }} + {{ partial "content/svg.html" "gpu-svg" }} +
+ +

Access high-performance GPUs

+

+ Tap into the Akash Marketplace and deploy permissionlessly using one of the network’s open-source deployment tools. +

+
+ + + +
+
+
+
+ {{ partial "content/svg.html" "deploy-app" }}

Deploy Your Application

Deploy a wide range of applications with one-click templates, including the leading AI models and web services.

-
+
-
{{ partial "content/svg.html" "g-s-second" }}
+
{{ partial "content/svg.html" "provider" }}

Become a Provider

Monetize your cloud resources on the open-source Akash marketplace.

-
+
-
{{ partial "content/svg.html" "g-s-third" }}
+
{{ partial "content/svg.html" "doc-svg" }}

Akash Documentation

For technical questions and network information, check out the Akash Docs.

+
-
+
{{ partial "content/svg.html" "deploy-app" }}
- -

Deploy Your Application

-

+

+ {{ partial "content/svg.html" "get-s-first" }} +
+

Deploy an application

+

Deploy a wide range of applications with one-click templates, including the leading AI models and web services.

-
+
+
-
{{ partial "content/svg.html" "provider" }}
+
{{ partial "content/svg.html" "provider" }}
+
{{ partial "content/svg.html" "g-s-second" }}

Become a Provider

Monetize your cloud resources on the open-source Akash marketplace.

-
+
-
{{ partial "content/svg.html" "doc-svg" }}
+
{{ partial "content/svg.html" "doc-svg" }}
+
{{ partial "content/svg.html" "g-s-third" }}

Akash Documentation

For technical questions and network information, check out the Akash Docs.

-
- - - +
+ + +
+
From b339c624b8509e14a0bd7e1009ecd5b50f0140e7 Mon Sep 17 00:00:00 2001 From: Arthur Emmanuel <86601468+ArthurEmma2@users.noreply.github.com> Date: Thu, 21 Sep 2023 20:17:33 +0000 Subject: [PATCH 06/16] update --- assets/scss/layouts/_getstarted.scss | 8 ++++++-- layouts/get-started/get-started.html | 2 +- 2 files changed, 7 insertions(+), 3 deletions(-) diff --git a/assets/scss/layouts/_getstarted.scss b/assets/scss/layouts/_getstarted.scss index 69bfe1cb..8fe700c2 100644 --- a/assets/scss/layouts/_getstarted.scss +++ b/assets/scss/layouts/_getstarted.scss @@ -65,9 +65,9 @@ black-dot { line-height: 24px; letter-spacing: 0.16px; } - +.get-started-btn2 button, .get-started-btn button { - width: 586px; + width: 100%; height: 45px; padding: 10px 20px 10px 20px; border-radius: 8px; @@ -187,6 +187,10 @@ black-dot { width: 540px; } + .get-started-btn2 button { + margin-top: 34px; + } + .provider-intro, .deploy-intro, .validator-intro, diff --git a/layouts/get-started/get-started.html b/layouts/get-started/get-started.html index edd43c98..87e11a77 100644 --- a/layouts/get-started/get-started.html +++ b/layouts/get-started/get-started.html @@ -56,7 +56,7 @@

Get Started

Monetize your cloud resources on the open-source Akash marketplace.

-
+
- {{ partial "content/svg.html" "get-s-first" }} + {{ partial "content/svg.html" "gpu-sm" }}

Access high-performance GPUs

From 882a1aeae36c2b752448e6049475bcc05a3b47e5 Mon Sep 17 00:00:00 2001 From: Arthur Emmanuel <86601468+ArthurEmma2@users.noreply.github.com> Date: Fri, 22 Sep 2023 08:08:50 +0000 Subject: [PATCH 09/16] svg update on small screen --- assets/images/svg/g-s-second.svg | 108 +++++++++++++++--------------- assets/images/svg/g-s-third.svg | 84 +++++++++++------------ assets/images/svg/get-s-first.svg | 44 ++++++------ assets/images/svg/gpu-sm.svg | 72 ++++++++++---------- 4 files changed, 154 insertions(+), 154 deletions(-) diff --git a/assets/images/svg/g-s-second.svg b/assets/images/svg/g-s-second.svg index 7c39a70d..44426f1b 100644 --- a/assets/images/svg/g-s-second.svg +++ b/assets/images/svg/g-s-second.svg @@ -1,55 +1,55 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/svg/g-s-third.svg b/assets/images/svg/g-s-third.svg index 2bc4c6cf..a3d12d96 100644 --- a/assets/images/svg/g-s-third.svg +++ b/assets/images/svg/g-s-third.svg @@ -1,43 +1,43 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/svg/get-s-first.svg b/assets/images/svg/get-s-first.svg index 04e4950e..dd3bc9e8 100644 --- a/assets/images/svg/get-s-first.svg +++ b/assets/images/svg/get-s-first.svg @@ -1,23 +1,23 @@ - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/svg/gpu-sm.svg b/assets/images/svg/gpu-sm.svg index 83f0195b..7474f6fd 100644 --- a/assets/images/svg/gpu-sm.svg +++ b/assets/images/svg/gpu-sm.svg @@ -1,37 +1,37 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + From 1a27cefa2348fbf70b96cf5afb4f7e518a25aa62 Mon Sep 17 00:00:00 2001 From: Arthur Emmanuel <86601468+ArthurEmma2@users.noreply.github.com> Date: Fri, 22 Sep 2023 08:28:11 +0000 Subject: [PATCH 10/16] Feat: outline button added --- assets/scss/common/_dark.scss | 6 ++++++ assets/scss/layouts/_pages.scss | 11 +++++++++++ i18n/en.yaml | 2 +- layouts/index.html | 6 ++++-- layouts/partials/header/header.html | 1 + 5 files changed, 23 insertions(+), 3 deletions(-) diff --git a/assets/scss/common/_dark.scss b/assets/scss/common/_dark.scss index 9265daa9..71f95f02 100644 --- a/assets/scss/common/_dark.scss +++ b/assets/scss/common/_dark.scss @@ -395,6 +395,12 @@ $navbar-dark-active-color: $link-color-dark; color: #fff; } +[data-dark-mode] body .btn-console-action { + background-color: transparent; + border: 1px solid #515559; + color: #fff; +} + [data-dark-mode] body .tab-button { color: lightgrey; } diff --git a/assets/scss/layouts/_pages.scss b/assets/scss/layouts/_pages.scss index 4408f12e..97490d7d 100644 --- a/assets/scss/layouts/_pages.scss +++ b/assets/scss/layouts/_pages.scss @@ -7,6 +7,17 @@ color: #1d2d35; } +.btn-console-action { + background-color: transparent; + border: 1px solid #ccccccab; + font-weight: 700; + transition: 0.3s ease; +} + +.btn-console-action:hover { + opacity: 0.5; +} + .section_features .feature_detail { height: 72px; width: 608px; diff --git a/i18n/en.yaml b/i18n/en.yaml index 46990a56..d96df9de 100644 --- a/i18n/en.yaml +++ b/i18n/en.yaml @@ -1,5 +1,5 @@ - id: get-started - translation: "Console" + translation: "Go to Console" - id: contact-sales translation: "Access GPUs" diff --git a/layouts/index.html b/layouts/index.html index 8b0bc122..fe8bafc7 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -98,8 +98,10 @@

{{ .Title }}

{{ .Params.lead | safeHTML }}

- {{ i18n "get-started" }} - {{ i18n "contact-sales" }} + {{ i18n "get-started" }} + {{ partial "content/svg.html" "link-arrow" }} + + {{ i18n "contact-sales" }} {{ partial "content/svg.html" "link-arrow" }}

Open-source. Apache 2.0 Licensed. diff --git a/layouts/partials/header/header.html b/layouts/partials/header/header.html index 8468e767..9a116525 100644 --- a/layouts/partials/header/header.html +++ b/layouts/partials/header/header.html @@ -118,6 +118,7 @@

From adb80248bb0fa87b63476e7f6e4ab9b514333718 Mon Sep 17 00:00:00 2001 From: Arthur Emmanuel <86601468+ArthurEmma2@users.noreply.github.com> Date: Fri, 22 Sep 2023 08:34:23 +0000 Subject: [PATCH 11/16] update --- assets/scss/layouts/_deploy.scss | 5 +++++ assets/scss/layouts/_provider.scss | 5 +++++ 2 files changed, 10 insertions(+) diff --git a/assets/scss/layouts/_deploy.scss b/assets/scss/layouts/_deploy.scss index dad84412..58db56f8 100644 --- a/assets/scss/layouts/_deploy.scss +++ b/assets/scss/layouts/_deploy.scss @@ -321,6 +321,11 @@ line-height: 48px; } + .console-s-btn1 .ex-link-arrow2 svg { + margin-bottom: 3px; + margin-right: 5px; + } + .deploy-sub-header { text-align: center; font-size: 16px; diff --git a/assets/scss/layouts/_provider.scss b/assets/scss/layouts/_provider.scss index 70200f07..1791dfea 100644 --- a/assets/scss/layouts/_provider.scss +++ b/assets/scss/layouts/_provider.scss @@ -280,4 +280,9 @@ div .provider-breadcrumb-wrapper { .praetor-svg svg { width: 100%; } + + .praetor-btn .ex-link-arrow2 svg { + margin-bottom: 3px; + margin-right: 5px; + } } From 3d72d203a7fdbb9a530af4665d4d45b9c0ce374a Mon Sep 17 00:00:00 2001 From: Arthur Emmanuel <86601468+ArthurEmma2@users.noreply.github.com> Date: Fri, 22 Sep 2023 08:51:17 +0000 Subject: [PATCH 12/16] update --- assets/images/svg/gpu-btn-arrow.svg | 3 +++ assets/scss/common/_dark.scss | 3 +++ layouts/index.html | 2 +- layouts/partials/header/header.html | 2 +- 4 files changed, 8 insertions(+), 2 deletions(-) create mode 100644 assets/images/svg/gpu-btn-arrow.svg diff --git a/assets/images/svg/gpu-btn-arrow.svg b/assets/images/svg/gpu-btn-arrow.svg new file mode 100644 index 00000000..5613045c --- /dev/null +++ b/assets/images/svg/gpu-btn-arrow.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/scss/common/_dark.scss b/assets/scss/common/_dark.scss index 71f95f02..c7f2c745 100644 --- a/assets/scss/common/_dark.scss +++ b/assets/scss/common/_dark.scss @@ -394,6 +394,9 @@ $navbar-dark-active-color: $link-color-dark; [data-dark-mode] body .available-op-desc { color: #fff; } +[data-dark-mode] .gpu-btn-arrow svg path { + stroke: #000; +} [data-dark-mode] body .btn-console-action { background-color: transparent; diff --git a/layouts/index.html b/layouts/index.html index fe8bafc7..52837b6a 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -101,7 +101,7 @@

{{ .Title }}

{{ i18n "get-started" }} {{ partial "content/svg.html" "link-arrow" }} - {{ i18n "contact-sales" }} {{ partial "content/svg.html" "link-arrow" }} + {{ i18n "contact-sales" }} {{ partial "content/svg.html" "gpu-btn-arrow" }}

Open-source. Apache 2.0 Licensed. diff --git a/layouts/partials/header/header.html b/layouts/partials/header/header.html index 9a116525..35c16007 100644 --- a/layouts/partials/header/header.html +++ b/layouts/partials/header/header.html @@ -118,7 +118,7 @@

From feb8c994b355b60e6b18822ea253700009dfe0b9 Mon Sep 17 00:00:00 2001 From: Arthur Emmanuel <86601468+ArthurEmma2@users.noreply.github.com> Date: Fri, 22 Sep 2023 09:26:04 +0000 Subject: [PATCH 13/16] Feat: button width fixed on small screen --- assets/scss/layouts/_pages.scss | 15 +++++++++++++++ layouts/index.html | 8 ++++++-- 2 files changed, 21 insertions(+), 2 deletions(-) diff --git a/assets/scss/layouts/_pages.scss b/assets/scss/layouts/_pages.scss index 97490d7d..37c687d0 100644 --- a/assets/scss/layouts/_pages.scss +++ b/assets/scss/layouts/_pages.scss @@ -1,6 +1,10 @@ .btn-contact-sales { background: #ccccccab; color: #1d2d35; + padding: 10px 17px; + font-size: 18px; + border-radius: 8px; + line-height: 1.33; } .btn-contact-sales:hover { background: #ccc; @@ -12,6 +16,10 @@ border: 1px solid #ccccccab; font-weight: 700; transition: 0.3s ease; + padding: 10px 17px; + font-size: 18px; + border-radius: 8px; + line-height: 1.33; } .btn-console-action:hover { @@ -405,6 +413,13 @@ div > div:nth-child(1) > div > h3 > span { .Latest-from-blog-main { width: 100%; } + + .btn-console-action { + font-size: 10px; + } + .btn-contact-sales button { + font-size: 10px; + } } @media (min-width: 587px) and (max-width: 592px) { .mobile-feature-wrapper { diff --git a/layouts/index.html b/layouts/index.html index 52837b6a..6d7dc18d 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -98,10 +98,14 @@

{{ .Title }}

{{ .Params.lead | safeHTML }}

- {{ i18n "get-started" }} + {{ i18n "get-started" }} {{ partial "content/svg.html" "link-arrow" }} - {{ i18n "contact-sales" }} {{ partial "content/svg.html" "gpu-btn-arrow" }} + + {{ i18n "contact-sales" }} + {{ partial "content/svg.html" "gpu-btn-arrow" }} + +

Open-source. Apache 2.0 Licensed. From 9809c3cd808a41862c92edc1df31ddd61768f19a Mon Sep 17 00:00:00 2001 From: Arthur Emmanuel <86601468+ArthurEmma2@users.noreply.github.com> Date: Fri, 22 Sep 2023 10:51:01 +0000 Subject: [PATCH 14/16] Fix: gpu button width fixed on all screen --- assets/scss/layouts/_header.scss | 9 +++++++++ assets/scss/layouts/_pages.scss | 3 ++- layouts/partials/header/header.html | 2 +- 3 files changed, 12 insertions(+), 2 deletions(-) diff --git a/assets/scss/layouts/_header.scss b/assets/scss/layouts/_header.scss index 540604fe..bb0e2d6e 100644 --- a/assets/scss/layouts/_header.scss +++ b/assets/scss/layouts/_header.scss @@ -74,6 +74,15 @@ left: 60px; font-weight: 700; font-size: 14px; + padding: 8px 10px; + border-radius: 8px; + background: #ccccccab; + outline: none; + border: none; +} +.reserve-gpu-btn:hover { + background: #ccc; + color: #1d2d35; } @media (min-width: 1180px) and (max-width: 1440px) { .reserve-gpu-btn { diff --git a/assets/scss/layouts/_pages.scss b/assets/scss/layouts/_pages.scss index 37c687d0..d3c200f3 100644 --- a/assets/scss/layouts/_pages.scss +++ b/assets/scss/layouts/_pages.scss @@ -1,9 +1,9 @@ .btn-contact-sales { background: #ccccccab; color: #1d2d35; - padding: 10px 17px; font-size: 18px; border-radius: 8px; + padding: 10px 17px; line-height: 1.33; } .btn-contact-sales:hover { @@ -419,6 +419,7 @@ div > div:nth-child(1) > div > h3 > span { } .btn-contact-sales button { font-size: 10px; + padding: 10px; } } @media (min-width: 587px) and (max-width: 592px) { diff --git a/layouts/partials/header/header.html b/layouts/partials/header/header.html index 35c16007..5c491c10 100644 --- a/layouts/partials/header/header.html +++ b/layouts/partials/header/header.html @@ -116,7 +116,7 @@

- From 5e7d918eb40ffec5c028e4385f36f9215f9e6235 Mon Sep 17 00:00:00 2001 From: Arthur Emmanuel <86601468+ArthurEmma2@users.noreply.github.com> Date: Fri, 22 Sep 2023 10:55:53 +0000 Subject: [PATCH 15/16] Fix: access GPU-header fixed --- assets/scss/layouts/_getstarted.scss | 11 ++++++++++- layouts/get-started/get-started.html | 2 +- 2 files changed, 11 insertions(+), 2 deletions(-) diff --git a/assets/scss/layouts/_getstarted.scss b/assets/scss/layouts/_getstarted.scss index 8fe700c2..ec1faf87 100644 --- a/assets/scss/layouts/_getstarted.scss +++ b/assets/scss/layouts/_getstarted.scss @@ -28,7 +28,7 @@ black-dot { margin-top: 10px; border-radius: 50%; /* This creates a circular shape */ } - +.gpu-s-header, .deploy-header, .provider-s-header, .docs-s-header { @@ -316,6 +316,15 @@ black-dot { line-height: 32px; margin-top: 20px; } + + .gpu-s-header { + width: 300px; + font-size: 24px; + font-style: normal; + font-weight: 700; + line-height: 32px; + margin-top: 20px; + } } // OTHER RELATED SCREEN SIZES diff --git a/layouts/get-started/get-started.html b/layouts/get-started/get-started.html index 45214c02..8418a3f2 100644 --- a/layouts/get-started/get-started.html +++ b/layouts/get-started/get-started.html @@ -10,7 +10,7 @@

Get Started

{{ partial "content/svg.html" "gpu-sm" }}
-

Access high-performance GPUs

+

Access high-performance GPUs

Tap into the Akash Marketplace and deploy permissionlessly using one of the network’s open-source deployment tools.

From c7ff13ff882fb8e170e94005548181586b8790fa Mon Sep 17 00:00:00 2001 From: Arthur Emmanuel <86601468+ArthurEmma2@users.noreply.github.com> Date: Fri, 22 Sep 2023 11:07:41 +0000 Subject: [PATCH 16/16] update --- assets/scss/common/_dark.scss | 4 ++++ assets/scss/layouts/_header.scss | 1 + 2 files changed, 5 insertions(+) diff --git a/assets/scss/common/_dark.scss b/assets/scss/common/_dark.scss index c7f2c745..a88bd8cf 100644 --- a/assets/scss/common/_dark.scss +++ b/assets/scss/common/_dark.scss @@ -398,6 +398,10 @@ $navbar-dark-active-color: $link-color-dark; stroke: #000; } +[data-dark-mode] .reserve-gpu-btn { + color: #000; +} + [data-dark-mode] body .btn-console-action { background-color: transparent; border: 1px solid #515559; diff --git a/assets/scss/layouts/_header.scss b/assets/scss/layouts/_header.scss index bb0e2d6e..f95c3cf7 100644 --- a/assets/scss/layouts/_header.scss +++ b/assets/scss/layouts/_header.scss @@ -79,6 +79,7 @@ background: #ccccccab; outline: none; border: none; + color: #000; } .reserve-gpu-btn:hover { background: #ccc;