icons updates, pages updates, lotsa fixes to styling

src/components/Nav.svelte

@@ -1,9 +1,7 @@
 <script>
-	//export let segment;
 	import Social from '../components/Social.svelte';
 	import 'bootstrap/dist/css/bootstrap.min.css';
 	export let segment;
-	
 </script>
 
 <nav class="navbar navbar-expand-lg navbar-dark bg-dark">

src/routes/about.svelte

@@ -2,46 +2,57 @@
 	<title>About</title>
 </svelte:head>
 
-<h1>About</h1>
 
 <h2>(•_•)</h2>
 
+<hr>
+
+<h1>About</h1>
+
+<div class="container">
 	<p>
-	I am just some guy with a voice who is always thinking about the future. I
+		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, video games, learning of amazing people and amazing things. I was obsessed with space… the final frontier. New technology and the tech giants who are creating the future were my everyday bread and butter. 
-	have been interested in tech my entire life... It started out as a distant admiration for sci-fi shows,
-	video games, learning of amazing people and amazing things. I was obsessed with space… the final frontier.
-	New technology and the tech giants who are creating the future were my everyday bread and butter. This love
-	for tech had the chance to flourish when I found my way into art and music. My artistry enveloped my
-	highschool years. Through my guitar and music I found myself creating a recording studio at home. One thing
-	led to another and I found myself deeply enthralled with audio engineering and building computers to handle
-	the processing. I began tweaking little things, anything I can get my hands on... Eventually I found my way
-	into computer science and IT. I found a new career in fixing and creating... These skills bled into all
-	parts
-	of my life. Esports peaked my interest and again I found my way into the tech side and developing platforms.
-	Building machines that pushed as many frames as possible to get that bleeding edge. I began playing with
-	virtual machines, arduino, raspberry pi and bare-metal machines. I started hosting websites and game servers
-	from home. Eventually I started streaming and found a new joy in the Twitch community. I developed my
-	streaming portfolio and platform. Graphic design, content creation, lighting, filmography, social media,
-	websites, custom scripting overlays, entertainment, and lets not forget GAMING.
 	</p>
 
-<h3>
+	<p>
-	I keep finding new things to tweak and play with.
+		This love for tech had the chance to flourish when I found my way into art and music. My artistry enveloped my highschool years. Through my guitar and music I found myself creating a recording studio at home. One thing led to another and I found myself deeply enthralled with audio engineering and building computers to handle the processing. I began tweaking little things, anything I can get my hands on... Eventually I found my way into computer science and IT. I found a new career in fixing and creating... These skills have bled into all parts of my life.
-</h3>
+	</p>
 
+	<p>
+		Esports and Streaming peaked my interest early on but around 2016 I found myself once again wanting to jump into something new. I found myself building machines that pushed as many frames as possible to get that bleeding edge… developing overlays and apps to improve the experience... building new and interactive ways to interact with my viewers on the live stream. 
+	</p>
+	
+	<p>
+		I began playing with virtual machines, arduino, raspberry pi, docker containers and bare-metal machines. I started hosting websites and game servers from home. I developed a community and have been working to become a better entertainer ever since I started streaming. I am always playing with some project so that I can make things better in some way and share it. 
+	</p>
+</div>
+
+<h3>
+	It's crazy how much you can find around you to tweak and make better if you just bother looking. 
+</h3>
 
 <h4>
 	I don’t plan on stopping.
 </h4>
 
+<hr>
+
 <style>
+	.container{
+		display: inline-flexbox;
+	}
+
 	p{
-		margin: auto;
+		margin: 1em;
+		border-radius: 5px;
+		padding: 1em;
+		background-color: #333333;
 	}
 
 	h1{
 		font-size: larger;
 		text-align: center;
+		margin: 1em;
 	}
 
 	h2{
@@ -52,12 +63,19 @@
 	}
 
 	h3{
+		margin: 1em;
 		font-size: medium;
 		text-align: center;
 	}
 
 	h4{
-		font-size: large;
+		margin: 1em;
+		font-size: medium;
 		text-align: center;
 	}
+
+	hr{
+		background-color: red;
+		max-width: 20vw;
+	}
 </style>

src/routes/livestream.svelte

@@ -47,13 +47,17 @@
 		background-color: red;
 		max-width: 20vw;
 	}
+
 	h3{
+		font-size: large;
 		text-align: center;
 		margin: 1em;
 	}
+
 	a{
         color: #00ff00;
     }
+	
     a:hover{
         color: red;
     }

src/routes/projects/womp-chat.svelte

@@ -2,8 +2,14 @@
 	<title>About Wompchat Chrome Extension</title>
 </svelte:head>
 
+
 <img class="gif rounded" src="https://cdn.jsdelivr.net/gh/wompmacho/womp/assets/gif/emotesMenu.gif" alt="WompChat Emote Menu Gif">
 
+
+<a class="rounded" rel=prefetch href="/wompchat"><img class="logo_icon" src="img/womp-chat/icon512.png" alt="WompChat Icon"></a>
+
+<h3>WompChat Extension Website</h3>
+
 <hr>
 
 <h1>WompChat Chrome Extension</h1>
@@ -27,7 +33,8 @@
 
 <hr>
 
-<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>
+<a rel=prefetch href="https://chrome.google.com/webstore/search/wompmacho"><i class="rounded fab fa-chrome fa-3x"></i></a>
+
 
 <style>
     .logo_icon{
@@ -60,7 +67,7 @@
     h3{
         font-size: smaller;
         text-align: center;
-        max-width: 20vw;
+        max-width: 30vw;
         margin: auto;
     }
 

src/routes/wompchat.svelte

@@ -144,12 +144,10 @@
     
     h1{
         display: none;
-        font-size: xx-large;
-        text-align: center;
     }
 
     h2{
-        font-size: x-large;
+        font-size: xx-large;
         text-align: center;
     }
 

src/template.html

@@ -7,10 +7,6 @@
 		<meta name="theme-color" content="#333333">
 
 		%sapper.base%
-		<!-- Bootstrap -->
-		<script>
-
-		</script>
 		<!-- Font Awesome icons (free version)-->
         <script src="https://use.fontawesome.com/releases/v5.15.1/js/all.js" crossorigin="anonymous"></script>
         <!-- Google fonts-->
@@ -18,7 +14,6 @@
 		<link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" />
 
 		<!-- Font Awesome icons (free version)-->
-		<link rel="stylesheet" href="css/bootstrap-grayscale-styles.css">
 		<link rel="stylesheet" href="css/global.css">
 		
 		<link rel="manifest" href="manifest.json" crossorigin="use-credentials">