lotsa last min changes

src/components/Nav.svelte

@@ -7,16 +7,16 @@
 </script>
 
 <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
-	<li class="nav-item"><a class="nav-item" rel=prefetch aria-current="{segment === undefined ? 'page' : undefined}" href=".">WompMacho</a></li>
+	<li class="nav-item rounded"><a class="nav-item" rel=prefetch aria-current="{segment === undefined ? 'page' : undefined}" href=".">WompMacho</a></li>
 	<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
 	  <span class="navbar-toggler-icon"></span>
 	</button>
   
 	<div class="collapse navbar-collapse" id="navbarSupportedContent">
 	  <ul class="navbar-nav mr-auto">
-		<li class="nav-item"><a class="nav-link" rel=prefetch aria-current="{segment === 'about' ? 'page' : undefined}" href="about">About</a></li>
+		<li class="nav-item rounded"><a class="nav-link" rel=prefetch aria-current="{segment === 'about' ? 'page' : undefined}" href="about">About</a></li>
-		<li class="nav-item"><a class="nav-link" rel=prefetch aria-current="{segment === 'livestream' ? 'page' : undefined}" href="livestream">Live Stream</a></li>
+		<li class="nav-item rounded"><a class="nav-link" rel=prefetch aria-current="{segment === 'livestream' ? 'page' : undefined}" href="livestream">Live Stream</a></li>
-		<li class="nav-item"><a class="nav-link" rel=prefetch aria-current="{segment === 'projects' ? 'page' : undefined}" href="projects">Fun Stuff</a></li>
+		<li class="nav-item rounded"><a class="nav-link" rel=prefetch aria-current="{segment === 'projects' ? 'page' : undefined}" href="projects">Fun Stuff</a></li>
 	  </ul>
 	  <Social></Social>
 	</div>

src/components/Resume_Nav.svelte

@@ -3,12 +3,12 @@
 </script>
 
 <ul class="navbar-nav shadow rounded">
-	<li class=""><a rel=prefetch class="" aria-current="{segment === undefined ? 'page' : undefined}" href="/resume">Michael</a></li>
+	<li class="rounded"><a rel=prefetch class="" aria-current="{segment === undefined ? 'page' : undefined}" href="/resume">Michael</a></li>
-	<li class=""><a rel=prefetch aria-current="{segment === 'experiance' ? 'page' : undefined}" href="/resume/experiance">Experiance</a></li>
+	<li class="rounded"><a rel=prefetch aria-current="{segment === 'experiance' ? 'page' : undefined}" href="/resume/experiance">Experiance</a></li>
-    <li class=""><a rel=prefetch aria-current="{segment === 'education' ? 'page' : undefined}" href="/resume/education">Education</a></li>
+    <li class="rounded"><a rel=prefetch aria-current="{segment === 'education' ? 'page' : undefined}" href="/resume/education">Education</a></li>
-	<li class=""><a rel=prefetch aria-current="{segment === 'esports' ? 'page' : undefined}" href="/resume/esports">Esports</a></li>
+	<li class="rounded"><a rel=prefetch aria-current="{segment === 'esports' ? 'page' : undefined}" href="/resume/esports">Esports</a></li>
-	<li class=""><a rel=prefetch aria-current="{segment === 'consulting' ? 'page' : undefined}" href="/resume/consulting">Consulting</a></li>
+	<li class="rounded"><a rel=prefetch aria-current="{segment === 'consulting' ? 'page' : undefined}" href="/resume/consulting">Consulting</a></li>
-    <li class=""><a rel=prefetch aria-current="{segment === 'projects' ? 'page' : undefined}" href="/projects" data-toggle="tooltip" title="This will take you away from this page.">Projects</a></li>
+    <li class="rounded"><a rel=prefetch aria-current="{segment === 'projects' ? 'page' : undefined}" href="/projects" data-toggle="tooltip" title="This will take you away from this page.">Projects</a></li>
 </ul>
 
 <style>

src/routes/about.svelte

@@ -4,9 +4,8 @@
 
 <h1>About</h1>
 
-<faceThing>(•_•)</faceThing>
+<h2>(•_•)</h2>
 
-<figure>
 <p>
 	I am just some guy with a voice who is always thinking about the future. I
 	have been interested in tech my entire life... It started out as a distant admiration for sci-fi shows,
@@ -25,17 +24,40 @@
 	streaming portfolio and platform. Graphic design, content creation, lighting, filmography, social media,
 	websites, custom scripting overlays, entertainment, and lets not forget GAMING.
 </p>
-	<figcaption>
+
+<h3>
 	I keep finding new things to tweak and play with.
-	</figcaption>
+</h3>
-</figure>
+
+
 <h4>
 	I don’t plan on stopping.
 </h4>
 
 <style>
