Merge pull request #46 from starknet-io/dev-survey-banner

Docs survey banner
starknet-io · Nov 12, 2024 · 687d31e · 687d31e
2 parents cb399db + 41b50ee
commit 687d31e
Show file tree

Hide file tree

Showing 7 changed files with 188 additions and 2 deletions.
diff --git a/build/ui-bundle.zip b/build/ui-bundle.zip
diff --git a/src/css/dark-site.css b/src/css/dark-site.css
@@ -30,4 +30,5 @@
 @import "extensions/custom-dark.css";
 @import "extensions/algolia/theme.css";
 @import "extensions/algolia/overrides.css";
-@import "extensions/algolia/overrides-dark.css";
+@import "extensions/algolia/overrides-dark.css";
+@import "dev-survey-dark.css"
diff --git a/src/css/dev-survey-dark.css b/src/css/dev-survey-dark.css
@@ -0,0 +1,85 @@
+/*--bg-banner: #0C0C4F;*/
+
+div.background {
+background-color: #A4A4EA;
+}
+
+.top-announcement-bar {
+    display: grid;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    gap: 6px;
+    padding: 6px 6px;
+    background-color: #A4A4EA;
+/*    background-color: var(--bg-banner); */
+    margin: auto;
+/*    margin: auto;*/
+    /* width: 50%; */
+}
+
+/* .d-flex {
+    display: flex;
+} */
+
+p.announcement-bar-title {
+/*    color: var(--text-primary-inverted); */
+    color: #0C0C4FFF;
+    text-align: center;
+    margin: 6px;
+/*    margin-left: auto;*/
+}
+
+.body-large-strong {
+    font: 600 16px/1.5 "Inter", sans-serif;
+/*    font: 600 14px/1.5 var(--font-Inter);*/
+}
+
+.body-xsmall-strong {
+    font: 600 14px/1.5 "Inter", sans-serif;
+/*    font: 600 14px/1.5 var(--font-Inter);*/
+}
+
+a.announcement-bar-cta {
+    padding: 6px 16px;
+/*    color: var(--text-primary); */
+    color: #FFFFFF;
+/*    background-color: var(--surface-card); */
+    background-color: #1B1B1B;
+    border-radius: 8px;
+    text-align: center;
+    margin-bottom: 6px;
+    text-decoration: none;
+}
+
+button.top-ann-bar-close {
+    background: none;
+    margin-left: auto;
+}
+
+button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.wp-block-button__link:not(.has-background) {
+    color: #ffffff;
+}
+
+a, button, input {
+    transition: color .1s ease-in-out,background-color .1s ease-in-out;
+}
+
+button, input[type=button], input[type=reset], input[type=submit] {
+    border: 1px solid transparent;
+    cursor: pointer;
+    -webkit-appearance: button;
+    padding: 10px 20px;
+}
+
+body, button, input, select, textarea {
+    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
+    font-weight: 400;
+    text-transform: none;
+    font-size: 17px;
+    line-height: 1.5;
+}
+
+button, input, optgroup, select, textarea {
+    margin: 0;
+}
diff --git a/src/css/dev-survey-light.css b/src/css/dev-survey-light.css
@@ -0,0 +1,85 @@
+/*--bg-banner: #0C0C4F;*/
+
+div.background {
+background-color: #0C0C4F;
+}
+
+.top-announcement-bar {
+    display: grid;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    gap: 6px;
+    padding: 6px 6px;
+    background-color: #0C0C4F;
+/*    background-color: var(--bg-banner); */
+    margin: auto;
+/*    margin: auto;*/
+    /* width: 50%; */
+}
+
+/* .d-flex {
+    display: flex;
+} */
+
+p.announcement-bar-title {
+/*    color: var(--text-primary-inverted); */
+    color: #FFFFFF;
+    text-align: center;
+    margin: 6px;
+/*    margin-left: auto;*/
+}
+
+.body-large-strong {
+    font: 600 16px/1.5 "Inter", sans-serif;
+/*    font: 600 14px/1.5 var(--font-Inter);*/
+}
+
+.body-xsmall-strong {
+    font: 600 14px/1.5 "Inter", sans-serif;
+/*    font: 600 14px/1.5 var(--font-Inter);*/
+}
+
+a.announcement-bar-cta {
+    padding: 6px 16px;
+/*    color: var(--text-primary); */
+    color: #0C0C4F;
+/*    background-color: var(--surface-card); */
+    background-color: #FFFFFF;
+    border-radius: 8px;
+    text-align: center;
+    margin-bottom: 6px;
+    text-decoration: none;
+}
+
+button.top-ann-bar-close {
+    background: none;
+    margin-left: auto;
+}
+
+button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.wp-block-button__link:not(.has-background) {
+    color: #ffffff;
+}
+
+a, button, input {
+    transition: color .1s ease-in-out,background-color .1s ease-in-out;
+}
+
+button, input[type=button], input[type=reset], input[type=submit] {
+    border: 1px solid transparent;
+    cursor: pointer;
+    -webkit-appearance: button;
+    padding: 10px 20px;
+}
+
+body, button, input, select, textarea {
+    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
+    font-weight: 400;
+    text-transform: none;
+    font-size: 17px;
+    line-height: 1.5;
+}
+
+button, input, optgroup, select, textarea {
+    margin: 0;
+}
diff --git a/src/css/site.css b/src/css/site.css
@@ -28,4 +28,5 @@
 @import "extensions/custom-light.css";
 @import "extensions/page-components.css";
 @import "extensions/algolia/theme.css";
-@import "extensions/algolia/overrides.css";
+@import "extensions/algolia/overrides.css";
+@import "dev-survey-light.css"
diff --git a/src/partials/developer_survey_link.hbs b/src/partials/developer_survey_link.hbs
@@ -0,0 +1,13 @@
+<div class="background">
+<div class="top-announcement-bar d-flex">
+  <p class="announcement-bar-title body-large-strong">📣 The 1st ever Starknet Docs survey is open! 📣</p>
+  <a class="announcement-bar-cta body-xsmall-strong" href="https://forms.reform.app/starkware/starknet-docs-survey/9odpkk" target="_blank"> Click here to make your voice heard 🗳️</a>
+<!--
+  <button class="top-ann-bar-close">
+    <svg width="10" height="10" viewBox="0 0 10 10" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+      <path d="M1.28033 0.219792C0.987437 -0.0731012 0.512563 -0.0731012 0.21967 0.219792C-0.0732233 0.512685 -0.0732233 0.987559 0.21967 1.28045L3.93934 5.00012L0.21967 8.71979C-0.0732233 9.01268 -0.0732233 9.48756 0.21967 9.78045C0.512563 10.0733 0.987437 10.0733 1.28033 9.78045L5 6.06078L8.71967 9.78045C9.01256 10.0733 9.48744 10.0733 9.78033 9.78045C10.0732 9.48756 10.0732 9.01268 9.78033 8.71979L6.06066 5.00012L9.78033 1.28045C10.0732 0.987559 10.0732 0.512685 9.78033 0.219792C9.48744 -0.0731012 9.01256 -0.0731012 8.71967 0.219792L5 3.93946L1.28033 0.219792Z" fill="currentColor"/>
+    </svg>
+  </button>
+-->
+</div>
+</div>
diff --git a/src/partials/header.hbs b/src/partials/header.hbs
@@ -1,3 +1,4 @@
 {{> header-scripts}}
 {{> header-content}}
 {{> toolbar}}
+{{> developer_survey_link}}