diff --git a/homepage/website/about.html b/homepage/website/about.html index 0533c60..ccdaaf5 100644 --- a/homepage/website/about.html +++ b/homepage/website/about.html @@ -17,20 +17,28 @@
-
+

About

PWS is a homelabbing project that has taught me much about Linux, hardware, networking, and security practices. I use it to host a variety of self-created projects, open source software, and anything that piques my interest.

+

The v1 implementation of PWS was named Whitney, after the mountain in California. The original hardware was sourced from my old desktop PC, which was made completely of hand-me-down parts, and was housed in an old server case that was e-wasted by my college. This initial build was definitely on the "janky" side, featuring an unmounted power supply in the optical bay, secured only by some green yarn. (Fire hazard, anyone?)

+ Whitney +

I ran a lot of services from this box - my personal website/online resume, side projects, a Covid-19 data tracker, game servers, and a lot of other projects that taught me lessons in DNS config, networking, maintaining persistent storage and others.

+

But eventually I started running up against the limits of the box. The machine's CPU was released in 2008, which was indicative of the age of most of its hardware. After spending a lot of work on the original Whitney config in the first repo, I decided that I had learned enough to warrant an upgrade.

+

The v2 upgrade to PWS was given the nickname of "Olomana", a second step in this pattern of mountainous server names. Mount Olomana is a mountain on the windward side of Oahu. It has 3 peaks which are are a popular, albeit difficult and dangerous hike. While visiting family in Kailua, I hiked the Ko'olau range and snapped this picture of the rarely seen backside of Mount Olomana.

+ Mount Olomana +

Olomana, the web server, is a significant upgrade over its predecessor. I've built it as a 4U rack-mounted machine with modern components. It's now mounted in a 16U rack, with a UPS and mesh network node close by. Critical resources like RAM and CPU cores are now a little more abundant, and I've set up the ZFS filesystem to provide redundancy against the power outages that occasionally would corrupt drive on the original PWS.

+ Olomana +

I'm super happy with the rebuild, and would encourage anyone with similar interests to jump in and give homelabbing a try for themselves.

- - + \ No newline at end of file diff --git a/homepage/website/index.html b/homepage/website/index.html index 6f20919..4ba9ebb 100644 --- a/homepage/website/index.html +++ b/homepage/website/index.html @@ -33,15 +33,14 @@ - - + \ No newline at end of file diff --git a/homepage/website/services.html b/homepage/website/services.html index c180848..054135c 100644 --- a/homepage/website/services.html +++ b/homepage/website/services.html @@ -26,31 +26,70 @@
- Service Image 1 + Gitea
-

Service Title 1

-

Coming soon

+

Gitea Private

+

I usually host code on Github, but for personal projects or my own IP, I self host. Some repos are mirrored to Github.

- Service Image 2 + Covid Tracker
-

Service Title 2

-

Coming soon

+

Covid Tracker Public

+

This was a coding project that my dad and I worked on during covid. He wanted to do some data analysis to fact check what was reported on about the covid rates. I wanted some practice with hosting web applications on PWS v1, and hosted the covid tracker website for him on PWS.

+

The website renders various charts, tables, and dashboards by interest. It additionally has a few "Checker" utilities to compare cases across cities and availability within hospitals.

+

Unfortunately, as of 2024, the US government website we scraped data for has stopped sharing information, and unfortunately this marks the end for this project. However, we still run it on PWS with the most recent batch of data.

+

Some stretch goals for this project include caching with Nginx, or converting it to a different framework like Observable.

- -
-
- - + + \ No newline at end of file diff --git a/homepage/website/static/about/mount-olomana.jpg b/homepage/website/static/about/mount-olomana.jpg new file mode 100644 index 0000000..63db5e6 Binary files /dev/null and b/homepage/website/static/about/mount-olomana.jpg differ diff --git a/homepage/website/static/about/olomana.jpg b/homepage/website/static/about/olomana.jpg new file mode 100644 index 0000000..1772ab8 Binary files /dev/null and b/homepage/website/static/about/olomana.jpg differ diff --git a/homepage/website/static/about/whitney.jpg b/homepage/website/static/about/whitney.jpg new file mode 100644 index 0000000..4e8d60f Binary files /dev/null and b/homepage/website/static/about/whitney.jpg differ diff --git a/homepage/website/static/image.png b/homepage/website/static/image.png deleted file mode 100644 index d54e2fa..0000000 Binary files a/homepage/website/static/image.png and /dev/null differ diff --git a/homepage/website/static/services/covid-tracker.png b/homepage/website/static/services/covid-tracker.png new file mode 100644 index 0000000..1b164a7 Binary files /dev/null and b/homepage/website/static/services/covid-tracker.png differ diff --git a/homepage/website/static/services/discord.png b/homepage/website/static/services/discord.png new file mode 100644 index 0000000..f263f64 Binary files /dev/null and b/homepage/website/static/services/discord.png differ diff --git a/homepage/website/static/services/gitea.png b/homepage/website/static/services/gitea.png new file mode 100644 index 0000000..7017c35 Binary files /dev/null and b/homepage/website/static/services/gitea.png differ diff --git a/homepage/website/static/services/minecraft.png b/homepage/website/static/services/minecraft.png new file mode 100644 index 0000000..a31fa4e Binary files /dev/null and b/homepage/website/static/services/minecraft.png differ diff --git a/homepage/website/static/services/photoprism.png b/homepage/website/static/services/photoprism.png new file mode 100644 index 0000000..91b9216 Binary files /dev/null and b/homepage/website/static/services/photoprism.png differ diff --git a/homepage/website/static/services/plex.png b/homepage/website/static/services/plex.png new file mode 100644 index 0000000..9ed4599 Binary files /dev/null and b/homepage/website/static/services/plex.png differ diff --git a/homepage/website/static/services/recipes.png b/homepage/website/static/services/recipes.png new file mode 100644 index 0000000..24b872a Binary files /dev/null and b/homepage/website/static/services/recipes.png differ diff --git a/homepage/website/styles.css b/homepage/website/styles.css index 6e8f7be..07d2f1b 100644 --- a/homepage/website/styles.css +++ b/homepage/website/styles.css @@ -1,4 +1,5 @@ body { + height: 100%; font-family: 'Roboto', sans-serif; margin: 0; padding: 0; @@ -11,6 +12,12 @@ body { margin: 0 auto; } +.container-with-footer-padding { + width: 80%; + margin: 0 auto; + padding-bottom: 60px; +} + header { background-color: #333333; color: #FFFFFF; @@ -45,6 +52,13 @@ header nav ul li a { font-weight: 500; } +.blog-image { + width: 50%; + height: auto; + border: 2px solid black; + border-radius: 5px; +} + .nav-button { display: inline-block; padding: 10px 20px; @@ -56,6 +70,32 @@ header nav ul li a { transition: background-color 0.3s ease; } +.service-entry { + padding-bottom: 60px; +} + +.service-public-status { + display: inline; + padding: 10px 20px; + background-color: #1daa0a; + color: #240f0f; + text-decoration: none; + font-weight: 600; + border-radius: 5px; + transition: background-color 0.3s ease; +} + +.service-private-status { + display: inline; + padding: 10px 20px; + background-color: #c72424; + color: #240f0f; + text-decoration: none; + font-weight: 600; + border-radius: 5px; + transition: background-color 0.3s ease; +} + .nav-button:hover { background-color: #cf5416; }