diff options
| author | FivePixels <o5pxels@gmail.com> | 2021-07-18 14:37:18 -0500 |
|---|---|---|
| committer | FivePixels <o5pxels@gmail.com> | 2021-07-18 14:37:18 -0500 |
| commit | f27765a0c66cdfa4d4c264f058ee4372e9fcae6c (patch) | |
| tree | d352ab0ee5c35a4079bc8b895156f1683234556f | |
| parent | 550894d9034fc48bf26a31fb2a74f05514252490 (diff) | |
| download | personal-website-f27765a0c66cdfa4d4c264f058ee4372e9fcae6c.tar.xz personal-website-f27765a0c66cdfa4d4c264f058ee4372e9fcae6c.zip | |
Update Vinyls on About page, add new TV shows, add books section, update formatting on both index.html and about.html.
| -rw-r--r-- | about.html | 255 | ||||
| -rw-r--r-- | assets/css/main.css | 12 |
2 files changed, 134 insertions, 133 deletions
@@ -1,125 +1,136 @@ <!DOCTYPE html>
<html>
- <head>
- <title>About Me</title>
- <meta charset="utf-8" />
- <link rel="stylesheet" href="assets/css/main.css" />
- <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
- <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="About">
- <meta name="og:title" content="FivePixels">
- <meta name="og:type" content="website">
- <meta name="og:url" content="https://fivepixels.me/about">
- <meta name="og:description" content="About">
- <meta name="theme-color" content="#55ACEE">
- </head>
- <body id="about">
- <header>
- <ul id="nav">
- <li><a href="index.html">Home</a></li>
- <li>
- <a
- href="https://blog.fivepixels.me"
- target="_blank"
- rel="noopener noreferrer"
- >
- Blog
- </a>
- </li>
- <li>
- <a
- href="https://github.com/FivePixels"
- target="_blank"
- rel="noopener noreferrer"
- >
- GitHub
- </a>
- </li>
- <li>
- <a
- href="https://www.linkedin.com/in/dylan-bolger-532b63162/"
- target="_blank"
- rel="noopener noreferrer"
- >
- LinkedIn
- </a>
- </li>
- <li>
- <a
- href="https://twitter.com/o5pxels"
- target="_blank"
- rel="noopener noreferrer"
- >
- Twitter
- </a>
- </li>
- </ul>
- </header>
- <section id="intro">
- <h1>About Me</h1>
- </h1>
- <h2>Introduction</h2>
- <p>
- 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 senior 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">
- <h2>Hobbies</h2>
- <p>
- Gaming, as mentioned earlier in my introduction, has always been one of my favorite things. I also enjoy taking occasional hiking trips to distance myself from technology and take time to slow down. I listen to music quite a bit while on my machine. I also enjoy partaking in political discussions and debates with friends. On a warm day, you might see me skateboarding. Sometimes, I'll play hacker with my phone and mess around with jailbreaking.
- </p>
- </section>
- <section id="vinyls">
- <h2>Vinyls</h2>
- <p>
- I like collecting vinyls. Here are a list of the vinyls I've collected so far. These are listed in order that they were collected.
- </p>
- <ol id='vinyls'>
- <li>Because the Internet - Childish Gambino<br>04.17.17</li>
- <li>Camp - Childish Gambino<br>05.03.17</li>
- <li>The Incredible True Story - Logic<br>05.11.17</li>
- <li>i think you think too much of me - EDEN<br>05.23.17</li>
- <li>The Hype - Hoodie Allen<br>09.08.17</li>
- <li>Currents - Tame Impala<br>10.03.20</li>
- <li>Circles - Mac Miller<br>10.16.20</li>
- <li>Flower Boy - Tyler, The Creator<br>03.13.21</li>
- <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 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>
- <li><a href="https://www.decisionproblem.com/paperclips">Universal Paperclips</a> - An AI clicker game for paperclips</li>
- </ul>
- </section>
- </body>
+ <head>
+ <title>About Me</title>
+ <meta charset="utf-8" />
+ <link rel="stylesheet" href="assets/css/main.css" />
+ <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+ <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="About">
+ <meta name="og:title" content="FivePixels">
+ <meta name="og:type" content="website">
+ <meta name="og:url" content="https://fivepixels.me/about">
+ <meta name="og:description" content="About">
+ <meta name="theme-color" content="#55ACEE">
+ </head>
+ <body id="about">
+ <header>
+ <ul id="nav">
+ <li><a href="index.html">Home</a></li>
+ <li>
+ <a
+ href="https://blog.fivepixels.me"
+ target="_blank"
+ rel="noopener noreferrer"
+ >
+ Blog
+ </a>
+ </li>
+ <li>
+ <a
+ href="https://github.com/FivePixels"
+ target="_blank"
+ rel="noopener noreferrer"
+ >
+ GitHub
+ </a>
+ </li>
+ <li>
+ <a
+ href="https://www.linkedin.com/in/dylan-bolger-532b63162/"
+ target="_blank"
+ rel="noopener noreferrer"
+ >
+ LinkedIn
+ </a>
+ </li>
+ <li>
+ <a
+ href="https://twitter.com/o5pxels"
+ target="_blank"
+ rel="noopener noreferrer"
+ >
+ Twitter
+ </a>
+ </li>
+ </ul>
+ </header>
+ <section id="intro">
+ <h1>About Me</h1>
+ </h1>
+ <h2>Introduction</h2>
+ <p>
+ 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 senior 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">
+ <h2>Hobbies</h2>
+ <p>
+ I enjoy playing video games, as discussed in my introduction. I like to listen to music a bunch, so much so that I collect some of my favorite albums on vinyl. I also enjoy spending time with friends. On a warm day, you might see me skateboarding. Sometimes, I'll play hacker with my phone and mess around with jailbreak tweaks.
+ </p>
+ </section>
+ <section id="vinyls">
+ <h2>Vinyls</h2>
+ <p>
+ I like collecting vinyls. Here are a list of the vinyls I've collected so far. These are listed in order that they were collected.
+ </p>
+ <ol id='vinyls'>
+ <li>Because the Internet - Childish Gambino<br>04.17.17</li>
+ <li>Camp - Childish Gambino<br>05.03.17</li>
+ <li>The Incredible True Story - Logic<br>05.11.17</li>
+ <li>i think you think too much of me - EDEN<br>05.23.17</li>
+ <li>The Hype - Hoodie Allen<br>09.08.17</li>
+ <li>Currents - Tame Impala<br>10.03.20</li>
+ <li>Circles - Mac Miller<br>10.16.20</li>
+ <li>Flower Boy - Tyler, The Creator<br>03.13.21</li>
+ <li>Vertigo - EDEN<br>07.01.21</li>
+ <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>
+ <li>Arrested Development</li>
+ <li>The End of the F***ing World</li>
+ <li>CAKE</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="books">
+ <h2>Books</h2>
+ <p>Here's the books section of my site, which includes books I am reading or have previously read.</p>
+ <h4>Currently Reading</h4>
+ <ul class="currentread">
+ <li>The Ascent of Information by <i>Caleb Scharf</i></li>
+ <li>10:04 by <i>Ben Lerner</i></li>
+ </section>
+ <section id="webthings">
+ <h2>Cool internet things</h2>
+ <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>
+ <li><a href="https://www.decisionproblem.com/paperclips">Universal Paperclips</a> - An AI clicker game for paperclips</li>
+ </ul>
+ </section>
+ </body>
</html>
diff --git a/assets/css/main.css b/assets/css/main.css index 594e274..5de4372 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -73,7 +73,7 @@ body#about { max-width: 570px; } -ol#vinyls li, ul.tv li, ul.movies li, ul.web li { +ol#vinyls li, ul.tv li, ul.movies li, ul.web li, ul.currentread li { font-family: 'Source Code Pro'; } li.nostyle { @@ -95,11 +95,6 @@ section#intro h1:after { color: #d3d3d3; } -section#webthings h2:after { - content: ' // <3'; - color: #d3d3d3; -} - div.project.streamfinder h2:after { font-style: normal; content: ' // Node.js, Angular, MongoDB, Puppeteer'; @@ -107,11 +102,6 @@ div.project.streamfinder h2:after { color: #d3d3d3; } -section#projects h1:after { - content: ' // :)'; - color: #d3d3d3; -} - div.project.js h2:after { font-style: normal; content: ' // JavaScript'; |