Merge pull request #43 from haskellfoundation/css-fixes-and-dropdown

Css fixes and dropdown

Author: emilypi

docs/affiliates/about/index.html

@@ -21,7 +21,7 @@
   <div class="pt-6 flex justify-between">
 
     <div>
-      <img src="../../static/images/hf-logo-100-alpha.png" width="68" height="52" />
+      <img src="../../static/images/logos/hf-logo-100-alpha.png" width="68" height="52" />
       <div class="text-sm mt-2 text-gray-500">The Haskell Foundation</div>
     </div>
 
@@ -40,42 +40,34 @@
 
 
         <div href="../../who-we-are" class="block py-3 border-t border-gray-320 text-lg font-medium text-gray-500">Who We Are</div>
-
-        <a href="../../who-we-are" class="block py-3 pl-6 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Current Board</a>
-
-        <a href="../../affiliates/past-boards" class="block py-3 pl-6 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Past Boards</a>
+          <a href="../../who-we-are" class="block py-3 pl-6 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Current Board</a>
+          <a href="../../who-we-are/past-boards" class="block py-3 pl-6 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Past Boards</a>
 
         <a href="../../projects" class="block py-3 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Projects</a>
 
 
 
         <div href="../../affiliates" class="block py-3 border-t border-gray-320 text-lg font-medium text-gray-500">Affiliates</div>
-
           <a href="../../affiliates" class="block py-3 pl-6 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Affiliates</a>
-
           <a href="../../affiliates/about" class="block py-3 pl-6 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">About Affiliating</a>
 
 
 
         <a href="../../contact" class="block py-3 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Contact</a>
 
 
-
         <a href="../../news" class="block py-3 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">News</a>
 
 
-
         <a href="../../press" class="block py-3 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Press</a>
 
 
         <a href="../../donations" class="block py-3 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Sponsorship</a>
 
 
-
         <a href="../../resources" class="block py-3 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Resources</a>
 
 
-
         <a href="../../faq" class="block py-3 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">FAQ</a>
 
 
@@ -101,15 +93,15 @@
     <ul class="flex space-x-8 xl:space-x-12">
 
         <li class="relative">
-          <a href="../../who-we-are" id="affiliates-nav-item">Who We Are</a>
+          <a href="../../who-we-are" id="who-we-are-nav-item">Who We Are</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="affiliates-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="who-we-are-nav-item-menu">
 
-                <a class="block p-4 border-t-2 border-purple-800 hover:bg-gray-50 cursor-pointer" href="../../who-we-are">
+                <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../../who-we-are">
                   Current Board
                 </a>
 
-                <a class="block p-4 border-t-2 border-purple-800 hover:bg-gray-50 cursor-pointer" href="../../who-we-are/past-boards">
+                <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../../who-we-are/past-boards">
                   Past Boards
                 </a>
 
@@ -127,23 +119,18 @@
 
             <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="affiliates-nav-item-menu">
 
-                <a class="block p-4 border-t-2 border-purple-800 hover:bg-gray-50 cursor-pointer" href="../../affiliates">
+                <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../../affiliates">
                   Affiliates
                 </a>
 
-                <a class="block p-4 border-t-2 border-purple-800 hover:bg-gray-50 cursor-pointer" href="../../affiliates/about">
+                <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../../affiliates/about">
                   About Affiliating
                 </a>
 
             </div>
 
         </li>
 
-        <li class="relative">
-          <a href="../../contact" id>Contact</a>
-
-        </li>
-
         <li class="relative">
           <a href="../../news" id>News</a>
 
@@ -164,6 +151,12 @@
 
         </li>
 
+        <li class="relative">
+          <a href="../../contact" id>Contact</a>
+
+        </li>
+
+
         <li class="relative">
           <a href="../../faq" id>FAQ</a>
 

docs/affiliates/index.html

@@ -21,7 +21,7 @@
   <div class="pt-6 flex justify-between">
 
     <div>
-      <img src="../static/images/hf-logo-100-alpha.png" width="68" height="52" />
+      <img src="../static/images/logos/hf-logo-100-alpha.png" width="68" height="52" />
       <div class="text-sm mt-2 text-gray-500">The Haskell Foundation</div>
     </div>
 
@@ -40,42 +40,34 @@
 
 
         <div href="../who-we-are" class="block py-3 border-t border-gray-320 text-lg font-medium text-gray-500">Who We Are</div>
-
-        <a href="../who-we-are" class="block py-3 pl-6 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Current Board</a>
-
-        <a href="../affiliates/past-boards" class="block py-3 pl-6 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Past Boards</a>
+          <a href="../who-we-are" class="block py-3 pl-6 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Current Board</a>
+          <a href="../who-we-are/past-boards" class="block py-3 pl-6 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Past Boards</a>
 
         <a href="../projects" class="block py-3 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Projects</a>
 
 
 
         <div href="../affiliates" class="block py-3 border-t border-gray-320 text-lg font-medium text-gray-500">Affiliates</div>
-
           <a href="../affiliates" class="block py-3 pl-6 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Affiliates</a>
-
           <a href="../affiliates/about" class="block py-3 pl-6 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">About Affiliating</a>
 
 
 
         <a href="../contact" class="block py-3 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Contact</a>
 
 
-
         <a href="../news" class="block py-3 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">News</a>
 
 
-
         <a href="../press" class="block py-3 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Press</a>
 
 
         <a href="../donations" class="block py-3 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Sponsorship</a>
 
 
-
         <a href="../resources" class="block py-3 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Resources</a>
 
 
-
         <a href="../faq" class="block py-3 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">FAQ</a>
 
 
@@ -101,15 +93,15 @@
     <ul class="flex space-x-8 xl:space-x-12">
 
         <li class="relative">
-          <a href="../who-we-are" id="affiliates-nav-item">Who We Are</a>
+          <a href="../who-we-are" id="who-we-are-nav-item">Who We Are</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="affiliates-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="who-we-are-nav-item-menu">
 
-                <a class="block p-4 border-t-2 border-purple-800 hover:bg-gray-50 cursor-pointer" href="../who-we-are">
+                <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../who-we-are">
                   Current Board
                 </a>
 
-                <a class="block p-4 border-t-2 border-purple-800 hover:bg-gray-50 cursor-pointer" href="../who-we-are/past-boards">
+                <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../who-we-are/past-boards">
                   Past Boards
                 </a>
 
@@ -127,23 +119,18 @@
 
             <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="affiliates-nav-item-menu">
 
-                <a class="block p-4 border-t-2 border-purple-800 hover:bg-gray-50 cursor-pointer" href="../affiliates">
+                <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../affiliates">
                   Affiliates
                 </a>
 
-                <a class="block p-4 border-t-2 border-purple-800 hover:bg-gray-50 cursor-pointer" href="../affiliates/about">
+                <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../affiliates/about">
                   About Affiliating
                 </a>
 
             </div>
 
         </li>
 
-        <li class="relative">
-          <a href="../contact" id>Contact</a>
-
-        </li>
-
         <li class="relative">
           <a href="../news" id>News</a>
 
@@ -164,6 +151,12 @@
 
         </li>
 
+        <li class="relative">
+          <a href="../contact" id>Contact</a>
+
+        </li>
+
+
         <li class="relative">
           <a href="../faq" id>FAQ</a>
 

docs/board-nominations/index.html

@@ -21,7 +21,7 @@
   <div class="pt-6 flex justify-between">
 
     <div>
-      <img src="../static/images/hf-logo-100-alpha.png" width="68" height="52" />
+      <img src="../static/images/logos/hf-logo-100-alpha.png" width="68" height="52" />
       <div class="text-sm mt-2 text-gray-500">The Haskell Foundation</div>
     </div>
 
@@ -40,42 +40,34 @@
 
 
         <div href="../who-we-are" class="block py-3 border-t border-gray-320 text-lg font-medium text-gray-500">Who We Are</div>
-
-        <a href="../who-we-are" class="block py-3 pl-6 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Current Board</a>
-
-        <a href="../affiliates/past-boards" class="block py-3 pl-6 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Past Boards</a>
+          <a href="../who-we-are" class="block py-3 pl-6 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Current Board</a>
+          <a href="../who-we-are/past-boards" class="block py-3 pl-6 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Past Boards</a>
 
         <a href="../projects" class="block py-3 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Projects</a>
 
 
 
         <div href="../affiliates" class="block py-3 border-t border-gray-320 text-lg font-medium text-gray-500">Affiliates</div>
-
           <a href="../affiliates" class="block py-3 pl-6 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Affiliates</a>
-
           <a href="../affiliates/about" class="block py-3 pl-6 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">About Affiliating</a>
 
 
 
         <a href="../contact" class="block py-3 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Contact</a>
 
 
-
         <a href="../news" class="block py-3 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">News</a>
 
 
-
         <a href="../press" class="block py-3 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Press</a>
 
 
         <a href="../donations" class="block py-3 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Sponsorship</a>
 
 
-
         <a href="../resources" class="block py-3 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Resources</a>
 
 
-
         <a href="../faq" class="block py-3 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">FAQ</a>
 
 
@@ -101,15 +93,15 @@
     <ul class="flex space-x-8 xl:space-x-12">
 
         <li class="relative">
-          <a href="../who-we-are" id="affiliates-nav-item">Who We Are</a>
+          <a href="../who-we-are" id="who-we-are-nav-item">Who We Are</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="affiliates-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="who-we-are-nav-item-menu">
 
-                <a class="block p-4 border-t-2 border-purple-800 hover:bg-gray-50 cursor-pointer" href="../who-we-are">
+                <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../who-we-are">
                   Current Board
                 </a>
 
-                <a class="block p-4 border-t-2 border-purple-800 hover:bg-gray-50 cursor-pointer" href="../who-we-are/past-boards">
+                <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../who-we-are/past-boards">
                   Past Boards
                 </a>
 
@@ -127,23 +119,18 @@
 
             <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="affiliates-nav-item-menu">
 
-                <a class="block p-4 border-t-2 border-purple-800 hover:bg-gray-50 cursor-pointer" href="../affiliates">
+                <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../affiliates">
                   Affiliates
                 </a>
 
-                <a class="block p-4 border-t-2 border-purple-800 hover:bg-gray-50 cursor-pointer" href="../affiliates/about">
+                <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../affiliates/about">
                   About Affiliating
                 </a>
 
             </div>
 
         </li>
 
-        <li class="relative">
-          <a href="../contact" id>Contact</a>
-
-        </li>
-
         <li class="relative">
           <a href="../news" id>News</a>
 
@@ -164,6 +151,12 @@
 
         </li>
 
+        <li class="relative">
+          <a href="../contact" id>Contact</a>
+
+        </li>
+
+
         <li class="relative">
           <a href="../faq" id>FAQ</a>