add curators toggle on main page

MeetMangrove · Nov 20, 2016 · 2279980 · 2279980
1 parent da4da4e
commit 2279980
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/common.js b/common.js
@@ -0,0 +1,6 @@
+var curators = document.getElementById('curators');
+function toggleCurators() {
+  curators.style.display = curators.style.display == 'none' ? 'block' : 'none';
+}
+var toggle = document.getElementById('js-curators-toggle').parentNode;
+toggle.onmouseenter = toggle.onmouseleave = toggleCurators;
diff --git a/index.html b/index.html
@@ -15,9 +15,16 @@
 <body>
   <section id="main">
     <nav>
-      <a>curated by <span>5 mangrovers</span></a>
+      <a id="js-curators-toggle" href="#">curated by <span>5 mangrovers</span></a>
       <div><hr /></div>
       <a>about mangrove</a>
+      <ul id="curators" style="display: none;">
+        <li><a href="http://twitter.com/mxbraud">@mxbraud</a></li>
+        <li><a href="http://twitter.com/adrienjoly">@adrienjoly</a></li>
+        <li><a href="http://twitter.com/olivierthms">@olivierthms</a></li>
+        <li><a href="http://twitter.com/whenyouzhang">@whenyouzhang</a></li>
+        <li><a href="http://twitter.com/tchret">@tchret</a></li>
+      </ul>
     </nav>
     <header>
       <h1 class='header-title'>Nomad Airlines</h1>
@@ -89,6 +96,7 @@ <h3>Boarding pass</h3>
       <a class="logo" href="http://meetmangrove.com/" title="Mangrove"></a>
     </footer>
   </section>
+  <script src="common.js"></script>
   <script src="index.js"></script>
 </body>
 </html>