Change Ukraine call to action to a top banner (#647)

## Description of the changes - Make Ukraine banner visible on all pages, not just the home page - Link to the official ukraine.ua website - Inspired by namecheap.com's banner Signed-off-by: Yuri Shkuro <[email protected]>
jaegertracing · Aug 21, 2023 · bd4e373 · bd4e373
1 parent 1b655f7
commit bd4e373
Show file tree

Hide file tree

Showing 7 changed files with 539 additions and 16 deletions.
diff --git a/static/img/ukraine_flag.svg b/static/img/ukraine_flag.svg
diff --git a/themes/jaeger-docs/assets/sass/style.sass b/themes/jaeger-docs/assets/sass/style.sass
@@ -14,6 +14,7 @@
 @import "syntax"
 @import "copy-button"
 @import "toc"
+@import "ukraine"
 
 @import "bulma-tooltip/dist/css/bulma-tooltip"
 @import "latest-articles"
diff --git a/themes/jaeger-docs/assets/sass/ukraine.sass b/themes/jaeger-docs/assets/sass/ukraine.sass
@@ -0,0 +1,15 @@
+.stand-with-ukraine-banner
+    padding: 10px 0
+    background-color: #5474c9
+    color: #fff
+    text-align: center
+
+.stand-with-ukraine-banner__flag
+    width: 30px
+    margin-right: 16px
+    border-style: none
+    vertical-align: middle
+
+.ukraine-support-link
+    color: #fff
+    text-decoration: underline
diff --git a/themes/jaeger-docs/layouts/_default/baseof.html b/themes/jaeger-docs/layouts/_default/baseof.html
@@ -11,6 +11,7 @@
   <body class="page page--{{ $pageType }}">
     <main class="main">
       {{ partial "navbar.html" . }}
+      {{ partial "ukraine.html" . }}
 
       {{ block "main" . }}
       {{ end }}

diff --git a/themes/jaeger-docs/layouts/index.html b/themes/jaeger-docs/layouts/index.html
@@ -3,7 +3,6 @@
 {{ $posts        := first 100 $json.items }}
 
 {{ partial "home/hero.html" (dict "posts" $posts "title" site.Title "tagline" site.Params.tagline "latestVersion" site.Params.latest) }}
-{{ partial "home/ukraine.html" . }}
 {{ partial "home/why.html" . }}
 {{ partial "home/features.html" . }}
 {{ partial "home/articles.html" (dict "posts" $posts) }}

diff --git a/themes/jaeger-docs/layouts/partials/home/ukraine.html b/themes/jaeger-docs/layouts/partials/home/ukraine.html
diff --git a/themes/jaeger-docs/layouts/partials/ukraine.html b/themes/jaeger-docs/layouts/partials/ukraine.html
@@ -0,0 +1,40 @@
+<div class="stand-with-ukraine-banner">
+  <p>
+    <img src="/img/ukraine_flag.svg" alt="Ukraine flag" class="stand-with-ukraine-banner__flag">
+    We stand with our friends and colleagues in Ukraine.
+    To support Ukraine in their time of need <!-- -->
+    <a class="ukraine-support-link" href="https://war.ukraine.ua/support-ukraine/">visit this page</a>.
+  </p>
+</div>
+<!--
+<section class="section section--ukraine">
+    <div class="container has-text-centered">
+      <h4 class="subtitle is-size-4 is-size-5-mobile">
+          <b>The Jaeger Team strongly condemns Putin's invasion of Ukraine!</b>
+      </h4>
+      <h4 class="subtitle is-size-4 is-size-5-mobile">
+          <b>
+          Please consider donating to <a href="https://www.npr.org/2022/02/25/1082992947/ukraine-support-help">humanitarian aid organizations</a>, such as
+          <a href="https://razomforukraine.org/razom-emergency-response/">Razom for Ukraine</a>
+          or <a href="https://care-in-action.org/en/pages/please-fund-emergency-aid-for-ukraine">Care in Action</a>,
+          to provide relief.
+          </b>
+      </h4>
+    </div>
+  </section>
+
+
+
+  <div class="gb-stand-with-ukraine-banner">
+    <div class="gb-container">
+      <div class="gb-stand-with-ukraine-banner__content">
+        <img src="https://static.nc-img.com/uilayout2/34735a65a0c63bd007fa4c32f67dab4c.svg" alt="Ukraine flag" class="gb-stand-with-ukraine-banner__flag">
+        <p class="gb-mb-0">
+          We stand with our friends and colleagues in Ukraine.
+          To support Ukraine in their time of need
+          <a class="gb-ukraine-support-link" href="https://war.ukraine.ua/support-ukraine/">visit this page</a>.
+        </p>
+      </div>
+    </div>
+  </div>
+-->