Add a promotional message banner and events list

During lead up to AnsibleFest in Austin, display a message letting
readers know that the Zuul team will be represented along with some
related talks/sessions, and include a link to additional information
about the event. Also add a section to the Community page listing
this and the upcoming OpenStack Summit in Berlin. Following
AnsibleFest, the banner can be updated with OpenStack Summit details
instead.

Change-Id: I7e58aaff69bd4425c0f3b32200907c036f8110f1
Co-Authored-By: Allison Price <allison@openstack.org>

www/assets/css/main.css

@@ -1881,13 +1881,20 @@ input[type="button"],
   height: 28em;
   text-align: center;
   position: relative; }
-  #banner header {
+  #banner p {
-    position: absolute;
+    display: inline-block;
-    bottom: 30%;
+    margin: 0;
-    left: 0;
     width: 100%;
-    color: #071d49;
+    vertical-align: middle;
+    background: #212121;
+    background: rgba(27, 27, 27, 0.75);
+    color: #37c0fb;
     padding: 1.5em 0; }
+    #banner p .button {
+      margin-left: 1em; }
+  #banner header {
+    color: #071d49;
+    margin: 6%; }
     #banner header h2 {
       display: inline-block;
       margin: 0;

www/community.html

@@ -59,6 +59,19 @@
                   <h2>Join the Community</h2>
                 </header>
 
+                <h3>Meet the Zuul Community at These Events</h3>
+                <p>Join the Zuul community where you can meet developers, get
+                   on-boarded as a contributor and learn from users running
+                   Zuul in production:</p>
+                <ul>
+                    <li><a href="https://www.ansible.com/ansiblefest"
+                            >AnsibleFest</a>, October 2-3, 2018, Austin,
+                             Texas</li>
+                    <li><a href="https://www.openstack.org/summit/berlin-2018/summit-schedule/global-search?t=zuul"
+                            >OpenStack Summit</a>, November 13-15, 2018,
+                             Berlin, Germany</li>
+                </ul>
+
                 <h3>Join the Mailing List</h3>
   	        <a href="http://lists.zuul-ci.org/cgi-bin/mailman/listinfo" class="image right"><img src="images/lists.png" alt="" /></a>
                 <p>Zuul has <a href="http://lists.zuul-ci.org/cgi-bin/mailman/listinfo">mailing lists</a> for announcements and discussions.</p>

www/index.html

@@ -53,6 +53,12 @@
 
       <!-- Banner -->
         <section id="banner">
+          <p>
+            <strong>Meet the Zuul Community at AnsibleFest, October 2-3,
+                Austin, Texas!</strong>
+            <a href="https://www.ansible.com/ansiblefest"
+              class="button">Learn More</a>
+          </p>
           <header>
             <h2>Stop Merging Broken Code</h2>
           </header>