From d01f24574b53d1170fc520fd9c5dce5f59f7ac69 Mon Sep 17 00:00:00 2001 From: Ruben Nic Date: Fri, 26 Apr 2024 11:57:33 -0400 Subject: [PATCH 1/4] Add new title gradient and background --- .../page-title/page-title.module.css | 15 +- src/views/homepage/homepage.module.css | 3 +- src/views/homepage/img/background-dark.svg | 162 +++++++++++++----- 3 files changed, 129 insertions(+), 51 deletions(-) diff --git a/src/views/homepage/components/page-title/page-title.module.css b/src/views/homepage/components/page-title/page-title.module.css index f22d07df8e..235d0fbd99 100644 --- a/src/views/homepage/components/page-title/page-title.module.css +++ b/src/views/homepage/components/page-title/page-title.module.css @@ -32,12 +32,15 @@ --bg-gradient-base: var(--token-color-foreground-high-contrast); background: linear-gradient( - 90deg, - rgba(136, 143, 255, 0.46) 9.03%, - rgba(223, 255, 199, 0.57) 41.12%, - rgba(255, 177, 80, 0.31) 61.68% - ), - linear-gradient(var(--bg-gradient-base), var(--bg-gradient-base)); + 78.87deg, + #b0ffff 2.19%, + #8fd0ff 16.24%, + #ddbfff 31.62%, + #ffaed0 53.79%, + #ffbeaf 67.39%, + #fff8c9 79.68%, + #fff 91.59% + ); background-clip: text; color: transparent; display: block; diff --git a/src/views/homepage/homepage.module.css b/src/views/homepage/homepage.module.css index ec0173a311..3997495a43 100644 --- a/src/views/homepage/homepage.module.css +++ b/src/views/homepage/homepage.module.css @@ -23,10 +23,9 @@ .background { background-color: var(--token-color-foreground-strong); background-image: url('./img/background.svg'); - background-position-x: center; + background-position-x: right; background-position-y: top; background-repeat: no-repeat; - background-size: cover; content: ''; height: 1145px; position: absolute; diff --git a/src/views/homepage/img/background-dark.svg b/src/views/homepage/img/background-dark.svg index 6b8e9c19bc..eb7e4e2b5b 100644 --- a/src/views/homepage/img/background-dark.svg +++ b/src/views/homepage/img/background-dark.svg @@ -1,52 +1,128 @@ - - - + + + - - - - - + + + - - - + - - - - - + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + From e3c42d5d061a348c9e58696812ab8fc340bbf7be Mon Sep 17 00:00:00 2001 From: Ruben Nic Date: Wed, 17 Jul 2024 15:30:18 -0400 Subject: [PATCH 2/4] Add new waf-graphic --- .../waf-featured-card.module.css | 2 +- src/views/homepage/homepage.module.css | 1 - src/views/homepage/img/background-dark.svg | 128 ---------- src/views/homepage/img/background.svg | 173 +++++++++----- src/views/homepage/img/waf-graphic.svg | 223 ++++++------------ 5 files changed, 193 insertions(+), 334 deletions(-) delete mode 100644 src/views/homepage/img/background-dark.svg diff --git a/src/views/homepage/components/featured-content-grid/waf-featured-card.module.css b/src/views/homepage/components/featured-content-grid/waf-featured-card.module.css index 887c8330e1..e0406f0a9a 100644 --- a/src/views/homepage/components/featured-content-grid/waf-featured-card.module.css +++ b/src/views/homepage/components/featured-content-grid/waf-featured-card.module.css @@ -18,7 +18,7 @@ left: 0; position: absolute; right: 0; - top: -25px; + top: 0; width: 100%; pointer-events: none; } diff --git a/src/views/homepage/homepage.module.css b/src/views/homepage/homepage.module.css index 3997495a43..6b9856fc11 100644 --- a/src/views/homepage/homepage.module.css +++ b/src/views/homepage/homepage.module.css @@ -39,7 +39,6 @@ @nest html[data-theme='dark'] & { background-color: var(--token-color-page-primary); - background-image: url('./img/background-dark.svg'); } } diff --git a/src/views/homepage/img/background-dark.svg b/src/views/homepage/img/background-dark.svg deleted file mode 100644 index eb7e4e2b5b..0000000000 --- a/src/views/homepage/img/background-dark.svg +++ /dev/null @@ -1,128 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/views/homepage/img/background.svg b/src/views/homepage/img/background.svg index 4c8d3eac35..eb7e4e2b5b 100644 --- a/src/views/homepage/img/background.svg +++ b/src/views/homepage/img/background.svg @@ -1,61 +1,128 @@ - - - - - - - + + + - - - - + + + + + - - - - + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/views/homepage/img/waf-graphic.svg b/src/views/homepage/img/waf-graphic.svg index 620242b357..efb190a428 100644 --- a/src/views/homepage/img/waf-graphic.svg +++ b/src/views/homepage/img/waf-graphic.svg @@ -1,170 +1,91 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - + + + - - - - - - - - - - - - - - - - - - - - - - - + + + + - - - - - - - - + + + - - - + + + + - - - - - - - + + + + - - - - - - - - - - - - - - - + + + - + - - - - - - - - + + + + - - - + + + + - - - + + + - - - - + + + + - - - + + + - - - + + + + - - - From fdc8dd402c0ce055880e8db0b476f00e298e8db6 Mon Sep 17 00:00:00 2001 From: Ruben Nic Date: Thu, 18 Jul 2024 10:58:10 -0400 Subject: [PATCH 3/4] update hcp-graphic --- .../hcp-featured-card.module.css | 2 - src/views/homepage/img/hcp-graphic.svg | 86 ++++++++++++------- 2 files changed, 53 insertions(+), 35 deletions(-) diff --git a/src/views/homepage/components/featured-content-grid/hcp-featured-card.module.css b/src/views/homepage/components/featured-content-grid/hcp-featured-card.module.css index 11f2fbc0a2..e3e14381bd 100644 --- a/src/views/homepage/components/featured-content-grid/hcp-featured-card.module.css +++ b/src/views/homepage/components/featured-content-grid/hcp-featured-card.module.css @@ -6,9 +6,7 @@ .hcpCard { background-color: var(--token-color-foreground-strong); background-image: url('../../img/hcp-graphic.svg'); - background-position: center top; background-repeat: no-repeat; - background-size: cover; border: none; gap: 50px; padding-top: 88px; diff --git a/src/views/homepage/img/hcp-graphic.svg b/src/views/homepage/img/hcp-graphic.svg index 2d72f315d8..137b4cad63 100644 --- a/src/views/homepage/img/hcp-graphic.svg +++ b/src/views/homepage/img/hcp-graphic.svg @@ -1,42 +1,62 @@ - - - - - - - - + + + + + + + + + + + + + + + + - + + + + + + + + + + + + + - - + + + + + + + + + - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + - - + + From fd5b4de076047fe84820b9cfc2ec4ecd26ef310d Mon Sep 17 00:00:00 2001 From: Ruben Nic Date: Thu, 18 Jul 2024 11:12:47 -0400 Subject: [PATCH 4/4] Update search-card-graphic --- .../search-featured-card.module.css | 2 - .../homepage/img/search-card-graphic.svg | 435 +++--------------- 2 files changed, 56 insertions(+), 381 deletions(-) diff --git a/src/views/homepage/components/featured-content-grid/search-featured-card.module.css b/src/views/homepage/components/featured-content-grid/search-featured-card.module.css index a358026003..10d891cb9b 100644 --- a/src/views/homepage/components/featured-content-grid/search-featured-card.module.css +++ b/src/views/homepage/components/featured-content-grid/search-featured-card.module.css @@ -9,7 +9,6 @@ background-color: var(--token-color-foreground-strong); background-position: center top; background-repeat: no-repeat; - background-size: cover; border-radius: 10px; padding-bottom: 18px; padding-left: 24px; @@ -19,7 +18,6 @@ /* 500px with 16px base font */ @media (min-width: 31.25rem) { background-image: url('../../img/search-card-graphic.svg'); - background-position-x: 1rem; } @nest html[data-theme='dark'] & { diff --git a/src/views/homepage/img/search-card-graphic.svg b/src/views/homepage/img/search-card-graphic.svg index 7f96054e57..82467fd4cf 100644 --- a/src/views/homepage/img/search-card-graphic.svg +++ b/src/views/homepage/img/search-card-graphic.svg @@ -1,391 +1,68 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + - + + + + + + + - - + + + + + + + - + - - + + + + + + + - - - + + + + + + + - - - + + + - - - + + + - - - + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + +