From fb4c9e80239275055711141c4a56226fa1c4b32b Mon Sep 17 00:00:00 2001
From: Jacob McDonnell <jacob@simplelittledream.com>
Date: Mon, 22 Jun 2020 10:13:40 -0400
Subject: Updated side bar to have drop downs

---
 index.html | 36 +++++++++++++++++++++++-------------
 1 file changed, 23 insertions(+), 13 deletions(-)

(limited to 'index.html')

diff --git a/index.html b/index.html
index 3975771..2bae8bf 100644
--- a/index.html
+++ b/index.html
@@ -20,23 +20,32 @@
                 <ul id="menuLinks">
                     <p id="menuX" class="MenuX">X</p>
                     <li><a href="https://jacobmcdonnell.com/">Home</a></li>
-                    <li><a href="https://jacobmcdonnell.com/morsecode/">Morse code</a></li>
-                    <li><a href="https://jacobmcdonnell.com/binary/" id="pLink">Binary</a></li>
-                    <li><a href="https://jacobmcdonnell.com/Pacman/" id="pLinks">Google Pacman</a></li>
+                    <li><button onclick="dropdown('pages')" class="dropbtn">Pages</button>
+  		    <div id="pages" class="dropdown-content">
+			<a href="https://jacobmcdonnell.com/">Home</a>
+			<a href="https://jacobmcdonnell.com/morsecode/">Morse code</a>
+                    	<a href="https://jacobmcdonnell.com/binary/" id="pLink">Binary</a>
+                    	<a href="https://jacobmcdonnell.com/Pacman/" id="pLinks">Google Pacman</a>
+ 			<a href="https://jacobmcdonnell.com/settings.html">Settings and Information</a>
+		    </div></li>
                     <li><a href="https://duckduckgo.com/">DuckDuckGo</a></li>
-                    <li><a href="https://mail.google.com/mail/?tab=wm&authuser=0&ogbl">Gmail</a></li>
-                    <li><a href="https://play.google.com/music/listen?authuser&u=0#/home">Google Play Music</a></li>
-                    <li><a href="https://photos.google.com/">Google Photos</a></li>
-                    <li><a href="https://domains.google.com/m/registrar/">Google Domains</a></li>
-                    <li><a href="https://drive.google.com/drive/u/0/my-drive">Google Drive</a></li>
+		    <li><button onclick="dropdown('gsites')" class="dropbtn">Google Sites</button>
+  		    <div id="gsites" class="dropdown-content">
+    			<a href="https://mail.google.com/mail/?tab=wm&authuser=0&ogbl">Gmail</a>
+                        <a href="https://play.google.com/music/listen?authuser&u=0#/home">Google Play Music</a>
+                    	<a href="https://photos.google.com/">Google Photos</a>
+                    	<a href="https://domains.google.com/m/registrar/">Google Domains</a>
+                    	<a href="https://drive.google.com/drive/u/0/my-drive">Google Drive</a>
+
+		    </div></li>
                     <li><a href="https://www.youtube.com">Youtube</a></li>
-                    <li><a href="https://www.github.com/">Github</a></li>
-                    <li><a href="https://gitlab.com/">GitLab</a></li>
-                    <li><a href="https://8values.github.io/">8Values</a></li>
-                    <li><a href="https://www.politicalcompass.org/test/">Political Compass</a></li>
+		    <li><button onclick="dropdown('gitSites')" class="dropbtn">Git Sites</button>
+  		    <div id="gitSites" class="dropdown-content">
+    			<a href="https://www.github.com/">Github</a>
+                    	<a href="https://gitlab.com/">GitLab</a>
+		    </div></li>
                     <li><a href="https://www.twitch.tv/">Twitch</a></li>
                     <li><a href="http://www.w3schools.com/html/default.asp">html tutorial</a></li>
-                    <li><a href="https://jacobmcdonnell.com/settings.html">Settings and Information</a></li>
                 </ul>
             </nav>
         </aside>
@@ -58,6 +67,7 @@
                     e.preventDefault();
                 });
             })();
+
         </script>
     </body>
 </html>
-- 
cgit v1.2.3