107 lines
4.8 KiB
HTML
107 lines
4.8 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<title>Marcus Allison - Systems Administrator & Self-Hosting Portfolio</title>
|
||
<link rel="stylesheet" href="styles.css">
|
||
</head>
|
||
<body>
|
||
<header class="site-header">
|
||
<div class="container">
|
||
<h1>Marcus Allison</h1>
|
||
<p class="tag">Systems Administrator · Self-Hosting · Network Security</p>
|
||
<p class="header-links"><a href="blog.html">Blog</a> <a id="git-link" href="https://git.organic-server.org">Gitea</a></p>
|
||
</div>
|
||
</header>
|
||
|
||
<main class="container">
|
||
<section id="summary">
|
||
<h2>Professional Summary</h2>
|
||
<p>I am a passionate and dedicated systems administrator and self-hosting enthusiast with a comprehensive, production-grade home lab. My infrastructure demonstrates a deep understanding of containerization, reverse proxy configuration, network security, and the deployment of a wide array of open-source services. I thrive on creating robust, private, and self-sufficient digital ecosystems.</p>
|
||
</section>
|
||
|
||
<section id="skills">
|
||
<h2>Technical Skills Showcase</h2>
|
||
<p>My portfolio is a living environment where I actively use and manage the technologies below.</p>
|
||
<div class="grid">
|
||
<div class="card">
|
||
<h3>Infrastructure & Orchestration</h3>
|
||
<p>Docker, LXC, Nginx Proxy Manager, DDNS</p>
|
||
</div>
|
||
<div class="card">
|
||
<h3>Network & Security</h3>
|
||
<p>WireGuard, Pi-hole, OpenWrt, Vaultwarden</p>
|
||
</div>
|
||
<div class="card">
|
||
<h3>Cloud & Storage</h3>
|
||
<p>Immich, Synology DSM, Zipline</p>
|
||
</div>
|
||
<div class="card">
|
||
<h3>Communication & Collaboration</h3>
|
||
<p>Matrix Synapse, Gitea</p>
|
||
</div>
|
||
<div class="card">
|
||
<h3>AI & Automation</h3>
|
||
<p>Ollama, Open WebUI, Home Assistant (HAOS)</p>
|
||
</div>
|
||
<div class="card">
|
||
<h3>Web & Data</h3>
|
||
<p>SearXNG, Kiwix, Trilium, Homarr</p>
|
||
</div>
|
||
<div class="card">
|
||
<h3>Monitoring & Time</h3>
|
||
<p>NTP server, UISP (UniFi OS Server)</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="projects">
|
||
<h2>Key Infrastructure Projects</h2>
|
||
<ol>
|
||
<li><strong>Secure and Private Self-Hosted Ecosystem:</strong> Designed and deployed a comprehensive suite of 20+ services on a single server, replacing numerous third-party cloud services.</li>
|
||
<li><strong>Centralized Access and Security:</strong> Implemented Nginx Proxy Manager for SSL termination and reverse proxying, with WireGuard for secure admin access.</li>
|
||
<li><strong>Local AI Integration:</strong> Deployed Ollama and Open WebUI to create a private, offline AI playground.</li>
|
||
<li><strong>Resilient and Automated Network:</strong> Combined Pi-hole, OpenWrt, and DDNS to provide a stable, secure network on a dynamic IP.
|
||
</li>
|
||
<li><strong>Data Ownership and Management:</strong> Immich for photos, Vaultwarden for passwords, Gitea for code, and Synology DSM for centralized storage.</li>
|
||
</ol>
|
||
</section>
|
||
|
||
<section id="photography">
|
||
<h2>Photography</h2>
|
||
<p>A selection from my photography. Click a thumbnail for a fullscreen preview. The gallery updates when images are added or a manifest is regenerated.</p>
|
||
<div id="gallery-thumbs" class="gallery">Loading images…</div>
|
||
|
||
<div id="gallery-modal" class="modal hidden" aria-hidden="true">
|
||
<button class="modal-close" id="modal-close">×</button>
|
||
<button class="modal-prev" id="modal-prev">‹</button>
|
||
<img id="modal-image" src="" alt="" />
|
||
<button class="modal-next" id="modal-next">›</button>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="links">
|
||
<h2>Public Service Links</h2>
|
||
<p>May require authentication:</p>
|
||
<ul>
|
||
<li><a href="https://organic-server.org">organic-server.org</a></li>
|
||
<li><a href="https://ai.organic-server.org">ai.organic-server.org</a></li>
|
||
<li><a href="https://git.organic-server.org">git.organic-server.org</a></li>
|
||
<li><a href="https://share.organic-server.org">share.organic-server.org</a></li>
|
||
<li><a href="https://vault.organic-server.org">vault.organic-server.org</a></li>
|
||
</ul>
|
||
</section>
|
||
|
||
<section id="contact">
|
||
<h2>Contact</h2>
|
||
<p>If you'd like to discuss a role, contract, or collaboration, please reach out via email: <a href="mailto:marcus.sailer@organic-server.org">marcus.sailer@organic-server.org</a>.</p>
|
||
</section>
|
||
</main>
|
||
|
||
<footer class="site-footer">
|
||
<div class="container">© Marcus Allison - Self-hosting & Systems Administration</div>
|
||
</footer>
|
||
<script src="js/gallery.js"></script>
|
||
</body>
|
||
</html> |