add basic steering group election banner

_config.yml

@@ -9,6 +9,8 @@ show_menu: true
 show_footer: true
 google_analytics: false
 
+election_banner: true
+
 excerpt_separator: <!--more-->
 
 collections:

_includes/steering_group_election_section.html

@@ -0,0 +1,43 @@
+{% if site.election_banner %}
+
+<section>
+
+  <div class="election-banner">
+
+    <h2>BIDS steering group election</h2>
+
+    <p>
+      We are excited to announce the opening of the nomination period for
+      electing a new Steering Group member!
+    </p>
+    <p>
+      The nomination period will close on Friday,
+      <b>October 1st at 11:59pm (Pacific time)</b>. This new member will be
+      taking the place of our outgoing member, <b>Kirstie Whitaker</b>.
+    </p>
+    <p>
+      While submitting your nomination, we please ask to prepare a brief
+      description of what you would add to the Steering Group if elected and
+      include it within this form.
+    </p>
+    <p>
+      We are looking to maintain and enhance our range of diverse perspectives
+      and experiences currently present on the Steering Group.
+    </p>
+    <p>
+      If you are interested in nominating yourself - please submit your name to
+      <a href="https://forms.gle/JDryfJRLP2AiHVPg9" target="_blank">our nomination google form</a>.
+    </p>
+    <p>
+      If you have any questions, please feel free to reach out to 
+      <a href="mailto:[email protected]">Franklin Feingold</a>.
+    </p>
+
+  </div>
+
+</section>
+
+{% endif %}
+
+</p>
+<p>

_layouts/default.html

@@ -97,6 +97,8 @@
       </nav>
     </div>
 
+    {% include steering_group_election_section.html %}
+
   </header>
 
   <main id="content" class="main-content" role="main">

_sass/custom.scss

@@ -14,6 +14,21 @@
   background-size: 50%;
 }
 
+.election-banner {
+  border: 10px solid $border-color;
+  width: 66%;
+  text-align: center;
+  padding: 2rem;
+  margin: 1rem;
+
+  p {
+    padding: 0 0 0 5%;
+    width: 90%;
+    text-align: center;
+    font-size: 18px;
+  }
+}
+
 .site-footer {
   text-align: center;
 }