Update age on about, add tv/movies section, add StreamFinder to projects, update website project description, add streamFinder project css, upse custom font for lists on about page

3 files changed, 53 insertions, 11 deletions

diff --git a/about.html b/about.html
index 3737deb..8c1d6f9 100644
--- a/about.html
+++ b/about.html
@@ -62,7 +62,7 @@
 	  </h1>

       <h2>Introduction</h2>

       <p>

-       My name is Dylan Bolger. I'm a 20 year old college student that likes to dabble into the world of code. I'm a junior at Missouri State University. To best describe me, you'll more than likely see me at my desk working on something on my computer. Since I was young, I've always been interested in the internet and technology as it has evolved. Gaming was a great start and continues to exist in my day to day life. As I've grown older, I've found interest in creating software for the world. Being involved with technology is one of my favorite things to do. I hope my projects inspire creativity, and help educate students learning to program and create software of their own.

+       My name is Dylan Bolger. I'm a 21 year old college student that likes to dabble into the world of code. I'm a junior at Missouri State University. To best describe me, you'll more than likely see me at my desk working on something on my computer. Since I was young, I've always been interested in the internet and technology as it has evolved. Gaming was a great start and continues to exist in my day to day life. As I've grown older, I've found interest in creating software for the world. Being involved with technology is one of my favorite things to do. I hope my projects inspire creativity, and help educate students learning to program and create software of their own.

       </p>

     </section>

     <section id="hobbies">

@@ -88,15 +88,36 @@
 			<li class="nostyle">... and more to come ...</li>

 		</ol>

 	  </section>

+	<section id="tvandmovies">

+		<h2>TV and Movies</h2>

+		<p>This is a list of tv shows and movies I've found enjoyable.</p>

+		<h4>TV</h4>

+		<ul class='tv'>

+			<li>Silicon Valley</li>

+			<li>Atlanta</li>

+			<li>It's Always Sunny in Philadelphia</li>

+			<li>The Eric Andre Show</li>

+			<li>Nathan for You</li>

+			<li>Community</li>

+		</ul>

+		<h4>Movies</h4>

+		<ul class='movies'>

+			<li>Sorry to Bother You</li>

+			<li>American Psycho</li>

+			<li>BlacKKKlansman</li>

+			<li>Bad Trip</li>

+		</ul>

+	</section>

 	<section id="webthings">

 		<h2>Internet things I really like</h2>

 		<p>Here's some things I've found over the years I thought I'd share with you. As I find more interesting things, this list will get larger. I hope you enjoy.</p>

-		<ul>

+		<ul class='web'>

 			<li><a href="https://typings.gg/">typings.gg</a> - OSS typing test</li>

 			<li><a href="https://bongo.cat">bongo.cat</a> - Bongo Cat</li>

 			<li><a href="https://octoprint.org/">octoprint.org</a> - OctoPrint 3D printing web server</li>

 			<li><a href="https://www.youtube.com/watch?v=_jHmjs2270A">youtube.com/watch?v=_jHmjs2270A</a> - A lesson on looking by Amy Herman</li>

 			<li><a href="https://google-webfonts-helper.herokuapp.com/">google-webfonts-helper.herokuapp.com/</a> - A Hassle-Free Way to Self-Host Google Fonts (how this website hosts Google fonts)</li>

+			<li><a href="https://jspaint.app/">JS Paint</a> - OSS JavaScript Microsoft Paint</li>

 		</ul>

 	</section>

   </body>

diff --git a/assets/css/main.css b/assets/css/main.css
index 8b4b3db..c509a7d 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -69,7 +69,7 @@ body#about {
   max-width: 570px;
 }
 
-ol#vinyls li {
+ol#vinyls li, ul.tv li, ul.movies li, ul.web li {
   font-family: 'Source Code Pro';
 }
 li.nostyle {
@@ -96,6 +96,13 @@ section#webthings h2:after {
   color: #d3d3d3;
 }
 
+div.project.streamfinder h2:after {
+  font-style: normal;
+  content: ' // Node.js, Angular, MongoDB, Puppeteer';
+  font-size: 0.82em;
+  color: #d3d3d3;
+}
+
 section#projects h1:after {
   content: ' // :)';
   color: #d3d3d3;
diff --git a/index.html b/index.html
index b0c3603..4994a7d 100644
--- a/index.html
+++ b/index.html
@@ -8,12 +8,12 @@
     <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />

     <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />

     <link rel="manifest" href="/site.webmanifest" />

-	<meta name="description" content="Home">

-    <meta name="og:title" content="FivePixels">

-    <meta name="og:type" content="website">

-    <meta name="og:url" content="https://fivepixels.me/">

-    <meta name="og:description" content="Home">

-    <meta name="theme-color" content="#55ACEE">

+    <meta name="description" content="Home" />

+    <meta name="og:title" content="FivePixels" />

+    <meta name="og:type" content="website" />

+    <meta name="og:url" content="https://fivepixels.me/" />

+    <meta name="og:description" content="Home" />

+    <meta name="theme-color" content="#55ACEE" />

   </head>

   <body id="home">

     <header>

@@ -79,12 +79,26 @@
       <p id="description">

         Projects are listed by most recent to least recent updates.

       </p>

+      <div class="project streamfinder">

+        <h2>StreamFinder</h2>

+        <p><i>This project was a group submission at <a href="https://pickhacks.io/">PickHacks</a>. View the website at <a href="https://streamfind.tech">streamfind.tech</a>.</i></p>

+        <p>A website that finds streaming platforms (Hulu, Netflix, etc.) to stream your favorite content.</p>

+        <a href="https://github.com/FivePixels/StreamFinder">

+          Source code

+        </a>

+        <br>

+        <a href="https://devpost.com/software/streamfinder">

+          Devpost project

+        </a>

+      </div>

       <div class="project htmlcss">

         <h2>fivepixels.me</h2>

         <p>

-          The website you are viewing right now.

+          My personal website (the website you are looking at right now).

         </p>

-        <a href="https://github.com/FivePixels/fivepixels.github.io">Source code</a>

+        <a href="https://github.com/FivePixels/fivepixels.github.io">

+          Source code

+        </a>

       </div>

       <div class="project js">

         <h2>Tribble</h2>