aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat
-rw-r--r--assets/css/main.css243
-rw-r--r--index.html212
-rw-r--r--now.html22
3 files changed, 184 insertions, 293 deletions
diff --git a/assets/css/main.css b/assets/css/main.css
index e31408d..1e387b5 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -17,217 +17,136 @@
url('../fonts/source-code-pro-v14-latin-regular.ttf') format('truetype'),
/* Safari, Android, iOS */
url('../fonts/source-code-pro-v14-latin-regular.svg#SourceCodePro') format('svg');
- /* Legacy iOS */
-}
-
-/* source-sans-pro-regular - latin */
-@font-face {
- font-family: 'Source Sans Pro';
- font-style: normal;
- font-weight: 400;
- src: url('../fonts/source-sans-pro-v14-latin-regular.eot');
- /* IE9 Compact Modes */
- src: local(''),
- url('../fonts/source-sans-pro-v14-latin-regular.eot?#iefix') format('embedded-opentype'),
- /* IE6-IE8 */
- url('../fonts/source-sans-pro-v14-latin-regular.woff2') format('woff2'),
- /* Super Modern Browsers */
- url('../fonts/source-sans-pro-v14-latin-regular.woff') format('woff'),
- /* Modern Browsers */
- url('../fonts/source-sans-pro-v14-latin-regular.ttf') format('truetype'),
- /* Safari, Android, iOS */
- url('../fonts/source-sans-pro-v14-latin-regular.svg#SourceSansPro') format('svg');
- /* Legacy iOS */
-}
-
-ul#nav {
- list-style-type: none;
- padding: 0;
- margin: 0;
- display: flex;
-}
-
-body#home header ul#nav {
- width: 550px;
-}
-
-body#about header ul#nav {
- width: 450px;
-}
-
-ul#nav li {
- font-size: 16px;
- width: 25%;
- /* Four equal-width links. If you have two links, use 50%, and 33.33% for three links, etc.. */
- /* If you want the text to be centered */
- text-align: left;
- white-space: nowrap;
-}
-
-p#position {
- font-size: 16px;
-}
-
-body#home {
- max-width: 600px;
-}
-
-body#about {
- max-width: 600px;
-}
-
-li.nostyle {
- list-style-type: none;
+/* Add a black background color to the top navigation */
}
body {
- font-size: 14px;
- margin: 0 auto;
+ max-width: 80% !important; /* sorry water.css */
}
-p {
- font-family: 'Source Sans Pro';
+.topnav {
+ background-color: #333;
+ overflow: hidden;
}
-section#resume h1:after {
- content: ' // Dylan Bolger';
- color: #d3d3d3;
+* {
+ font-family: 'Source Code Pro';
}
-section#intro h1:after {
- content: ' // Software Engineer';
- color: #d3d3d3;
+/* Style the links inside the navigation bar */
+.topnav a, .topnav p {
+ float: left;
+ color: #f2f2f2;
+ text-align: center;
+ padding: 14px 16px;
+ text-decoration: none;
+ font-size: 17px;
+ margin: 0;
}
-div.project.cura h3:after {
- font-style: normal;
- content: ' # Python (FastAPI), requests';
- color: #d3d3d3;
+/* Change the color of links on hover */
+.topnav a:hover {
+ background-color: #ddd;
+ color: black;
+ text-decoration: none;
}
-div.project.strengthy h3:after {
- font-style: normal;
- content: ' # Python (Flask), HTML, CSS and JS';
- color: #d3d3d3;
-}
-div.project.streamfinder h3:after {
- font-style: normal;
- content: ' // Node.js, Angular, MongoDB, Puppeteer';
- font-size: 0.82em;
- color: #d3d3d3;
+ul.experience {
+ padding-left: 0;
}
-div.project.js h3:after {
- font-style: normal;
- content: ' // JavaScript';
- color: #d3d3d3;
+li.experience-item {
+ list-style: none;
+ padding-left: 0;
+ font-size: 20px;
}
-div.project.shell h3:after {
- font-style: normal;
- content: ' # Shell';
- color: #d3d3d3;
+span.exp-title {
+ font-weight: bold;
}
-div.project.css h3:after {
- font-style: normal;
- content: ' /* CSS */';
- color: #d3d3d3;
+span.exp-sub-title {
+ font-size: 14px;
}
-div.project.htmlcss h3:after {
- font-style: normal;
- content: ' <!-- HTML and CSS -->';
- color: #d3d3d3;
+div.exp-title-company-top {
+ margin-top: 10px;
}
-div.project.swift h3:after {
- font-style: normal;
- content: ' // Swift';
- color: #d3d3d3;
+div.exp-title-company, div.exp-skills-dates {
+ display: flex;
+ justify-content: space-between;
+ align-items: baseline;
+ margin-bottom: 4px;
}
-div.project.objc h3:after {
- font-style: normal;
- content: ' // Objective-C';
- color: #d3d3d3;
+li.project {
+ margin-bottom: 10px;
}
-div.project a {
- font-family: 'Source Code Pro';
+div.project-desc {
+ font-size: 16px;
}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
- font-family: 'Source Code Pro';
+div.project-title-stack {
+ display: flex;
+ justify-content: space-between;
+ align-items: baseline;
+ margin-bottom: 6px;
}
-a {
- color: blue;
+span.exp-company {
+ text-align: right;
+ padding-bottom: 0;
+ margin-bottom: 0;
+ font-weight: bold;
}
-a:active {
- color: gray;
+li.project {
+ list-style: none;
+ font-size: 20px;
}
-section {
- padding-bottom: 50px;
- line-height: 20px;
+span.project-title {
+ font-weight: bold;
}
-div.project {
- margin-bottom: 1.4em;
+span.exp-date {
+ font-weight: bold;
+ font-size: 16px;
}
-div.project h2 {
- font-style: italic;
+span.exp-skills {
+ margin-left: 0px;
+ font-size: 16px;
}
-section#projects p#description {
- margin-bottom: 1.5em;
-}
-header {
- padding-left: 0px;
- margin: auto;
+p.umami {
+ font-size: 12px;
+ color: #64748b;
}
-/*make uls clean*/
-section ul {
- padding-left: 0px;
- list-style-type: none;
- line-height: 20px;
+/* Add a color to the active/current link */
+.topnav a.active {
+ background-color: gray;
+ color: white;
}
-div.project h1 {
- margin-bottom: 200px;
+/* Right-aligned section inside the top navigation */
+.topnav-right {
+ float: right;
}
-section h1 {
- font-weight: bold;
- font-size: 28px;
- line-height: 30px;
+ul.navlist {
+ display: flex;
+ list-style: none;
+ width: 100%;
+ margin: 0;
+ padding: 0;
}
-@media (prefers-color-scheme: dark) {
- html {
- background-color: #313134;
- }
-
- body {
- color: white;
- }
-
- a {
- color: #0074d9;
- }
-
- a:hover {
- color: white;
- }
+li.left-item {
+ margin-right: auto;
}
diff --git a/index.html b/index.html
index db11bb4..01cf74b 100644
--- a/index.html
+++ b/index.html
@@ -19,136 +19,106 @@
<script defer src="https://www.umami.dbolger.dev/script.js" data-website-id="5706a92f-f6bc-4a67-86f8-5bae82810f95"></script>
</head>
+<nav id="nav" class="topnav">
+ <a class="active" href="">Dylan Bolger</a>
+ <p>Software Engineer</p>
+ <div class="topnav-right">
+ <a href="#Experience">Experience</a>
+ <a href="#Projects">Projects</a>
+ <a href="https://blog.dbolger.dev">Blog</a>
+ <a href="https://git.dbolger.dev">Git</a>
+ <a href="assets/pdf/resume.pdf">Resume</a>
+ </div>
+</nav>
+
<body id="home">
- <header>
- <ul id="nav">
- <li><a href="https://blog.dbolger.dev/blog" target="_blank" rel="noopener noreferrer">Blog</a></li>
- <li><a href="https://git.dbolger.dev" target="_blank" rel="noopener noreferrer">cgit</a></li>
- <li><a href="assets/pdf/resume.pdf">Résumé</a></li>
- </ul>
- </header>
<section id="intro">
- <h1>Dylan Bolger</h1>
- <p id="about">
- Hey, I'm Dylan. I'm a Software Engineer primarily writing Java. For fun I like to automate things in my home, deploy docker containers, ride bikes, and drink coffee.
- If you'd like to learn more about me, check out my blog where I mainly ramble about the projects I'm working on.
- </p>
- <p>
- Want to know what I'm up to <i>right now</i>? Check out my <a href="https://dbolger.dev/now.html">/now</a> page!
- </p>
- <p>
- <b>Note:</b> My website uses <a href="https://umami.is">Umami</a> for gathering web analytics. This data is stored in my local server, is not shared with any third parties, and is strictly used to count visits to my pages. If you aren't interested in sharing that data, you can use a content blocker to block the <a href="https://www.umami.dbolger.dev/script.js">script.js</a> from loading in.
- </p>
- </section>
- <section id="projects">
- <h1>Projects</h1>
- <p id="description">
- Projects are listed from most recently to least recently created in their respective categories.
- </p>
- <h2>Scripts</h2>
- <div class="project shell">
- <h3>pip-to-python-packages</h3>
- <p>A helper script to move existing pip packages installed to Python packages from the AUR or the offical
- Arch Linux repositories.</p>
- <a href="https://git.dbolger.dev/pip-to-python-packages">
- Source</a>
- <br>
- </div>
- <h2>Statistics</h2>
- <div class="project">
- <h3>Testing normality in random variables with QQ-plots and estimating the parameter λ in the Poisson
- Distribution </h3>
- <p><i>This project was a submission for MTH345 Fall 2022 at Missouri State University. </i></p>
- <a href="assets/pdf/mth345project.pdf">
- View Document</a>
- <br>
- </div>
- <h2>Web</h2>
- <div class="project cura">
- <h3>city-utilities-restful-wrapper</h3>
- <p>A RESTful API wrapping my energy service provider to gather energy usage data in Home Assistant.</p>
- <p><i></i></p>
- <a href="https://git.dbolger.dev/city-utilities-restful-wrapper">
- Source</a>
- <br>
- </div>
- <div class="project strengthy">
- <h3>Strengthy</h3>
- <p>A fitness tracking webapp</p>
- <p><i>This project was a group submission for CSC450 Spring 2022 at Missouri State University. </i></p>
- <a href="https://git.dbolger.dev/Strengthy">
- Source</a>
- <br>
- </div>
- <div class="project streamfinder">
- <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://git.dbolger.dev/StreamFinder">
- Source</a>
- <br>
- </div>
- <div class="project htmlcss">
- <h3>dbolger.dev</h3>
- <p>
- My website (the one you are looking at right now).
+ <div class="intro-left">
+ <p id="about">
+ Hey, I'm Dylan.
</p>
- <a href="https://git.dbolger.dev/personal-website/">
- Source code
- </a>
- </div>
- <h2>Spotify</h2>
- <div class="project css">
- <h3>Tidal</h3>
- <p>A Spotify theme based on Tidal's user interface.</p>
- <a href="https://git.dbolger.dev/Tidal">Source code (v2)</a>
- <br>
- <a href="https://git.dbolger.dev/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.
+ I'm a Software Engineer <b>writing</b> and <b>drinking</b> Java on a daily basis!
</p>
- <a href="https://git.dbolger.dev/recte">Source code</a>
- </div>
- <div class="project objc">
- <h3>Finical</h3>
- <p>
- A jailbreak tweak to let you swipe away the lockscreen media player.
- </p>
- <a href="https://git.dbolger.dev/finical">Source code</a>
- </div>
- <div class="project objc">
- <h3>Intemperate</h3>
- <p>
- A jailbreak tweak to bypass the thermal lockdown mode when an iPhone
- reaches a temperature threshold.
+ <p>In my free time, I like to ride my bikes, make espresso, read, and very occasionally write.
</p>
- <a href="https://git.dbolger.dev/intemperate">Source code</a>
- </div>
- <div class="project objc">
- <h3>Signate</h3>
<p>
- A jailbreak tweak to display device uptime on the lockscreen.
+ Want to know what I'm up to <i>right now</i>? Check out my <a href="now.html">/now</a> page!
</p>
- <a href="https://git.dbolger.dev/signate">Source code</a>
- </div>
- <div class="project swift">
- <h3>dwa140shortcut</h3>
- <p>
- A shortcut application for designed for Hackintosh machines using the
- DWA-140 preference pane.
- </p>
- <a href="https://git.dbolger.dev/dwa140shortcut">Source code</a>
</div>
</section>
+ <section id="Experience">
+ <h1>Experience</h1>
+ <p>Titles, skills, and companies I've acquired professional experience from.</p>
+ <ul class="experience">
+ <li class="experience-item">
+ <div class="exp-title-company">
+ <span class="exp-title">Software Engineer II</span>
+ <span class="exp-company">O'Reilly Auto Parts</span>
+ </div>
+ <div class="exp-title-company">
+ <span class="exp-date">May 2021 - Present</span>
+ </div>
+ <div class="exp-title-company exp-title-company-top">
+ <span class="exp-sub-title">Software Engineer I</span>
+ </div>
+ <div class="exp-title-company">
+ <span class="exp-sub-title">Software Developer II</span>
+ </div>
+ <div class="exp-title-company">
+ <span class="exp-sub-title">Software Developer I</span>
+ </div>
+ <div class="exp-title-company">
+ <span class="exp-sub-title">Junior Software Developer</span>
+ </div>
+ <div class="exp-title-company">
+ <span class="exp-sub-title">Software Developer Intern</span>
+ </div>
+ <div class="exp-skills-dates">
+ <span></span>
+ <span class="exp-skills">Java, Spring Boot, JavaFX, PostgreSQL, Gradle, OpenAPI, Jenkins, Artifactory, REST APIs, JUnit, Spock Framework, JAX-RS/CXF</span>
+ </div>
+ </li>
+ </ul>
+ </section>
+ <section class="projects">
+ <h1>Projects</h1>
+ <p>Personal projects I've created in my free time. Source code for these projects are hosted on my personal <a href="https://git.dbolger.dev">cgit</a> instance.</p>
+ <li class="project">
+ <div class="project-title-stack">
+ <span class="project-title">
+ <a href="https://git.dbolger.dev/city-utilities-restful-wrapper/">city-utilities-restful-wrapper</a>
+ </span>
+ <span class="project-stack">Python, FastAPI</span>
+ </div>
+ <div class="project-desc">
+ REST service for gathering utility usage data from my utility provider <a href="https://www.cityutilities.net/">City Utilities</a>
+ </div>
+ </li>
+ <li class="project">
+ <div class="project-title-stack">
+ <span class="project-title">
+ <a href="https://git.dbolger.dev/personal-website/">personal-website</a>
+ </span>
+ <span class="project-stack">HTML, CSS</span>
+ </div>
+ <div class="project-desc">
+ <div>
+ Website used to present my experience, projects, and act as a landing page for anyone interested in knowing about me
+ </div>
+ <div>
+ Written with no JavaScript in mind, using pure HTML, CSS, and loading <a
+ href="https://watercss.kognise.dev/">water.css</a> for a fast and fluid experience
+ </div>
+ </div>
+ </li>
+ </section>
</body>
-
+<footer>
+</footer>
+ <p class="umami">
+ <b><u>Disclaimer</u>:</b> My website uses the open-source software <a href="https://umami.is">Umami</a> for collecting analytics about users accessing my website.
+ This data is stored in my local server, is not shared with any third parties, and is strictly only used for my personal purposes (reviewing page counts, retention time, etc.).
+ If you don't want to share this data, feel free to use a content blocker to prevent the <a href="https://www.umami.dbolger.dev/script.js">script.js</a> from loading in.
+ </p>
</html>
diff --git a/now.html b/now.html
index 02eb3ca..c9e71d8 100644
--- a/now.html
+++ b/now.html
@@ -18,18 +18,20 @@
<script defer src="https://www.umami.dbolger.dev/script.js" data-website-id="5706a92f-f6bc-4a67-86f8-5bae82810f95"></script>
</head>
+<nav id="nav" class="topnav">
+ <a href="index.html">Dylan Bolger</a>
+ <a class="active" href="#projects">Now</a>
+ <div class="topnav-right">
+ <a href="index.html#Experience">Experience</a>
+ <a href="index.html#Projects">Projects</a>
+ <a href="https://blog.dbolger.dev">Blog</a>
+ <a href="https://git.dbolger.dev">Git</a>
+ <a href="assets/pdf/resume.pdf">Resume</a>
+ </div>
+</nav>
+
<body id="home">
- <header>
- <ul id="nav">
- <li><a href="https://blog.dbolger.dev/blog" target="_blank" rel="noopener noreferrer">Blog</a></li>
- <li><a href="https://git.dbolger.dev" target="_blank" rel="noopener noreferrer">cgit</a></li>
- <li><a href="assets/pdf/resume.pdf">Résumé</a></li>
- </ul>
- </header>
<section id="now">
- <p>
- <a href="https://dbolger.dev">< Back to homepage</a>
- </p>
<h1>Now</h1>
<p>
Welcome to my "now" page, which I'll be using to tell you how I'm currently doing,
generated by cgit v1.2.3 (git 2.25.1) at 2026-08-31 06:53:07 +0000