From 8ad964ad516a1ebe7c66df2d4b5d0a369435b520 Mon Sep 17 00:00:00 2001 From: Xander Bazzi Date: Tue, 2 Apr 2024 21:13:07 -0600 Subject: [PATCH] fix(0.5.0): Clean up CSS/html and add footer.js. --- assets/scripts/footer.js | 15 +++ assets/style/style.css | 15 +-- changelog.md | 10 +- homenetwork.html | 265 ++++++++++++++++++++++----------------- index.html | 44 +++---- website.html | 23 +--- 6 files changed, 204 insertions(+), 168 deletions(-) create mode 100644 assets/scripts/footer.js diff --git a/assets/scripts/footer.js b/assets/scripts/footer.js new file mode 100644 index 0000000..61c13ca --- /dev/null +++ b/assets/scripts/footer.js @@ -0,0 +1,15 @@ +//document.addEventListener('DOMContentLoaded', (event) => { +// var footerHtml = ` +// +// `; +// +// // Insert the footer after the +//}); +document.addEventListener('DOMContentLoaded', function() { + document.getElementById('footer').innerHTML = ` + This site was built with plain old html, css, and javascript. Maybe I'll touch a framework sometime. + `; + +}); diff --git a/assets/style/style.css b/assets/style/style.css index 18a5969..617885d 100644 --- a/assets/style/style.css +++ b/assets/style/style.css @@ -54,10 +54,9 @@ ul { } .blog-image { - width: 30%; + width: 100%; display: block; margin: 0 auto; - } .topbar { @@ -84,6 +83,7 @@ p.blog { #container a { color:var(--link-color); + text-decoration: none; } .topbar img { @@ -132,13 +132,6 @@ aside { font-style: italic; } - -.diagram { - width: 100%; - display: block; - margin: 0 auto; -} - .sidebar-container { /*border:var(--border);*/ /*margin-top: var(--content-spacing);*/ @@ -249,6 +242,10 @@ code { font-size: 14px; } +caption { + font-weight: bold; +} + footer { background-color: rgb(70, 70, 70); height:5%; diff --git a/changelog.md b/changelog.md index 8288a4d..80fecfb 100644 --- a/changelog.md +++ b/changelog.md @@ -4,7 +4,15 @@ All notable changes to this site will be documented in this file. The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/) and the versioning is consistent with [Semantic Versioning](https://semver.org/). -## [0.4.0] - 2024-04-1 +## [0.5.0] - 2024-04-02 +### Added +- footer.js script to dynamically load the footer with js. + +### Changed +- Some CSS stuff +- Cleaned up index.html and worked on the wording for homenetwork.html. + +## [0.4.0] - 2024-04-01 ### Added - Cyware RSS feed. - New project page: Overengineered Static Site. diff --git a/homenetwork.html b/homenetwork.html index dc57826..10ef793 100644 --- a/homenetwork.html +++ b/homenetwork.html @@ -1,122 +1,163 @@ - - - xbazzi.com - - - - + + xbazzi.com + + + + + + + + + + + + - - - - - - - + +
+
+
- -
-
-
- -
-
-
- ../ - homenetwork.html -
-
-

Datacenter at Home

