86 lines
6.6 KiB
HTML
86 lines
6.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>About</title>
|
|
<link rel="stylesheet" href="/css/style.css">
|
|
<link rel="icon" href="/images/nolanLogo.png">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Balthazar&family=Germania+One&display=swap" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css2?family=Germania+One&display=swap" rel="stylesheet">
|
|
<script src="/js/colors.js"></script>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<a href="/index.html" class="logo"><img class="header-logo" src="/images/nolanLogo.png" alt="Nolan Casey logo"></a>
|
|
<a href="/index.html" class="header-button">Link Hub</a>
|
|
<button type="button" id="brightness" onclick="toggleBrightness()"><img id="brightness-icon" src="/images/darkMode.png" alt=""></button>
|
|
</header>
|
|
<div class="spacer"></div>
|
|
<div class="box vflex thin">
|
|
<h1>About</h1>
|
|
<hr>
|
|
<br>
|
|
<div>
|
|
<h3 class="left">Overview</h3>
|
|
<hr class="left">
|
|
<img src="/images/nerd.jpg" alt="Photo of Nolan Casey" class="about-image-v lfloat">
|
|
<p class="left">
|
|
Hi! My name is Nolan Casey. This website is developed and hosted by me, all on my own hardware! I made it to serve a couple of purposes. <br><br>
|
|
First, I wanted a hub for all of my self-hosted services. Rather than remembering port numbers and IPs, I figured it would be easier
|
|
to set up a reverse proxy with a website with links to everything. <br><br>
|
|
Second, I wanted a place for recruiters to see what I can actually do. That is the major reason for this about page and the portfolio page.
|
|
</p>
|
|
</div>
|
|
<br>
|
|
<div>
|
|
<h3 class="right">About Me</h3>
|
|
<hr class="right">
|
|
<img src="/images/extra-nerd.jpg" alt="Photo of Nolan Casey" class="about-image-h right">
|
|
<p class="right">
|
|
I am a computer science major and will be graduating from Michigan Tech in December of 2025. I live in Ithaca, Michigan, also known as
|
|
the big corn field in the middle of Michigan. I am a pretty big nerd, considering my hobbies are programming, video games, D&D, and
|
|
managing linux servers and services, but I also enjoy hiking and camping. <br><br>
|
|
I have worked in IT for about 3 years, from both high school and college, and I have had 3 software development internships at Nexteer
|
|
Automotive. I also have an undergraduate research position working on augmented reality keyboards. For more specifics, see my
|
|
<a href="/etc/FancyResume.pdf" target="_blank">resume</a>.<br><br>
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<h3 class="left">Services</h3>
|
|
<hr class="left">
|
|
<p class="left">
|
|
Many of the services I have running are not self-explanatory by their names, and I also want to give credit to those who made them,
|
|
so here I will cover the different services I host. <br><br>
|
|
<a href="https://github.com/advplyr/audiobookshelf" target="_blank" rel="noopener noreferrer">Audiobookshelf</a> is one of the few self-explanatory
|
|
services here. It is a bookshelf for audiobooks. It has a ton of features and a mobile app, so if you have audiobooks that you want to
|
|
host, I highly recommend this. <br><br>
|
|
<a href="https://gitea.nolancasey.click" target="_blank" rel="noopener noreferrer">Gitea</a> is a self-hosted github alternative. It focuses on
|
|
being lightweight and simple to use. It is what I use for my personal repositories. If you want to browse my repositories, click on the 'Explore'
|
|
option in the Gitea menu. This will show all of my public repositories. <br><br>
|
|
<a href="https://github.com/immich-app/immich" target="_blank" rel="noopener noreferrer">Immich</a> is a self-hosted alternative to Google
|
|
Photos, and does a really good job at it. Both the UI and featureset are almost identical to Google's solution, but this one is controlled
|
|
by you. <br><br>
|
|
<a href="https://github.com/jellyfin/jellyfin" target="_blank" rel="noopener noreferrer">Jellyfin</a> is a self-hosted streaming service. It
|
|
supports things like movies, shows, music, and more. It is really useful for backing up your DvD and CD collection, and lets you access them
|
|
anywhere. <br><br>
|
|
<a href="https://github.com/nextcloud" target="_blank" rel="noopener noreferrer">Nextcloud</a> is almost a google services replacement. I use
|
|
it for hosting large files to send to people, but it comes built-in with things like folder sync, calendar, photos, and a lot more. There is
|
|
also a plugin manager to add even more features than it has by default.
|
|
</p>
|
|
</div>
|
|
<br>
|
|
</div>
|
|
<br>
|
|
<div class="box hflex thin">
|
|
<a href="https://github.com/nc5432" class="site-icon" target="_blank"><img class="icon-image" src="/images/github-mark-white.svg" alt="Github link"></a>
|
|
<a href="https://gitea.nolancasey.click" class="site-icon" target="_blank"><img class="icon-image" src="/images/Gitea_Logo.svg" alt="Gitea link"></a>
|
|
<a href="https://www.codewars.com/users/nc543" class="site-icon" target="_blank"><img src="/images/codewars.svg" alt="Codewars link" class="icon-image"></a>
|
|
<a href="https://nc543.itch.io/" class="site-icon" target="_blank"><img src="/images/itchio-logo-textless-white.svg" alt="Itch.io link" class="icon-image"></a>
|
|
<a href="https://steamcommunity.com/id/nukgroik/" class="site-icon" target="_blank"><img src="/images/steam.png" alt="Steam link" class="icon-image"></a>
|
|
<a href="https://www.linkedin.com/in/nolan-casey-25a32a288/" class="site-icon" target="_blank"><img src="/images/LI-In-Bug.png" alt="Linkedin link" class="icon-image"></a>
|
|
</div>
|
|
</body>
|
|
</html> |