Add a footer to the zulip.org website.

zulip · Jan 23, 2017 · 3c5e1a9 · 3c5e1a9
1 parent 79f1f73
commit 3c5e1a9
Show file tree

Hide file tree

Showing 7 changed files with 101 additions and 8 deletions.
diff --git a/README.md b/README.md
@@ -1,6 +1,6 @@
 zulip.github.io
 ===============
-zulip.org website
+[zulip.org](https://zulip.org/) website
 
 License
 =======

diff --git a/clients.html b/clients.html
@@ -98,5 +98,24 @@ <h3>Mobile</h3>
         </section>
       </article>
     </div>
+
+    <!-- Footer -->
+    <footer>
+      <div class="container">
+        <div id="logo">
+          <a href="index.html"><img src="images/logos/zulip-icon-512x512.png" />zulip</a>
+        </div>
+        <nav>
+          <ul>
+            <li><a href="https://blogs.dropbox.com/tech/2015/09/open-sourcing-zulip-a-dropbox-hack-week-project">About</a></li>
+            <li><a href="contribute.html">Contribute</a></li>
+            <li><a href="https://blog.zulip.org/">Blog</a></li>
+            <li><a href="https://chat.zulip.org">Community Chat</a></li>
+            <li><a href="https://zulip.readthedocs.io/en/latest/roadmap.html">Roadmap</a></li>
+          </ul>
+        </nav>
+      </div>
+    </footer>
+
   </body>
 </html>
diff --git a/contribute.html b/contribute.html
@@ -95,5 +95,24 @@ <h3>Security</h3>
 	</section>
       </article>
     </div>
+
+    <!-- Footer -->
+    <footer>
+      <div class="container">
+        <div id="logo">
+          <a href="index.html"><img src="images/logos/zulip-icon-512x512.png" />zulip</a>
+        </div>
+        <nav>
+          <ul>
+            <li><a href="https://blogs.dropbox.com/tech/2015/09/open-sourcing-zulip-a-dropbox-hack-week-project">About</a></li>
+            <li><a href="contribute.html">Contribute</a></li>
+            <li><a href="https://blog.zulip.org/">Blog</a></li>
+            <li><a href="https://chat.zulip.org">Community Chat</a></li>
+            <li><a href="https://zulip.readthedocs.io/en/latest/roadmap.html">Roadmap</a></li>
+          </ul>
+        </nav>
+      </div>
+    </footer>
+
   </body>
 </html>
diff --git a/css/main.css b/css/main.css
@@ -138,23 +138,22 @@ header nav .highlighted a:hover {
 
 /* Footer */
 footer {
-	text-align: center;
+	text-align: right;
 	font-size: 0.9em;
-	padding: 10px;
+	padding: 5px;
 	border-top: 1px solid #ccc;
 }
 
-footer ul {
-	margin: 10px;
-	padding: 0;
-}
-
 footer li {
 	display: inline-block;
 	list-style-type: none;
 	padding: 0 10px;
 }
 
+footer #logo {
+	margin-top: -15px;
+}
+
 .container {
 	width: 90%;
 	margin: 0 auto;

diff --git a/features.html b/features.html
@@ -208,5 +208,24 @@ <h4>Desktop apps</h4>
           Enjoy <a href="clients.html">Zulip on your desktop</a>.</p>
       </div>
     </div>
+
+    <!-- Footer -->
+    <footer>
+      <div class="container">
+        <div id="logo">
+          <a href="index.html"><img src="images/logos/zulip-icon-512x512.png" />zulip</a>
+        </div>
+        <nav>
+          <ul>
+            <li><a href="https://blogs.dropbox.com/tech/2015/09/open-sourcing-zulip-a-dropbox-hack-week-project">About</a></li>
+            <li><a href="contribute.html">Contribute</a></li>
+            <li><a href="https://blog.zulip.org/">Blog</a></li>
+            <li><a href="https://chat.zulip.org">Community Chat</a></li>
+            <li><a href="https://zulip.readthedocs.io/en/latest/roadmap.html">Roadmap</a></li>
+          </ul>
+        </nav>
+      </div>
+    </footer>
+
   </body>
 </html>
diff --git a/index.html b/index.html
@@ -150,6 +150,25 @@ <h3>Everything else you need to be productive</h3>
         </div>
       </section>
     </article>
+
+    <!-- Footer -->
+    <footer>
+      <div class="container">
+        <div id="logo">
+          <a href="index.html"><img src="images/logos/zulip-icon-512x512.png" />zulip</a>
+        </div>
+        <nav>
+          <ul>
+            <li><a href="https://blogs.dropbox.com/tech/2015/09/open-sourcing-zulip-a-dropbox-hack-week-project">About</a></li>
+            <li><a href="contribute.html">Contribute</a></li>
+            <li><a href="https://blog.zulip.org/">Blog</a></li>
+            <li><a href="https://chat.zulip.org">Community Chat</a></li>
+            <li><a href="https://zulip.readthedocs.io/en/latest/roadmap.html">Roadmap</a></li>
+          </ul>
+        </nav>
+      </div>
+    </footer>
+
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

diff --git a/server.html b/server.html
@@ -146,5 +146,23 @@ <h4>Follow installation guide</h4>
         </section>
       </article>
     </div>
+
+    <!-- Footer -->
+    <footer>
+      <div class="container">
+        <div id="logo">
+          <a href="index.html"><img src="images/logos/zulip-icon-512x512.png" />zulip</a>
+        </div>
+        <nav>
+          <ul>
+            <li><a href="https://blogs.dropbox.com/tech/2015/09/open-sourcing-zulip-a-dropbox-hack-week-project">About</a></li>
+            <li><a href="contribute.html">Contribute</a></li>
+            <li><a href="https://blog.zulip.org/">Blog</a></li>
+            <li><a href="https://chat.zulip.org">Community Chat</a></li>
+            <li><a href="https://zulip.readthedocs.io/en/latest/roadmap.html">Roadmap</a></li>
+          </ul>
+        </nav>
+      </div>
+    </footer>
   </body>
 </html>