-
Written by Xander Bazzi on 24-03-12.
-
- Embarking on a homelab journey often starts with a spark of curiosity and a dash of ambition. For me, it began as a playful experiment with declarative deployments and container orchestration but swiftly evolved into an essential part of my daily life. This transformation wasn't just about growth in scale; it was about creating a robust infrastructure capable of supporting my day-to-day digital needs with resilience and efficiency. Let's delve deeper into the intricacies of my homelab setup, a testament to the power of hyper-converged infrastructure and the meticulous engineering that sustains it. -
-
- - At the heart of my setup are three physical servers, each playing a pivotal role in the orchestration of my digital domain. These servers are powered by Proxmox Virtual Environment, a versatile hypervisor that underpins the entire infrastructure. Proxmox's flexibility and efficiency make it the perfect candidate for running a variety of virtual machines and containers, tailored to my specific requirements. One server, distinct with its 6-slot HDD bay, is the stronghold of my data storage capabilities, hosting a TrueNAS instance. This virtualized environment is not just about storage; it's about reliable, accessible, and secure data management. -
-
- - Another server in the stack is dedicated to networking, running an OPNsense appliance that oversees firewalling and routing. This setup ensures that my network is not only secure from external threats but also smartly managed to facilitate seamless communication between different services and devices. The backbone of this interconnected ecosystem is a trio of servers, each hosting k3s master/worker Debian nodes. These nodes are provisioned declaratively with Ansible, leveraging a GitOps workflow through Flux. This methodological approach ensures consistency, reproducibility, and scalability, allowing the infrastructure to evolve without compromising reliability. -
-
- -
-
- Connectivity within this homelab is nothing short of revolutionary, with each server equipped with 10Gbps SFP+ NICs. The inclusion of a Juniper EX3300 L3 switch, featuring 4 SFP+ 10Gbps slots, elevates the network's data transfer capabilities, ensuring that high-speed connectivity is not just a luxury but a standard. This setup facilitates incredibly fast LAN speeds, making large-file data transfers and backup restorations a breeze. -
-
- - Storage solutions within this homelab are meticulously engineered, with TrueNAS serving as the cornerstone of persistent storage. This FreeBSD-based NAS system leverages ZFS to create a networked file system that is both highly available and fault-tolerant. The configuration includes 2 x 6 TB HDDs in a mirrored pool, supplemented by a 500 GB NVMe SSD as an L2 cache and 64 GB of RAM for L1 caching. This layered caching strategy is crucial for optimizing data access speeds, allowing for the full utilization of the 10Gbps network capacity during intensive data transfer operations. -
-
- - A notable feature of this homelab is its physical footprint. Two of the servers are ultra-small form factor PCs, a design choice that posed an interesting challenge when integrating the sizeable 10Gbps NICs. This constraint didn't hinder performance but rather added a layer of complexity and satisfaction to the assembly process. -
-
- -
-
- - An essential aspect of managing this homelab is the use of the main server's BMC webUI, accessed through the IPMI interface over Ethernet. This setup bypasses the need for traditional video output to a monitor, allowing for remote management and troubleshooting of the server, further emphasizing the system's versatility and user-centric design. -
-
- -
-
- - The logical topology of this homelab, detailed in the accompanying diagram, reveals not just the complexity and efficiency of the setup but also its connectivity with external services like Cloudflare and AWS. This integration highlights the homelab's role not just as a standalone system but as a node within a larger network of services, benefiting from the robustness and scalability of cloud solutions while maintaining the personalization and control of a private infrastructure. -
-
- -
-
- - This homelab is more than just a collection of hardware and software; it's a dynamic ecosystem that balances performance, security, and scalability. It represents the culmination of a journey from curiosity to critical infrastructure, demonstrating the power of modern virtualization, networking, and storage solutions in creating a resilient, efficient, and deeply personal digital environment. - -
-
- A home datacenter is what most Americans deserve, but don't need. -

-
+
+
+
+ ../ + homenetwork.html
+
+

Datacenter at Home

