diff options
| -rw-r--r-- | about.html | 149 | ||||
| -rw-r--r-- | assets/css/main.css | 22 | ||||
| -rw-r--r-- | index.html | 78 | ||||
| -rw-r--r-- | resume.html | 61 |
4 files changed, 144 insertions, 166 deletions
@@ -19,123 +19,42 @@ <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>
+ <li>
+ <a
+ href="https://blog.fivepixels.me"
+ target="_blank"
+ rel="noopener noreferrer"
+ >
+ Blog
+ </a>
+ </li>
+ <li>
+ <a
+ href="https://git.fivepixels.me"
+ target="_blank"
+ rel="noopener noreferrer"
+ >Git</a> /
+ <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="resume.html">Resume</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>The Story of Us - Quinn XCII<br>06.07.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>The Game</li>
- <li>Bad Trip</li>
- <li>My Neighbor Totoro</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>
- <li>Atomic Habits by <i>James Clear</i></li>
- <li>how to by <i>Randall Munroe</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>
+ <p>Currently being rewritten, check back later.</p>
</body>
</html>
diff --git a/assets/css/main.css b/assets/css/main.css index 5de4372..aafc550 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -59,12 +59,16 @@ ul#nav li { margin: 1.5em; width: 20%; /* Four equal-width links. If you have two links, use 50%, and 33.33% for three links, etc.. */ text-align: center; /* If you want the text to be centered */ + white-space: nowrap; } p#position { font-size: 16px; } +p#resume { +} + body#home { max-width: 570px; } @@ -89,44 +93,48 @@ p, ul { font-family: 'Source Sans Pro'; } +section#resume h1:after { + content: ' // Dylan Bolger'; + color: #d3d3d3; +} section#intro h1:after { - content: ' // Dylan Bolger'; + content: ' // FivePixels'; color: #d3d3d3; } -div.project.streamfinder h2:after { +div.project.streamfinder h3:after { font-style: normal; content: ' // Node.js, Angular, MongoDB, Puppeteer'; font-size: 0.82em; color: #d3d3d3; } -div.project.js h2:after { +div.project.js h3:after { font-style: normal; content: ' // JavaScript'; color: #d3d3d3; } -div.project.css h2:after { +div.project.css h3:after { font-style: normal; content: ' /* CSS */'; color: #d3d3d3; } -div.project.htmlcss h2:after { +div.project.htmlcss h3:after { font-style: normal; content: ' <!-- HTML and CSS -->'; color: #d3d3d3; } -div.project.swift h2:after { +div.project.swift h3:after { font-style: normal; content: ' // Swift'; color: #d3d3d3; } -div.project.objc h2:after { +div.project.objc h3:after { font-style: normal; content: ' // Objective-C'; color: #d3d3d3; @@ -30,6 +30,11 @@ </li>
<li>
<a
+ href="https://git.fivepixels.me"
+ target="_blank"
+ rel="noopener noreferrer"
+ >Git</a> /
+ <a
href="https://github.com/FivePixels"
target="_blank"
rel="noopener noreferrer"
@@ -46,61 +51,36 @@ LinkedIn
</a>
</li>
- <li>
- <a
- href="https://twitter.com/o5pxels"
- target="_blank"
- rel="noopener noreferrer"
- >
- Twitter
- </a>
- </li>
+ <li><a href="resume.html">Resume</a></li>
</ul>
</header>
<section id="intro">
- <h1>FivePixels</h1>
- <p id="position">Junior Software Developer at O'Reilly Auto Parts</p>
- <p> My
- <a
- href="https://pronoun.is/he/him"
- target="_blank"
- rel="noopener noreferrer"
- >
- pronoun.is/he/him</a>.
- <br>
- My email is
- <a href="mailto:o5pxels@gmail.com">o5pxels@gmail.com</a>.
- </p>
- <p>
- Welcome to my website.
+ <h1>Dylan Bolger</h1>
+ <p id="position">Junior Software Developer at O'Reilly Auto Parts
+ <p id="about">I'm Dylan, a 21-year-old Missouri State University student majoring in Computer Science, and minoring in Mathematics. My favorite coding languages are C, JavaScript, and Java.
+ <p id="email">Feel free to explore my projects below, <a href="mailto:dylan@fivepixels.me">connect with me</a>, or <a href="https://fivepixels.me/about.html">learn more about me</a>.</p>
</p>
</section>
<section id="projects">
<h1>Projects</h1>
<p id="description">
- Projects are listed from most recently to least recently created.
+ Projects are listed from most recently to least recently created in their respective categories.
</p>
- <div class="project objc">
- <h2>Recte</h2>
- <p>
- A jailbreak tweak to remove the accessory view from the Pandora app.
- </p>
- <a href="https://github.com/FivePixels/recte">Source code</a>
- </div>
+ <h2>Web</h2>
<div class="project streamfinder">
- <h2>StreamFinder</h2>
+ <h3>StreamFinder</h3>
+ <a href="https://devpost.com/software/streamfinder">
+ Devpost project
+ </a>
<p>A website that finds streaming platforms (Hulu, Netflix, etc.) to stream your favorite content.</p>
<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>Winner of <i>Best Domain Registered with Domain.com</i></p>
<a href="https://github.com/FivePixels/StreamFinder">
- Source code</a>
+ Source</a>
<br>
- <a href="https://devpost.com/software/streamfinder">
- Devpost project
- </a>
</div>
<div class="project htmlcss">
- <h2>fivepixels.me</h2>
+ <h3>fivepixels.me</h3>
<p>
My website (the one you are looking at right now).
</p>
@@ -108,30 +88,40 @@ Source code
</a>
</div>
+ <h2>Discord</h2>
<div class="project js">
- <h2>Tribble</h2>
+ <h3>Tribble</h3>
<p>
A discord.js payment bot that creates tickets and automatically
validates payments using the Gmail API.
</p>
<a href="https://github.com/FivePixels/Tribble">Source code</a>
</div>
+ <h2>Spotify</h2>
<div class="project css">
- <h2>Tidal</h2>
+ <h3>Tidal</h3>
<p>A Spotify theme based on Tidal's user interface.</p>
<a href="https://github.com/FivePixels/Tidal">Source code (v2)</a>
<br>
<a href="https://github.com/FivePixels/Tidal_Legacy">Source code (Legacy)</a>
</div>
+ <h2>iOS and macOS</h2>
+ <div class="project objc">
+ <h3>Recte</h3>
+ <p>
+ A jailbreak tweak to remove the accessory view from the Pandora app.
+ </p>
+ <a href="https://github.com/FivePixels/recte">Source code</a>
+ </div>
<div class="project objc">
- <h2>Finical</h2>
+ <h3>Finical</h3>
<p>
A jailbreak tweak to let you swipe away the lockscreen media player.
</p>
<a href="https://github.com/FivePixels/Finical">Source code</a>
</div>
<div class="project objc">
- <h2>Intemperate</h2>
+ <h3>Intemperate</h3>
<p>
A jailbreak tweak to bypass the thermal lockdown mode when an iPhone
reaches a temperature threshold.
@@ -139,14 +129,14 @@ <a href="https://github.com/FivePixels/Intemperate">Source code</a>
</div>
<div class="project objc">
- <h2>Signate</h2>
+ <h3>Signate</h3>
<p>
A jailbreak tweak to display device uptime on the lockscreen.
</p>
<a href="https://github.com/FivePixels/Signate">Source code</a>
</div>
<div class="project swift">
- <h2>dwa140shortcut</h2>
+ <h3>dwa140shortcut</h3>
<p>
A shortcut application for designed for Hackintosh machines using the
DWA-140 preference pane.
diff --git a/resume.html b/resume.html index e69de29..fc91ce8 100644 --- a/resume.html +++ b/resume.html @@ -0,0 +1,61 @@ +<html> + <head> + <title>FivePixels</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="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> + <ul id="nav"> + <li><a href="about.html">About Me</a></li> + <li> + <a + href="https://blog.fivepixels.me" + target="_blank" + rel="noopener noreferrer" + > + Blog + </a> + </li> + <li> + <a + href="https://git.fivepixels.me" + target="_blank" + rel="noopener noreferrer" + >Git</a> / + <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="index.html">Home</a></li> + </ul> + </header> + <section id=resume> + <h1>Resume</h1> + <p id="resume"><a href="assets/pdf/resume.pdf">Click here to view my resume</a></p> + </section> + </body> +</html> |