From 72c7b886c776b9d12afc4ebc75e978c085496afc Mon Sep 17 00:00:00 2001
From: wompmacho <wompmacho+github@gmail.com>
Date: Mon, 9 Nov 2020 21:48:17 -0500
Subject: [PATCH] icons updates, pages updates, lotsa fixes to styling

---
 src/components/Nav.svelte            |   2 -
 src/routes/about.svelte              |  64 +++++++++++++++++----------
 src/routes/livestream.svelte         |   4 ++
 src/routes/projects/womp-chat.svelte |  11 ++++-
 src/routes/wompchat.svelte           |   4 +-
 src/template.html                    |   5 ---
 static/icons/favicon.ico             | Bin 0 -> 1150 bytes
 static/icons/favicon.png             | Bin 3127 -> 0 bytes
 8 files changed, 55 insertions(+), 35 deletions(-)
 create mode 100644 static/icons/favicon.ico
 delete mode 100644 static/icons/favicon.png

diff --git a/src/components/Nav.svelte b/src/components/Nav.svelte
index c693262..773ea64 100644
--- a/src/components/Nav.svelte
+++ b/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">
diff --git a/src/routes/about.svelte b/src/routes/about.svelte
index 45fb64f..c4eaf44 100644
--- a/src/routes/about.svelte
+++ b/src/routes/about.svelte
@@ -2,46 +2,57 @@
 	<title>About</title>
 </svelte:head>
 
-<h1>About</h1>
 
 <h2>(•_•)</h2>
 
-<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,
-	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>
+<hr>
+
+<h1>About</h1>
+
+<div class="container">
+	<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, 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. 
+	</p>
+
+	<p>
+		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.
+	</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>
-	I keep finding new things to tweak and play with.
+	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>
\ No newline at end of file
diff --git a/src/routes/livestream.svelte b/src/routes/livestream.svelte
index 9f63cce..cd33861 100644
--- a/src/routes/livestream.svelte
+++ b/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;
     }
diff --git a/src/routes/projects/womp-chat.svelte b/src/routes/projects/womp-chat.svelte
index d60545e..6a67e1c 100644
--- a/src/routes/projects/womp-chat.svelte
+++ b/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;
     }
 
diff --git a/src/routes/wompchat.svelte b/src/routes/wompchat.svelte
index 696aebb..da10dc6 100644
--- a/src/routes/wompchat.svelte
+++ b/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;
     }
 
diff --git a/src/template.html b/src/template.html
index c1b5cfc..50d79cb 100644
--- a/src/template.html
+++ b/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">
diff --git a/static/icons/favicon.ico b/static/icons/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..b100b877c982edcde444382ff16fc15f79bc1db1
GIT binary patch
literal 1150
zcmb8tODIH99LMqhc;vCrL}_9{*(imSWJAr)N~C0MVY0!3g_Ipxph&VADYCJ#@hCCb
zv7nI+D=9m9CgFN~e=)jEm+t*fpE>9L&;QIl=gct+@d<~G?{bS}nH8H^B}kF^&eNDN
z79gsq9Y83+9Cv9C4?D<rCj<1Ssl7!*fI05cB_2MpjuQ8P&;A^Bnx90A&p9g7d1a#m
zH#kESexruMLFA$vN6;P$;3xVhIz}t%(1Zi5VFdN~FNPV^z8&0S0YiAjAv)o8C-TUb
zVi%f!iak7F7Ux*OU$;<Kb^~wFd#9j%Ut$p_c)~aeksdm8jeX!5GuX#A#_))DY@r%n
zp?i{q)_;XK=Aktxca2(jMG?tfq~@zWo%YoTuh9CtFo_9l;stu=GGfsAx5H0FC|X4u
j^xGNeM+JVv8Rd^oX{L`mDMJo2%@VW;wYX6KheP`X&!$)h

literal 0
HcmV?d00001

diff --git a/static/icons/favicon.png b/static/icons/favicon.png
deleted file mode 100644
index 7e6f5eb5a2f1f1c882d265cf479de25caa925645..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3127
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
RDuVz3002ovPDHLkV1lTymTLe2