+
Written by Xander Bazzi on 24-03-12.
+
+ Embarking on a homelab journey often starts with a spark of curiosity and a dash of ambition. + At first, my idea was to host my own NAS so that I could unmarry from the cloud; however, this + quickly evolved + into a multi-server rack with enterprise-level configuration and security. + This transformation + wasn't just about growth in scale; it was about creating a robust infrastructure capable of + supporting my day-to-day digital needs with resilience and efficiency. Let's delve deeper into + the intricacies of my homelab setup, a testament to the power of hyper-converged infrastructure + and the meticulous engineering that sustains it. +
+
-
+ At the core of the infrastructure are 3 physical servers, each running Proxmox Virtual Environment, + which is a versatile linux-based hypervisor that underpins the entire infrastructure. Proxmox's flexibility and + efficiency make it the perfect candidate for running a variety of virtual machines and + LXC containers (even though I run my containers in a k3s cluster instead). All services and workflows run on + virtualized machines hosted on the 3 PVE machines. Three of these VMs (one in each server) act as the master nodes + for my k3s deployment; all other VMs are either running appliances or dedicated services. + Two of the servers are actually used Lenovo Ultra Small Form Factor PCs, and the other one is built from scratch. + The latter has a 6-drive HDD bay, and is where my TrueNAS Scale VM lives. Since TrueNAS operates with the ZFS file system, + it needs direct access to the disks in order to read the SATA metadata; Proxmox facilitates this with physical disk passthrough. + It also supports direct PCI passthrough if I decide to get a dedicated GPU for encoding/AI workloads. + Even though it is not recommended to virtualize a NAS, it's hard to justify a beefy Xeon CPU just to run OpenZFS workloads. +
+
+ + Another server in the stack is dedicated to networking, running an OPNsense appliance that + oversees firewalling and routing. This setup ensures that my network is not only secure from + external threats but also smartly managed to facilitate seamless communication between different + services and devices. The backbone of this interconnected ecosystem is a trio of servers, each + hosting k3s master/worker Debian nodes. These nodes are provisioned declaratively with Ansible, + leveraging a GitOps workflow through Flux. This methodological approach ensures consistency, + reproducibility, and scalability, allowing the infrastructure to evolve without compromising + reliability. +
+
+ +
+
+ Connectivity within this homelab is nothing short of revolutionary, with each server equipped + with 10Gbps SFP+ NICs. The inclusion of a Juniper EX3300 L3 switch, featuring 4 SFP+ 10Gbps + slots, elevates the network's data transfer capabilities, ensuring that high-speed connectivity + is not just a luxury but a standard. This setup facilitates incredibly fast LAN speeds, making + large-file data transfers and backup restorations a breeze. +
+
+ + Storage solutions within this homelab are meticulously engineered, with TrueNAS serving as the + cornerstone of persistent storage. This FreeBSD-based NAS system leverages ZFS to create a + networked file system that is both highly available and fault-tolerant. The configuration + includes 2 x 6 TB HDDs in a mirrored pool, supplemented by a 500 GB NVMe SSD as an L2 cache and + 64 GB of RAM for L1 caching. This layered caching strategy is crucial for optimizing data access + speeds, allowing for the full utilization of the 10Gbps network capacity during intensive data + transfer operations. +
+
+ + A notable feature of this homelab is its physical footprint. Two of the servers are ultra-small + form factor PCs, a design choice that posed an interesting challenge when integrating the + sizeable 10Gbps NICs. This constraint didn't hinder performance but rather added a layer of + complexity and satisfaction to the assembly process. +
+
+ +
+
+ + An essential aspect of managing this homelab is the use of the main server's BMC webUI, accessed + through the IPMI interface over Ethernet. This setup bypasses the need for traditional video + output to a monitor, allowing for remote management and troubleshooting of the server, further + emphasizing the system's versatility and user-centric design. +
+
+ +
+
+ + The logical topology of this homelab, detailed in the accompanying diagram, reveals not just the + complexity and efficiency of the setup but also its connectivity with external services like + Cloudflare and AWS. This integration highlights the homelab's role not just as a standalone + system but as a node within a larger network of services, benefiting from the robustness and + scalability of cloud solutions while maintaining the personalization and control of a private + infrastructure. +
+
+ +
+
+ + This homelab is more than just a collection of hardware and software; it's a dynamic ecosystem + that balances performance, security, and scalability. It represents the culmination of a journey + from curiosity to critical infrastructure, demonstrating the power of modern virtualization, + networking, and storage solutions in creating a resilient, efficient, and deeply personal + digital environment. + +
+
+ A home datacenter is what most Americans deserve, but don't need. +

+
+
+ + -
-
- This site is hosted in an AWS S3 bucket, cached globally by a CloudFront distribution, and updated programmatically through GitHub Actions. -
- +
+
+ + + + + \ No newline at end of file diff --git a/index.html b/index.html index 3a62ebe..880f6cc 100644 --- a/index.html +++ b/index.html @@ -1,14 +1,13 @@ + xbazzi.com - Xander Bazzi - + @@ -26,38 +25,31 @@ software-defined networking, and reverse engineering.

- -
projects
-
-
- Datacenter preview - - Datacenter at Home - -
-
- Website preview - - Overengineered Static Site (this website) - -
+
projects
+
+
+ Datacenter preview + + Datacenter at Home + +
+
+ Website preview + + Overengineered Static Site (this website) + +
- - + +
Under construction gif