add formatting
This commit is contained in:
+200
-85
@@ -1,11 +1,13 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Reese Wells - Self-Hosting & Infrastructure</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- Server Rack Background -->
|
||||
@@ -46,7 +48,10 @@
|
||||
<div class="hero-buttons">
|
||||
<a href="#projects" class="btn btn-primary">
|
||||
See My Projects
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 3l5 5-5 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||
<path d="M6 3l5 5-5 5" stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
||||
stroke-linejoin="round" />
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#contact" class="btn btn-secondary">Get In Touch</a>
|
||||
</div>
|
||||
@@ -59,7 +64,8 @@
|
||||
<div class="about-image fade-in">
|
||||
<div class="avatar-frame">
|
||||
<div class="avatar-inner">
|
||||
<img src="profile.jpeg" alt="Reese Wells" style="width:100%;height:100%;object-fit:cover;border-radius:22px;">
|
||||
<img src="profile.jpeg" alt="Reese Wells"
|
||||
style="width:100%;height:100%;object-fit:cover;border-radius:22px;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -110,12 +116,19 @@
|
||||
</div>
|
||||
<span class="timeline-date">Jan 2022 – Present</span>
|
||||
<ul class="timeline-list">
|
||||
<li>Lead a high-performing DevOps team building microelectronics design services and integrating cloud partner architectures with AWS.</li>
|
||||
<li>Recruited and led an engineering team to deliver a machine learning platform in <1 year, utilizing Langchain, PyTorch, and BERT to identify government contract patterns.</li>
|
||||
<li>Reduced new feature QA latency from one week to under 24 hours by containerizing complex infrastructure and developing a custom CLI sandbox.</li>
|
||||
<li>Led modernization of legacy Django systems using Pydantic, Vue 3, and DRF within strict Authority to Operate boundaries.</li>
|
||||
<li>Resolved critical SSSD bugs in collaboration with Red Hat and AWS regarding remote authentication protocols via smart cards.</li>
|
||||
<li>Developed management frameworks that enabled identification of "shadow teams," leading to three successful organizational restructures.</li>
|
||||
<li>Lead a high-performing DevOps team building microelectronics design services and
|
||||
integrating cloud partner architectures with AWS.</li>
|
||||
<li>Recruited and led an engineering team to deliver a machine learning platform in <1
|
||||
year, utilizing Langchain, PyTorch, and BERT to identify government contract patterns.
|
||||
</li>
|
||||
<li>Reduced new feature QA latency from one week to under 24 hours by containerizing complex
|
||||
infrastructure and developing a custom CLI sandbox.</li>
|
||||
<li>Led modernization of legacy Django systems using Pydantic, Vue 3, and DRF within strict
|
||||
Authority to Operate boundaries.</li>
|
||||
<li>Resolved critical SSSD bugs in collaboration with Red Hat and AWS regarding remote
|
||||
authentication protocols via smart cards.</li>
|
||||
<li>Developed management frameworks that enabled identification of "shadow teams," leading
|
||||
to three successful organizational restructures.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@@ -128,9 +141,13 @@
|
||||
</div>
|
||||
<span class="timeline-date">Mar 2021 – Jan 2022</span>
|
||||
<ul class="timeline-list">
|
||||
<li>Engineered a novel version control system using Python for efficient S3 object retrieval, enforcing malware scanning (ClamAV), data signing/chain of custody, and large binary file branching.</li>
|
||||
<li>Built an integrated SPA interface in Vue 3 with TypeScript/Vuetify to interact with the proprietary version control system.</li>
|
||||
<li>Utilized Terraform to define and deploy compliant, scalable cloud environments for DoD Impact Level 5+ high-security requirements.</li>
|
||||
<li>Engineered a novel version control system using Python for efficient S3 object
|
||||
retrieval, enforcing malware scanning (ClamAV), data signing/chain of custody, and large
|
||||
binary file branching.</li>
|
||||
<li>Built an integrated SPA interface in Vue 3 with TypeScript/Vuetify to interact with the
|
||||
proprietary version control system.</li>
|
||||
<li>Utilized Terraform to define and deploy compliant, scalable cloud environments for DoD
|
||||
Impact Level 5+ high-security requirements.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@@ -143,8 +160,10 @@
|
||||
</div>
|
||||
<span class="timeline-date">Jan 2020 – Jan 2021</span>
|
||||
<ul class="timeline-list">
|
||||
<li>Implemented asynchronous malware scanning pipelines using AWS Lambda (containerized) to process and secure files uploaded by engineering teams in real time via ClamAV.</li>
|
||||
<li>Achieved significant reduction in file management upload overhead through multi-threading, custom indexing solutions, and mtime validation.</li>
|
||||
<li>Implemented asynchronous malware scanning pipelines using AWS Lambda (containerized) to
|
||||
process and secure files uploaded by engineering teams in real time via ClamAV.</li>
|
||||
<li>Achieved significant reduction in file management upload overhead through
|
||||
multi-threading, custom indexing solutions, and mtime validation.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@@ -157,9 +176,12 @@
|
||||
</div>
|
||||
<span class="timeline-date">May 2018 – Dec 2020</span>
|
||||
<ul class="timeline-list">
|
||||
<li>Developed a web application leveraging BFG Repo-Cleaner to scan/remediate secrets in internal Git repositories; prevented an estimated $500k+ in auditing fines.</li>
|
||||
<li>Modified "PrivacyScanner" tools to detect and alert on leaked PII data within log aggregators, preventing unauthorized exposure of sensitive user information.</li>
|
||||
<li>Engineered a Django web platform that automated third-party assessment processes; reduced cycle time from weeks to days through strict field validation.</li>
|
||||
<li>Developed a web application leveraging BFG Repo-Cleaner to scan/remediate secrets in
|
||||
internal Git repositories; prevented an estimated $500k+ in auditing fines.</li>
|
||||
<li>Modified "PrivacyScanner" tools to detect and alert on leaked PII data within log
|
||||
aggregators, preventing unauthorized exposure of sensitive user information.</li>
|
||||
<li>Engineered a Django web platform that automated third-party assessment processes;
|
||||
reduced cycle time from weeks to days through strict field validation.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@@ -178,7 +200,8 @@
|
||||
<div class="skill-card fade-in" role="listitem">
|
||||
<div class="skill-icon">⚙</div>
|
||||
<h3>Container Orchestration</h3>
|
||||
<p>Rootless containers managed via Podman quadlets, Docker Compose, and Kubernetes clusters with Helm charts.</p>
|
||||
<p>Rootless containers managed via Podman quadlets, Docker Compose, and Kubernetes clusters with
|
||||
Helm charts.</p>
|
||||
<div class="skill-tags">
|
||||
<span class="skill-tag">Podman</span>
|
||||
<span class="skill-tag">Docker</span>
|
||||
@@ -189,7 +212,8 @@
|
||||
<div class="skill-card fade-in" role="listitem">
|
||||
<div class="skill-icon">⚛</div>
|
||||
<h3>Infrastructure Automation</h3>
|
||||
<p>Ansible playbooks drive deployments across a multi-server fleet with strict SOP ordering and centralized configuration.</p>
|
||||
<p>Ansible playbooks drive deployments across a multi-server fleet with strict SOP ordering and
|
||||
centralized configuration.</p>
|
||||
<div class="skill-tags">
|
||||
<span class="skill-tag">Ansible</span>
|
||||
<span class="skill-tag">osbuild</span>
|
||||
@@ -200,7 +224,8 @@
|
||||
<div class="skill-card fade-in" role="listitem">
|
||||
<div class="skill-icon">☁</div>
|
||||
<h3>Networking & DNS</h3>
|
||||
<p>AWS Route53 powers all DNS management with DDNS auto-updating, Caddy reverse proxy with Route53 DNS-validated TLS, and dual-domain strategy.</p>
|
||||
<p>AWS Route53 powers all DNS management with DDNS auto-updating, Caddy reverse proxy with
|
||||
Route53 DNS-validated TLS, and dual-domain strategy.</p>
|
||||
<div class="skill-tags">
|
||||
<span class="skill-tag">Route53</span>
|
||||
<span class="skill-tag">Caddy</span>
|
||||
@@ -211,7 +236,8 @@
|
||||
<div class="skill-card fade-in" role="listitem">
|
||||
<div class="skill-icon">🤖</div>
|
||||
<h3>Local AI & ML</h3>
|
||||
<p>Full local AI stack: Ollama, LiteLLM, LocalAI for inference, Langfuse for observability, with CUDA and ROCm support.</p>
|
||||
<p>Full local AI stack: Ollama, LiteLLM, LocalAI for inference, Langfuse for observability, with
|
||||
CUDA and ROCm support.</p>
|
||||
<div class="skill-tags">
|
||||
<span class="skill-tag">Ollama</span>
|
||||
<span class="skill-tag">LocalAI</span>
|
||||
@@ -219,10 +245,11 @@
|
||||
<span class="skill-tag">ROCm</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="skill-card fade-in" role="listitem">
|
||||
<div class="skill-card fade-in" role="listitem">
|
||||
<div class="skill-icon">❐</div>
|
||||
<h3>Python</h3>
|
||||
<p>Python is the backbone of the homelab: DDNS updates, fleet-wide deployment scripts, AWS integration, and automation tooling with boto3, rich, and uv.</p>
|
||||
<p>Python is the backbone of the homelab: DDNS updates, fleet-wide deployment scripts, AWS
|
||||
integration, and automation tooling with boto3, rich, and uv.</p>
|
||||
<div class="skill-tags">
|
||||
<span class="skill-tag">Python</span>
|
||||
<span class="skill-tag">boto3</span>
|
||||
@@ -245,19 +272,26 @@
|
||||
<div class="project-card fade-in" role="listitem">
|
||||
<div class="project-preview">
|
||||
<div class="code-block">
|
||||
<div class="code-line"><span class="code-keyword">version</span>: <span class="code-string">'3.8'</span></div>
|
||||
<div class="code-line"><span class="code-keyword">version</span>: <span
|
||||
class="code-string">'3.8'</span></div>
|
||||
<div class="code-line"><span class="code-keyword">services</span>:</div>
|
||||
<div class="code-line"> <span class="code-function">caddy</span>:</div>
|
||||
<div class="code-line"> <span class="code-variable">image</span>: <span class="code-string">caddy:2-alpine</span></div>
|
||||
<div class="code-line"> <span class="code-variable">networks</span>:</div>
|
||||
<div class="code-line"> - <span class="code-string">default</span></div>
|
||||
<div class="code-line"> <span class="code-variable">labels</span>:</div>
|
||||
<div class="code-line"> - <span class="code-string">"caddy.*.reeseapps.com"</span></div>
|
||||
<div class="code-line"> <span class="code-variable">image</span>:
|
||||
<span class="code-string">caddy:2-alpine</span></div>
|
||||
<div class="code-line"> <span class="code-variable">networks</span>:
|
||||
</div>
|
||||
<div class="code-line"> - <span
|
||||
class="code-string">default</span></div>
|
||||
<div class="code-line"> <span class="code-variable">labels</span>:
|
||||
</div>
|
||||
<div class="code-line"> - <span
|
||||
class="code-string">"caddy.*.reeseapps.com"</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="project-info">
|
||||
<h3>Reverse Proxy Infrastructure</h3>
|
||||
<p>Caddy and Nginx reverse proxies serving all *.reeseapps.com domains with AWS Route53 DNS-validated TLS. DDNS auto-updates IPv4/IPv6 records across the fleet.</p>
|
||||
<p>Caddy and Nginx reverse proxies serving all *.reeseapps.com domains with AWS Route53
|
||||
DNS-validated TLS. DDNS auto-updates IPv4/IPv6 records across the fleet.</p>
|
||||
<div class="project-meta">
|
||||
<div class="project-tech">
|
||||
<span>Caddy</span>
|
||||
@@ -266,8 +300,12 @@
|
||||
<span>Podman</span>
|
||||
</div>
|
||||
<div class="project-links">
|
||||
<a href="https://gitea.reeseapps.com/services/homelab" title="Source" target="_blank" rel="noopener">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z"/></svg>
|
||||
<a href="https://gitea.reeseapps.com/services/homelab" title="Source" target="_blank"
|
||||
rel="noopener">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
|
||||
<path
|
||||
d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z" />
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -276,19 +314,31 @@
|
||||
<div class="project-card fade-in" role="listitem">
|
||||
<div class="project-preview">
|
||||
<div class="code-block">
|
||||
<div class="code-line"><span class="code-keyword">def</span> <span class="code-function">update_record</span>(<span class="code-variable">domain</span>):</div>
|
||||
<div class="code-line"> <span class="code-variable">ipv4</span> = <span class="code-function">get_public_ip</span>()</div>
|
||||
<div class="code-line"> <span class="code-variable">record</span> = <span class="code-function">route53</span>.<span class="code-function">find</span>(<span class="code-variable">domain</span>)</div>
|
||||
<div class="code-line"> <span class="code-keyword">if</span> <span class="code-variable">record</span>.<span class="code-variable">value</span> != <span class="code-variable">ipv4</span>:</div>
|
||||
<div class="code-line"> <span class="code-function">route53</span>.<span class="code-function">update</span>(<span class="code-variable">record</span>, <span class="code-variable">ipv4</span>)</div>
|
||||
<div class="code-line"> <span class="code-function">log</span>(<span class="code-string">f"Updated {domain}"</span>)</div>
|
||||
<div class="code-line"><span class="code-keyword">def</span> <span
|
||||
class="code-function">update_record</span>(<span
|
||||
class="code-variable">domain</span>):</div>
|
||||
<div class="code-line"> <span class="code-variable">ipv4</span> = <span
|
||||
class="code-function">get_public_ip</span>()</div>
|
||||
<div class="code-line"> <span class="code-variable">record</span> = <span
|
||||
class="code-function">route53</span>.<span class="code-function">find</span>(<span
|
||||
class="code-variable">domain</span>)</div>
|
||||
<div class="code-line"> <span class="code-keyword">if</span> <span
|
||||
class="code-variable">record</span>.<span class="code-variable">value</span> !=
|
||||
<span class="code-variable">ipv4</span>:</div>
|
||||
<div class="code-line"> <span
|
||||
class="code-function">route53</span>.<span class="code-function">update</span>(<span
|
||||
class="code-variable">record</span>, <span class="code-variable">ipv4</span>)</div>
|
||||
<div class="code-line"> <span class="code-function">log</span>(<span
|
||||
class="code-string">f"Updated {domain}"</span>)</div>
|
||||
<div class="code-line"> </div>
|
||||
<div class="code-line"><span class="code-comment"># Run every 5 minutes</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="project-info">
|
||||
<h3>Dynamic DNS Service</h3>
|
||||
<p>Automated DDNS keeping AWS Route53 records updated for all servers. Manages dual-domain strategy: reeseapps.com for public services and reeselink.com for internal machine-to-machine connections.</p>
|
||||
<p>Automated DDNS keeping AWS Route53 records updated for all servers. Manages dual-domain
|
||||
strategy: reeseapps.com for public services and reeselink.com for internal
|
||||
machine-to-machine connections.</p>
|
||||
<div class="project-meta">
|
||||
<div class="project-tech">
|
||||
<span>Python</span>
|
||||
@@ -297,8 +347,12 @@
|
||||
<span>Podman</span>
|
||||
</div>
|
||||
<div class="project-links">
|
||||
<a href="https://gitea.reeseapps.com/services/homelab" title="Source" target="_blank" rel="noopener">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z"/></svg>
|
||||
<a href="https://gitea.reeseapps.com/services/homelab" title="Source" target="_blank"
|
||||
rel="noopener">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
|
||||
<path
|
||||
d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z" />
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -307,20 +361,29 @@
|
||||
<div class="project-card fade-in" role="listitem">
|
||||
<div class="project-preview">
|
||||
<div class="code-block">
|
||||
<div class="code-line"><span class="code-keyword">from</span> <span class="code-string">ollama</span> <span class="code-keyword">import</span> <span class="code-function">Client</span></div>
|
||||
<div class="code-line"><span class="code-keyword">from</span> <span
|
||||
class="code-string">ollama</span> <span class="code-keyword">import</span> <span
|
||||
class="code-function">Client</span></div>
|
||||
<div class="code-line"> </div>
|
||||
<div class="code-line"><span class="code-variable">client</span> = <span class="code-function">Client</span>(<span class="code-string">"http://localhost:11434"</span>)</div>
|
||||
<div class="code-line"><span class="code-variable">response</span> = <span class="code-variable">client</span>.<span class="code-function">chat</span>(</div>
|
||||
<div class="code-line"> <span class="code-variable">model</span>=<span class="code-string">"llama3"</span>,</div>
|
||||
<div class="code-line"><span class="code-variable">client</span> = <span
|
||||
class="code-function">Client</span>(<span
|
||||
class="code-string">"http://localhost:11434"</span>)</div>
|
||||
<div class="code-line"><span class="code-variable">response</span> = <span
|
||||
class="code-variable">client</span>.<span class="code-function">chat</span>(</div>
|
||||
<div class="code-line"> <span class="code-variable">model</span>=<span
|
||||
class="code-string">"llama3"</span>,</div>
|
||||
<div class="code-line"> <span class="code-variable">messages</span>=[...]</div>
|
||||
<div class="code-line">)</div>
|
||||
<div class="code-line"> </div>
|
||||
<div class="code-line"><span class="code-comment"># LiteLLM proxy for unified API</span></div>
|
||||
<div class="code-line"><span class="code-comment"># LiteLLM proxy for unified API</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="project-info">
|
||||
<h3>Local AI Stack</h3>
|
||||
<p>Complete local AI infrastructure: Ollama and LocalAI for inference, LiteLLM as a unified API proxy, Bifrost for model routing, and Langfuse for observability. Supports both CUDA and ROCm.</p>
|
||||
<p>Complete local AI infrastructure: Ollama and LocalAI for inference, LiteLLM as a unified API
|
||||
proxy, Bifrost for model routing, and Langfuse for observability. Supports both CUDA and
|
||||
ROCm.</p>
|
||||
<div class="project-meta">
|
||||
<div class="project-tech">
|
||||
<span>Ollama</span>
|
||||
@@ -329,8 +392,12 @@
|
||||
<span>Langfuse</span>
|
||||
</div>
|
||||
<div class="project-links">
|
||||
<a href="https://gitea.reeseapps.com/services/homelab" title="Source" target="_blank" rel="noopener">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z"/></svg>
|
||||
<a href="https://gitea.reeseapps.com/services/homelab" title="Source" target="_blank"
|
||||
rel="noopener">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
|
||||
<path
|
||||
d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z" />
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -340,17 +407,25 @@
|
||||
<div class="project-preview">
|
||||
<div class="code-block">
|
||||
<div class="code-line"><span class="code-comment"># Ansible playbook</span></div>
|
||||
<div class="code-line"><span class="code-keyword">- name</span>: <span class="code-function">Deploy Gitea</span></div>
|
||||
<div class="code-line"> <span class="code-variable">hosts</span>: <span class="code-string">gitea</span></div>
|
||||
<div class="code-line"><span class="code-keyword">- name</span>: <span
|
||||
class="code-function">Deploy Gitea</span></div>
|
||||
<div class="code-line"> <span class="code-variable">hosts</span>: <span
|
||||
class="code-string">gitea</span></div>
|
||||
<div class="code-line"> <span class="code-variable">tasks</span>:</div>
|
||||
<div class="code-line"> - <span class="code-function">docker_compose_v2</span>:</div>
|
||||
<div class="code-line"> <span class="code-variable">project_src</span>: <span class="code-string">/opt/gitea</span></div>
|
||||
<div class="code-line"> <span class="code-variable">state</span>: <span class="code-string">present</span></div>
|
||||
<div class="code-line"> - <span class="code-function">docker_compose_v2</span>:
|
||||
</div>
|
||||
<div class="code-line"> <span
|
||||
class="code-variable">project_src</span>: <span
|
||||
class="code-string">/opt/gitea</span></div>
|
||||
<div class="code-line"> <span class="code-variable">state</span>:
|
||||
<span class="code-string">present</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="project-info">
|
||||
<h3>Deployment Automation</h3>
|
||||
<p>Ansible-driven deployment pipeline with strict SOP ordering (osbuild -> ddns -> caddy -> nginx -> ntfy -> gitea). Each service runs as a rootless container with dedicated systemd user sessions and centralized BorgBackup.</p>
|
||||
<p>Ansible-driven deployment pipeline with strict SOP ordering (osbuild -> ddns -> caddy ->
|
||||
nginx -> ntfy -> gitea). Each service runs as a rootless container with dedicated systemd
|
||||
user sessions and centralized BorgBackup.</p>
|
||||
<div class="project-meta">
|
||||
<div class="project-tech">
|
||||
<span>Ansible</span>
|
||||
@@ -359,8 +434,12 @@
|
||||
<span>Borg</span>
|
||||
</div>
|
||||
<div class="project-links">
|
||||
<a href="https://gitea.reeseapps.com/services/homelab" title="Source" target="_blank" rel="noopener">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z"/></svg>
|
||||
<a href="https://gitea.reeseapps.com/services/homelab" title="Source" target="_blank"
|
||||
rel="noopener">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
|
||||
<path
|
||||
d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z" />
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -370,18 +449,27 @@
|
||||
<div class="project-preview">
|
||||
<div class="code-block">
|
||||
<div class="code-line"><span class="code-comment"># Self-hosted services</span></div>
|
||||
<div class="code-line"><span class="code-keyword">- Immich</span> <span class="code-comment"># Photo/video management</span></div>
|
||||
<div class="code-line"><span class="code-keyword">- Jellyfin</span> <span class="code-comment"># Media streaming</span></div>
|
||||
<div class="code-line"><span class="code-keyword">- Nextcloud</span> <span class="code-comment"># Cloud storage & sync</span></div>
|
||||
<div class="code-line"><span class="code-keyword">- Gitea</span> <span class="code-comment"># Git service</span></div>
|
||||
<div class="code-line"><span class="code-keyword">- Matrix</span> <span class="code-comment"># Chat protocol</span></div>
|
||||
<div class="code-line"><span class="code-keyword">- Home Assistant</span> <span class="code-comment"># Smart home</span></div>
|
||||
<div class="code-line"><span class="code-keyword">- Pi-hole</span> <span class="code-comment"># DNS ad blocking</span></div>
|
||||
<div class="code-line"><span class="code-keyword">- Immich</span> <span
|
||||
class="code-comment"># Photo/video management</span></div>
|
||||
<div class="code-line"><span class="code-keyword">- Jellyfin</span> <span
|
||||
class="code-comment"># Media streaming</span></div>
|
||||
<div class="code-line"><span class="code-keyword">- Nextcloud</span> <span
|
||||
class="code-comment"># Cloud storage & sync</span></div>
|
||||
<div class="code-line"><span class="code-keyword">- Gitea</span> <span
|
||||
class="code-comment"># Git service</span></div>
|
||||
<div class="code-line"><span class="code-keyword">- Matrix</span> <span
|
||||
class="code-comment"># Chat protocol</span></div>
|
||||
<div class="code-line"><span class="code-keyword">- Home Assistant</span> <span
|
||||
class="code-comment"># Smart home</span></div>
|
||||
<div class="code-line"><span class="code-keyword">- Pi-hole</span> <span
|
||||
class="code-comment"># DNS ad blocking</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="project-info">
|
||||
<h3>Self-Hosted Services</h3>
|
||||
<p>A diverse fleet of self-hosted services: Immich for photos, Jellyfin for media, Nextcloud for storage, Matrix for chat, Home Assistant for IoT, and more. Each running as rootless Podman containers with SELinux awareness.</p>
|
||||
<p>A diverse fleet of self-hosted services: Immich for photos, Jellyfin for media, Nextcloud for
|
||||
storage, Matrix for chat, Home Assistant for IoT, and more. Each running as rootless Podman
|
||||
containers with SELinux awareness.</p>
|
||||
<div class="project-meta">
|
||||
<div class="project-tech">
|
||||
<span>Immich</span>
|
||||
@@ -390,8 +478,12 @@
|
||||
<span>Matrix</span>
|
||||
</div>
|
||||
<div class="project-links">
|
||||
<a href="https://gitea.reeseapps.com/services/homelab" title="Source" target="_blank" rel="noopener">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z"/></svg>
|
||||
<a href="https://gitea.reeseapps.com/services/homelab" title="Source" target="_blank"
|
||||
rel="noopener">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
|
||||
<path
|
||||
d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z" />
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -401,17 +493,25 @@
|
||||
<div class="project-preview">
|
||||
<div class="code-block">
|
||||
<div class="code-line"><span class="code-comment"># Kubernetes with k3s</span></div>
|
||||
<div class="code-line"><span class="code-keyword">- metallb</span> <span class="code-comment"># L2 load balancer</span></div>
|
||||
<div class="code-line"><span class="code-keyword">- longhorn</span> <span class="code-comment"># Distributed storage</span></div>
|
||||
<div class="code-line"><span class="code-keyword">- traefik</span> <span class="code-comment"># Ingress gateway</span></div>
|
||||
<div class="code-line"><span class="code-keyword">- external-dns</span> <span class="code-comment"># Route53 integration</span></div>
|
||||
<div class="code-line"><span class="code-keyword">- grafana</span> <span class="code-comment"># Metrics dashboards</span></div>
|
||||
<div class="code-line"><span class="code-keyword">- minecraft</span> <span class="code-comment"># Game server</span></div>
|
||||
<div class="code-line"><span class="code-keyword">- metallb</span> <span
|
||||
class="code-comment"># L2 load balancer</span></div>
|
||||
<div class="code-line"><span class="code-keyword">- longhorn</span> <span
|
||||
class="code-comment"># Distributed storage</span></div>
|
||||
<div class="code-line"><span class="code-keyword">- traefik</span> <span
|
||||
class="code-comment"># Ingress gateway</span></div>
|
||||
<div class="code-line"><span class="code-keyword">- external-dns</span> <span
|
||||
class="code-comment"># Route53 integration</span></div>
|
||||
<div class="code-line"><span class="code-keyword">- grafana</span> <span
|
||||
class="code-comment"># Metrics dashboards</span></div>
|
||||
<div class="code-line"><span class="code-keyword">- minecraft</span> <span
|
||||
class="code-comment"># Game server</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="project-info">
|
||||
<h3>Kubernetes Cluster</h3>
|
||||
<p>k3s and k0s Kubernetes clusters with MetalLB for L2 failover, Longhorn for distributed storage, Traefik/Nginx ingress, cert-manager with Route53 DNS challenge, and Helm charts for service deployment.</p>
|
||||
<p>k3s and k0s Kubernetes clusters with MetalLB for L2 failover, Longhorn for distributed
|
||||
storage, Traefik/Nginx ingress, cert-manager with Route53 DNS challenge, and Helm charts for
|
||||
service deployment.</p>
|
||||
<div class="project-meta">
|
||||
<div class="project-tech">
|
||||
<span>k3s</span>
|
||||
@@ -420,8 +520,12 @@
|
||||
<span>MetalLB</span>
|
||||
</div>
|
||||
<div class="project-links">
|
||||
<a href="https://gitea.reeseapps.com/services/homelab" title="Source" target="_blank" rel="noopener">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z"/></svg>
|
||||
<a href="https://gitea.reeseapps.com/services/homelab" title="Source" target="_blank"
|
||||
rel="noopener">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
|
||||
<path
|
||||
d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z" />
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -442,13 +546,18 @@
|
||||
<span class="link-icon">✉</span>
|
||||
<span>Email</span>
|
||||
</a>
|
||||
<a href="https://gitea.reeseapps.com/services/homelab" class="contact-link" target="_blank" rel="noopener" role="listitem">
|
||||
<a href="https://gitea.reeseapps.com/services/homelab" class="contact-link" target="_blank"
|
||||
rel="noopener" role="listitem">
|
||||
<span class="link-icon">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z"/></svg>
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
|
||||
<path
|
||||
d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z" />
|
||||
</svg>
|
||||
</span>
|
||||
<span>Gitea</span>
|
||||
</a>
|
||||
<a href="https://www.linkedin.com/in/reesewells/" class="contact-link" target="_blank" rel="noopener" role="listitem">
|
||||
<a href="https://www.linkedin.com/in/reesewells/" class="contact-link" target="_blank" rel="noopener"
|
||||
role="listitem">
|
||||
<span class="link-icon">in</span>
|
||||
<span>LinkedIn</span>
|
||||
</a>
|
||||
@@ -463,7 +572,7 @@
|
||||
Use these keys to verify signed commits and communications. Both keys belong to Reese Wells.
|
||||
</p>
|
||||
<div class="gpg-keys-grid" role="list" aria-label="GPG keys">
|
||||
<div class="gpg-key-card fade-in" role="listitem">
|
||||
<div class="gpg-key-card fade-in" role="listitem">
|
||||
<div class="gpg-key-header">
|
||||
<span class="gpg-key-icon">🔒</span>
|
||||
<div>
|
||||
@@ -526,7 +635,7 @@ BQ==
|
||||
=U3eP
|
||||
-----END PGP PUBLIC KEY BLOCK-----</code></pre>
|
||||
</div>
|
||||
<div class="gpg-key-card fade-in" role="listitem">
|
||||
<div class="gpg-key-card fade-in" role="listitem">
|
||||
<div class="gpg-key-header">
|
||||
<span class="gpg-key-icon">🔒</span>
|
||||
<div>
|
||||
@@ -565,8 +674,10 @@ XwEAnes79w4eYeMUjIytQWACEvy4QoO7X2MLTKliSqc4Ag8=
|
||||
<section id="achievements" class="achievements-section" hidden aria-label="Achievements">
|
||||
<div class="section-label">Achievements</div>
|
||||
<div class="section-title">Terminal Achievements</div>
|
||||
<p class="section-desc" style="margin: 0 auto 2rem;">Explore every corner of the terminal to unlock achievements.</p>
|
||||
<div id="achievements-count" style="text-align: center; margin-bottom: 2rem; color: var(--text-muted); font-size: 0.9rem;"></div>
|
||||
<p class="section-desc" style="margin: 0 auto 2rem;">Explore every corner of the terminal to unlock
|
||||
achievements.</p>
|
||||
<div id="achievements-count"
|
||||
style="text-align: center; margin-bottom: 2rem; color: var(--text-muted); font-size: 0.9rem;"></div>
|
||||
<div id="achievements-grid" class="achievements-grid"></div>
|
||||
</section>
|
||||
|
||||
@@ -575,12 +686,16 @@ XwEAnes79w4eYeMUjIytQWACEvy4QoO7X2MLTKliSqc4Ag8=
|
||||
<footer role="contentinfo">
|
||||
<p style="font-size: 0.75rem; color: var(--text-muted);">
|
||||
Built with a 100% self-hosted LLM stack running
|
||||
<a href="https://github.com/ggml-org/llama.cpp" target="_blank" rel="noopener" style="color: var(--accent-hover); text-decoration: none;">llama.cpp</a>,
|
||||
<a href="https://huggingface.co/Qwen/Qwen3.6-35B-A3B" target="_blank" rel="noopener" style="color: var(--accent-hover); text-decoration: none;">Qwen3.6</a>, and
|
||||
<a href="https://opencode.ai/" target="_blank" rel="noopener" style="color: var(--accent-hover); text-decoration: none;">Opencode</a>
|
||||
<a href="https://github.com/ggml-org/llama.cpp" target="_blank" rel="noopener"
|
||||
style="color: var(--accent-hover); text-decoration: none;">llama.cpp</a>,
|
||||
<a href="https://huggingface.co/Qwen/Qwen3.6-35B-A3B" target="_blank" rel="noopener"
|
||||
style="color: var(--accent-hover); text-decoration: none;">Qwen3.6</a>, and
|
||||
<a href="https://opencode.ai/" target="_blank" rel="noopener"
|
||||
style="color: var(--accent-hover); text-decoration: none;">Opencode</a>
|
||||
</p>
|
||||
</footer>
|
||||
|
||||
<script src="script.js" defer></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
+133
-39
@@ -1,4 +1,6 @@
|
||||
*, *::before, *::after {
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
@@ -225,13 +227,11 @@ body {
|
||||
content: '';
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: repeating-linear-gradient(
|
||||
0deg,
|
||||
background: repeating-linear-gradient(0deg,
|
||||
transparent,
|
||||
transparent 2px,
|
||||
rgba(0, 0, 0, 0.15) 2px,
|
||||
rgba(0, 0, 0, 0.15) 4px
|
||||
);
|
||||
rgba(0, 0, 0, 0.15) 4px);
|
||||
z-index: 1;
|
||||
pointer-events: none;
|
||||
}
|
||||
@@ -270,8 +270,15 @@ body {
|
||||
}
|
||||
|
||||
@keyframes cursorBlink {
|
||||
0%, 100% { opacity: 1; }
|
||||
50% { opacity: 0; }
|
||||
|
||||
0%,
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
50% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.eth-brand {
|
||||
@@ -506,8 +513,13 @@ body {
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
from { transform: rotate(0deg); }
|
||||
to { transform: rotate(360deg); }
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.fan-slow {
|
||||
@@ -572,25 +584,59 @@ body {
|
||||
}
|
||||
|
||||
@keyframes blink1 {
|
||||
0%, 100% { opacity: 1; }
|
||||
50% { opacity: 0.2; }
|
||||
|
||||
0%,
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
50% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes blink2 {
|
||||
0%, 100% { opacity: 0.3; }
|
||||
50% { opacity: 1; }
|
||||
|
||||
0%,
|
||||
100% {
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
50% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes blink3 {
|
||||
0%, 100% { opacity: 1; }
|
||||
30% { opacity: 0.1; }
|
||||
60% { opacity: 0.8; }
|
||||
|
||||
0%,
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
30% {
|
||||
opacity: 0.1;
|
||||
}
|
||||
|
||||
60% {
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes blink4 {
|
||||
0%, 100% { opacity: 0.5; }
|
||||
25% { opacity: 1; }
|
||||
75% { opacity: 0.2; }
|
||||
|
||||
0%,
|
||||
100% {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
25% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
75% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
}
|
||||
|
||||
.rack-mount {
|
||||
@@ -649,13 +695,11 @@ body {
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: repeating-linear-gradient(
|
||||
180deg,
|
||||
background: repeating-linear-gradient(180deg,
|
||||
transparent,
|
||||
transparent 20px,
|
||||
rgba(0, 0, 0, 0.3) 20px,
|
||||
rgba(0, 0, 0, 0.3) 21px
|
||||
);
|
||||
rgba(0, 0, 0, 0.3) 21px);
|
||||
}
|
||||
|
||||
.rack-label {
|
||||
@@ -808,8 +852,15 @@ nav .nav-inner {
|
||||
}
|
||||
|
||||
@keyframes pulse {
|
||||
0%, 100% { opacity: 1; }
|
||||
50% { opacity: 0.4; }
|
||||
|
||||
0%,
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
50% {
|
||||
opacity: 0.4;
|
||||
}
|
||||
}
|
||||
|
||||
.hero h1 {
|
||||
@@ -1234,12 +1285,30 @@ section {
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.code-keyword { color: #c084fc; }
|
||||
.code-function { color: #60a5fa; }
|
||||
.code-string { color: #34d399; }
|
||||
.code-comment { color: #52525b; font-style: italic; }
|
||||
.code-variable { color: #f472b6; }
|
||||
.code-operator { color: #fbbf24; }
|
||||
.code-keyword {
|
||||
color: #c084fc;
|
||||
}
|
||||
|
||||
.code-function {
|
||||
color: #60a5fa;
|
||||
}
|
||||
|
||||
.code-string {
|
||||
color: #34d399;
|
||||
}
|
||||
|
||||
.code-comment {
|
||||
color: #52525b;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.code-variable {
|
||||
color: #f472b6;
|
||||
}
|
||||
|
||||
.code-operator {
|
||||
color: #fbbf24;
|
||||
}
|
||||
|
||||
.project-info {
|
||||
padding: 1.5rem;
|
||||
@@ -1625,6 +1694,7 @@ footer p {
|
||||
opacity: 0;
|
||||
transform: translateX(100px) scale(0.9);
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateX(0) scale(1);
|
||||
@@ -1636,6 +1706,7 @@ footer p {
|
||||
opacity: 1;
|
||||
transform: translateX(0) scale(1);
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 0;
|
||||
transform: translateX(100px) scale(0.9);
|
||||
@@ -1679,14 +1750,37 @@ footer p {
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.nav-links.active li:nth-child(1) { transition-delay: 0.05s; }
|
||||
.nav-links.active li:nth-child(2) { transition-delay: 0.1s; }
|
||||
.nav-links.active li:nth-child(3) { transition-delay: 0.15s; }
|
||||
.nav-links.active li:nth-child(4) { transition-delay: 0.2s; }
|
||||
.nav-links.active li:nth-child(5) { transition-delay: 0.25s; }
|
||||
.nav-links.active li:nth-child(6) { transition-delay: 0.3s; }
|
||||
.nav-links.active li:nth-child(7) { transition-delay: 0.35s; }
|
||||
.nav-links.active li:nth-child(8) { transition-delay: 0.4s; }
|
||||
.nav-links.active li:nth-child(1) {
|
||||
transition-delay: 0.05s;
|
||||
}
|
||||
|
||||
.nav-links.active li:nth-child(2) {
|
||||
transition-delay: 0.1s;
|
||||
}
|
||||
|
||||
.nav-links.active li:nth-child(3) {
|
||||
transition-delay: 0.15s;
|
||||
}
|
||||
|
||||
.nav-links.active li:nth-child(4) {
|
||||
transition-delay: 0.2s;
|
||||
}
|
||||
|
||||
.nav-links.active li:nth-child(5) {
|
||||
transition-delay: 0.25s;
|
||||
}
|
||||
|
||||
.nav-links.active li:nth-child(6) {
|
||||
transition-delay: 0.3s;
|
||||
}
|
||||
|
||||
.nav-links.active li:nth-child(7) {
|
||||
transition-delay: 0.35s;
|
||||
}
|
||||
|
||||
.nav-links.active li:nth-child(8) {
|
||||
transition-delay: 0.4s;
|
||||
}
|
||||
|
||||
.hamburger {
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user