-	faceThing{
+	p{
+		margin: auto;
+	}
+
+	h1{
+		font-size: larger;
+		text-align: center;
+	}
+
+	h2{
 		font-size: 5em;
 		margin: 1em;
+		text-align: center;
+		display: block;
+	}
+
+	h3{
+		font-size: medium;
+		text-align: center;
+	}
+
+	h4{
+		font-size: large;
+		text-align: center;
 	}
 </style>

src/routes/projects/womp-chat.svelte

@@ -27,9 +27,13 @@
 
 <hr>
 
-<a class="rounded" rel=prefetch href="https://chrome.google.com/webstore/search/wompmacho"><img src="img/womp-chat/icon48.png" alt="WompChat Icon"></a>
+<a class="rounded" rel=prefetch href="https://chrome.google.com/webstore/search/wompmacho"><img class="logo_icon" src="img/womp-chat/icon512.png" alt="WompChat Icon"></a>
 
 <style>
+    .logo_icon{
+        height: 3.5em;
+    }
+
     p{
         margin: auto;
         padding: 1em;
@@ -55,9 +59,9 @@
 
     h3{
         font-size: smaller;
-        margin: 1em;
         text-align: center;
         max-width: 20vw;
+        margin: auto;
     }
 
     p{

src/routes/wompchat.svelte

@@ -1,10 +1,10 @@
 <svelte:head>
-	<title>Wompchat Chrome Extension Page</title>
+	<title>Wompchat Chrome Extension About</title>
 </svelte:head>
 
 <h1>WompChat</h1>
 
-<img class="gif rounded" src="" alt="WompChat Logo" />
+<img title="WompChat" class="gif rounded" src="/img/womp-chat/full512.png" alt="WompChat Logo" />
 
 <h2>Welcome To The Chat</h2>
 
@@ -34,7 +34,7 @@
     <a class="rounded" href="https://discord.gg/pVNnTDA" title="Join our Discord Community"><button type="button" class="btn btn-dark">Join our Discord Community</button></a>
     <a class="rounded" href="https://streamelements.com/wompmacho-5882/tip" title="Donations"><button type="button" class="btn btn-dark">Donations</button></a>
     <a class="rounded" href="https://www.youtube.com/wompmacho" title="Youtube"><button type="button" class="btn btn-dark">Youtube</button></a>
-    <a class="rounded" href="mailto:wompmacho@gmail.com"><button type="button" class="btn btn-dark">Contact Me</button></a>
+    <a class="rounded" href="mailto:wompmacho@gmail.com" title="Contact"><button type="button" class="btn btn-dark">Contact Me</button></a>
 </div>
 
 <hr>
@@ -88,7 +88,7 @@
   Don't forget to pin this extension for easy access. 
 </p>
 
-<img class="gif rounded" src="https://cdn.jsdelivr.net/gh/wompmacho/womp/assets/gif/pinYourExtension.gif" alt="pinYourExtension.gif" />
+<img class="gif rounded" src="https://cdn.jsdelivr.net/gh/wompmacho/wompchat/assets/gif/pinYourExtension.gif" alt="pinYourExtension.gif" />
 
 <p>
   Youtube Live is slow to load its pages currently. 
@@ -96,26 +96,26 @@
   Once you see the Emote Panel Icon you can open the Emote Selection Panel.
 </p>
 
-<img class="gif rounded" src="https://cdn.jsdelivr.net/gh/wompmacho/womp/assets/gif/emotesMenu.gif" alt="emotesMenu.gif" />
+<img class="gif rounded" src="https://cdn.jsdelivr.net/gh/wompmacho/wompchat/assets/gif/emotesMenu.gif" alt="emotesMenu.gif" />
 
 <p class="highlight">
   Enhanced Theater Mode Is Now Available. Just click the check in the option panel and refresh your page.
 </p>
 
-<img class="gif rounded" style="height: 540px; width: 960px;" src="https://github.com/wompmacho/womp/blob/main/cdn/assets/gif/theaterMode.gif?raw=true" alt="theaterMode.gif" />
+<img class="gif rounded" style="height: 540px; width: 960px;" src="https://github.com/wompmacho/wompchat/blob/main/cdn/assets/gif/theaterMode.gif?raw=true" alt="theaterMode.gif" />
 
 <p>        
   Over around 500 Top and Trending Emotes are loaded from popular sites. 
   You can Enable/Disable them in the Options Menu.
 </p>
 
-<img class="gif rounded" src="https://cdn.jsdelivr.net/gh/wompmacho/womp/assets/gif/optionsMenu.gif" alt="optionsMenu.gif" />
+<img class="gif rounded" src="https://cdn.jsdelivr.net/gh/wompmacho/wompchat/assets/gif/optionsMenu.gif" alt="optionsMenu.gif" />
 
 <p>
   Can Also Click on UserNames To Autofill an @ Notification
 </p>
 
-<img class="gif rounded" src="https://cdn.jsdelivr.net/gh/wompmacho/womp/assets/gif/clickUserNamesToAtThem.gif" alt="clickUserNamesToAtThem.gif" />
+<img class="gif rounded" src="https://cdn.jsdelivr.net/gh/wompmacho/wompchat/assets/gif/clickUserNamesToAtThem.gif" alt="clickUserNamesToAtThem.gif" />
  
 <h3>more on the way, but for now...</h3>
 
@@ -123,11 +123,19 @@
 
 
 <style>
+    .btn-dark{
+        background-color: #474748 !important;
+    }
+    .btn-dark:hover{
+        background-color: #323233 !important;
+    }
+
     .highlight{
         font-weight:700;
         color: #00ff00;
         text-align: center;
     }
+
     .container{
         display: flex;
         justify-content: center;
@@ -135,6 +143,7 @@
     }
     
     h1{
+        display: none;
         font-size: xx-large;
         text-align: center;
     }