git push --force-with-lease origin masterAdd announcement and zoom me…

…eting band (strimzi#179) home page... added code for announecment band for survey (with blue or orange background) and zoom meeting band. Added zoom meeting to community page too. Signed-off-by: insectengine <jcobb@redhat.com>
PhilippB21 · Aug 13, 2020 · ab8c999 · ab8c999
1 parent 2269ee6
commit ab8c999
Show file tree

Hide file tree

Showing 7 changed files with 98 additions and 0 deletions.
diff --git a/_includes/community/community-contributions-band.html b/_includes/community/community-contributions-band.html
@@ -62,4 +62,11 @@
       The simplest and easiest way to help the Strimzi community is to act as a project ambassador, follow us on Twitter, and show up to community events in your area.
     </p>
   </div>
+  <div class="width-3-12 width-12-12-m contrib-block">
+    <img src="{{site.baseurl}}/assets/images/community/community_icon_zoom.svg">
+    <p>
+      <a href="#" target="_blank" class="title">Biweekly Zoom Meeting</a>
+      Join us for our biweekly open community meeting for anyone interested in all things Strimzi.
+    </p>
+  </div>
 </div>
diff --git a/_includes/homepage/homepage-announcement-band.html b/_includes/homepage/homepage-announcement-band.html
@@ -0,0 +1,7 @@
+<div class="component-slim announcement_orange">
+  <div class="grid-wrapper">
+    <div class="width-12-12">
+            <p>Take the <a href="https://www.surveymonkey.com/r/strimzi"> Strimzi 2020 survey</a> and let us know how you are using Strimzi. </p>
+    </div>
+  </div>
+</div>
diff --git a/_includes/homepage/homepage-zoom-band.html b/_includes/homepage/homepage-zoom-band.html
@@ -0,0 +1,10 @@
+<div class="component-slim zoom_band">
+  <div class="grid-wrapper">
+    <div class="width-3-12">
+            <img src="assets/images/zoom_icon.svg">
+    </div>
+    <div class="width-9-12">
+            <p>Join us for our <a href="#">biweekly community zoom meeting</a> where we discuss in all things Strimzi. </p>
+    </div>
+  </div>
+</div>
diff --git a/_layouts/index.html b/_layouts/index.html
@@ -2,7 +2,9 @@
 layout: base
 ---
 
+{% include homepage/homepage-announcement-band.html %}
 {% include homepage/homepage-hero-band.html %}
 {% include homepage/homepage-download-announcement-band.html %}
+{% include homepage/homepage-zoom-band.html %}
 {% include homepage/homepage-content-band.html %}
 {% include homepage/homepage-usedby-band.html %}
diff --git a/_sass/strimzi.scss b/_sass/strimzi.scss
@@ -462,3 +462,48 @@ blockquote::after{
   text-align: left;
   margin-bottom: 12px; 
 }
+
+.announcement_blue, .announcement_orange {
+  margin: 0 -13rem;
+  padding: 2rem 13rem;
+
+  p {
+  font-size: 1.5rem;
+  line-height: 1.75rem;
+  text-align: center;
+  margin: .5rem;
+  color: $black;
+  }
+
+  a{
+  color: $black !important;
+  }
+}
+
+.announcement_blue {
+background-color: $light-blue;
+}
+.announcement_orange {
+background-color: $orange;
+}
+
+
+/* Zoom band */
+
+.zoom_band {
+  background-color: $light-blue;
+  margin: 0 -13rem;
+  padding: 2rem 13rem;
+
+  p {
+  font-size: 1.5rem;
+  line-height: 1.75rem;
+  margin: .5rem;
+  color: $black;
+  }
+
+  img {
+  max-width: 150px;
+  float: right;
+  }
+}
diff --git a/assets/images/community/community_icon_zoom.svg b/assets/images/community/community_icon_zoom.svg
diff --git a/assets/images/zoom_icon.svg b/assets/images/zoom_icon.svg