From 7beba2d6ba1ec0d9cb22a40e4a3d40eaf61fe56d Mon Sep 17 00:00:00 2001 From: pballai <46489780+pballai@users.noreply.github.com> Date: Mon, 15 Dec 2025 10:32:00 -0500 Subject: [PATCH 1/5] wip --- site/app/css/components.css | 6 +- site/app/css/sigma-dev-8020.css | 31 +++- site/app/data/featured-quickstarts.json | 35 +++++ site/app/styles/_app.scss | 4 +- site/app/styles/_variables.scss | 2 +- site/app/styles/sigma-dev-8020.css | 10 +- site/app/views/default/index.html | 180 ++++++++++++++++++------ site/gulpfile.js | 16 +++ 8 files changed, 228 insertions(+), 56 deletions(-) create mode 100644 site/app/data/featured-quickstarts.json diff --git a/site/app/css/components.css b/site/app/css/components.css index 7a38cbdc..2187d59d 100644 --- a/site/app/css/components.css +++ b/site/app/css/components.css @@ -48,7 +48,7 @@ html { body { margin: 0; min-height: 100%; - background-color: #fff; + background-color: transparent; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; @@ -328,8 +328,8 @@ label { width: 100%; height: 38px; padding: 8px 12px; - margin-bottom: 10px; - font-size: 14px; + /* margin-bottom: 10px; */ + font-size: 16px; line-height: 1.42857143; color: #333333; vertical-align: middle; diff --git a/site/app/css/sigma-dev-8020.css b/site/app/css/sigma-dev-8020.css index bd3b756a..8ecbf2b7 100644 --- a/site/app/css/sigma-dev-8020.css +++ b/site/app/css/sigma-dev-8020.css @@ -2973,7 +2973,9 @@ figure { } .section-hero { - background-image: linear-gradient(140deg, rgba(192, 149, 177, 0.15), rgba(47, 178, 175, 0.15)); + /* background-image: linear-gradient(140deg, rgba(192, 149, 177, 0.15), rgba(47, 178, 175, 0.15)); */ + background-color: transparent; + background-image: url(https://cdn.prod.website-files.com/666bbba4ff7240a20f4ccccf/685106838d461923ec10fc64_0ae8ba725281d3ce0757318ef80f6942_grid-fade.svg); } .section-hero.g-section-padding-medium.is-snowflake-page { @@ -3420,11 +3422,11 @@ figure { display: -ms-flexbox; display: flex; width: 100%; - max-width: 1248px; + /* max-width: 1248px; */ margin-right: auto; margin-left: auto; - padding-right: 16px; - padding-left: 16px; + padding-right: 25px; + padding-left: 25px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; @@ -71898,3 +71900,24 @@ a.buttons-wrapper .w-button { background-color: #0000FF !important; color: #FFFFFF !important; } + +/* Search placeholder styling */ +#search::placeholder { + font-weight: 500; + color: #999; +} + +#search::-webkit-input-placeholder { + font-weight: 500; + color: #999; +} + +#search::-moz-placeholder { + font-weight: 500; + color: #999; +} + +#search:-ms-input-placeholder { + font-weight: 500; + color: #999; +} diff --git a/site/app/data/featured-quickstarts.json b/site/app/data/featured-quickstarts.json new file mode 100644 index 00000000..1185cd12 --- /dev/null +++ b/site/app/data/featured-quickstarts.json @@ -0,0 +1,35 @@ +{ + "recentQuickStarts": [ + { + "title": "First Friday Features - November 2025", + "id": "11_2025_first_friday_features", + "category": "Administration", + "date": "Dec 9, 2025" + }, + { + "title": "Popular Functions", + "id": "functions_popular_functions", + "category": "Functions", + "date": "Dec 3, 2025" + }, + { + "title": "Connect Snowflake Intelligence to Sigma Workbook", + "id": "partners_snowflake_intelligence", + "category": "Functions", + "date": "Dec 3, 2025" + }, + { + "title": "Plugin Use Case 01: Dashboard Builder (Embedding Series)", + "id": "embedding_plugin_useage_01_dashboard_builder", + "category": "Security", + "date": "Dec 3, 2025" + }, + { + "title": "Snowflake Ask Cortex Integration", + "id": "dataapps_snowflake_ask_cortex", + "category": "AI Apps", + "date": "Sep 17, 2025" + } + ] +} + diff --git a/site/app/styles/_app.scss b/site/app/styles/_app.scss index c16e6e0b..5099fe43 100644 --- a/site/app/styles/_app.scss +++ b/site/app/styles/_app.scss @@ -72,8 +72,8 @@ ul, li { .site-width { margin: 0 auto; - width: 90vw; - max-width: 1024px; + width: 95vw; + // max-width: 1024px; commented out by PB } #banner { diff --git a/site/app/styles/_variables.scss b/site/app/styles/_variables.scss index b804e15d..055a0d81 100644 --- a/site/app/styles/_variables.scss +++ b/site/app/styles/_variables.scss @@ -108,7 +108,7 @@ $grey500: #9e9e9e; $grey700: #616161; $grey800: #424242; -$backgroundColor: #fff; +$backgroundColor: transparent; $mainColor: $snowflake-blue; $accentColor: $valencia-orange; diff --git a/site/app/styles/sigma-dev-8020.css b/site/app/styles/sigma-dev-8020.css index 3b6aa615..a3388f66 100644 --- a/site/app/styles/sigma-dev-8020.css +++ b/site/app/styles/sigma-dev-8020.css @@ -2970,7 +2970,9 @@ figure { } .section-hero { - background-image: linear-gradient(140deg, rgba(192, 149, 177, 0.15), rgba(47, 178, 175, 0.15)); + /* background-image: linear-gradient(140deg, rgba(192, 149, 177, 0.15), rgba(47, 178, 175, 0.15)); */ + background-color: #f0f0f0; + background-image: url(https://cdn.prod.website-files.com/666bbba4ff7240a20f4ccccf/685106838d461923ec10fc64_0ae8ba725281d3ce0757318ef80f6942_grid-fade.svg); } .section-hero.g-section-padding-medium.is-snowflake-page { @@ -3417,11 +3419,11 @@ figure { display: -ms-flexbox; display: flex; width: 100%; - max-width: 1248px; + /* max-width: 1248px; commented out by PB */ margin-right: auto; margin-left: auto; - padding-right: 16px; - padding-left: 16px; + padding-right: 25px; + padding-left: 25px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; diff --git a/site/app/views/default/index.html b/site/app/views/default/index.html index 231eaa5d..06ee0d97 100644 --- a/site/app/views/default/index.html +++ b/site/app/views/default/index.html @@ -96,6 +96,43 @@ #displayText { display: none; } + body { + background-color: #f5f5f5 !important; + } + /* Remove navbar border */ + .navbar { + border-bottom: none !important; + box-shadow: none !important; + } + /* Update header buttons to match Sigma homepage */ + .nav-button-wrapper a.button-secondary, + .nav-button-wrapper a.button-secondary:link, + .nav-button-wrapper a.button-secondary:visited { + background-color: transparent !important; + background-image: none !important; + border: 1px solid #000 !important; + color: #000 !important; + padding: 10px 24px !important; + border-radius: 50px !important; + font-size: 14px !important; + font-weight: 500 !important; + text-transform: none !important; + } + .nav-button-wrapper a.button-primary, + .nav-button-wrapper a.button-primary:link, + .nav-button-wrapper a.button-primary:visited, + .nav-button-wrapper a.button-primary:hover, + .nav-button-wrapper a.button-primary:active { + background-color: #d4ff00 !important; + background-image: none !important; + border: 1px solid #d4ff00 !important; + color: #000 !important; + padding: 10px 24px !important; + border-radius: 50px !important; + font-size: 14px !important; + font-weight: 500 !important; + text-transform: none !important; + } @@ -385,6 +422,14 @@ {% raw %} + +
+ DEC. 11 PRODUCT LAUNCH + + SIGN UP → + +
+