Browse Source

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>
changes/70/591870/7
Jeremy Stanley 11 months ago
parent
commit
ba46e4f366
3 changed files with 31 additions and 5 deletions
  1. 12
    5
      www/assets/css/main.css
  2. 13
    0
      www/community.html
  3. 6
    0
      www/index.html

+ 12
- 5
www/assets/css/main.css View File

@@ -1881,13 +1881,20 @@ input[type="button"],
1881 1881
   height: 28em;
1882 1882
   text-align: center;
1883 1883
   position: relative; }
1884
-  #banner header {
1885
-    position: absolute;
1886
-    bottom: 30%;
1887
-    left: 0;
1884
+  #banner p {
1885
+    display: inline-block;
1886
+    margin: 0;
1888 1887
     width: 100%;
1889
-    color: #071d49;
1888
+    vertical-align: middle;
1889
+    background: #212121;
1890
+    background: rgba(27, 27, 27, 0.75);
1891
+    color: #37c0fb;
1890 1892
     padding: 1.5em 0; }
1893
+    #banner p .button {
1894
+      margin-left: 1em; }
1895
+  #banner header {
1896
+    color: #071d49;
1897
+    margin: 6%; }
1891 1898
     #banner header h2 {
1892 1899
       display: inline-block;
1893 1900
       margin: 0;

+ 13
- 0
www/community.html View File

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

+ 6
- 0
www/index.html View File

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

Loading…
Cancel
Save