Subir archivos a "/"

This commit is contained in:
2026-08-15 15:15:37 +02:00
parent 077fed41e6
commit 16d8c65f02
2 changed files with 589 additions and 144 deletions
+214 -144
View File
@@ -3,179 +3,249 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Juan Rodriguez Gil — Deployment & Infrastructure</title>
<meta name="description" content="Deployment and infrastructure consultancy. Docker, Linux, AI stacks.">
<title>Lab — jrodriiguezg.link</title>
<meta name="description" content="My home lab setup. Hardware, storage and infrastructure I use to run and test all my deployments.">
<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=Inter:ital,wght@0,300;0,400;0,500;0,600;1,300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
<link rel="icon" type="image/png" href="favicon.png">
<link rel="stylesheet" href="lab.css">
<link rel="icon" type="image/png" href="../favicon.png">
</head>
<body>
<nav>
<a href="https://jrodriiguezg.link" class="nav-name">jrodriiguezg.link</a>
<a href="../index.html" class="nav-name">jrodriiguezg.link</a>
<div class="nav-links">
<a href="#services">Services</a>
<a href="#projects">Projects</a>
<a href="lab/index.html">Lab</a>
<a href="#contact">Contact</a>
<a href="../index.html#services">Services</a>
<a href="../index.html#projects">Projects</a>
<a href="./index.html" class="nav-active">Lab</a>
<a href="../index.html#contact">Contact</a>
</div>
</nav>
<!-- HERO: 2 columns on desktop -->
<header>
<div class="hero-left">
<h1>
Infrastructure<br>
<em>that just works.</em>
</h1>
</div>
<div class="hero-right">
<p class="tagline">
I design and deploy Linux and Docker-based stacks for teams that can't afford surprises in production. From a single service to a full AI pipeline.
</p>
<a href="mailto:[email protected]" class="cta">Talk to me →</a>
</div>
<header class="lab-header">
<p class="eyebrow">/ lab</p>
<h1>The hardware<br><em>behind the work.</em></h1>
<p class="tagline">
This is the physical infrastructure I run at home. Every deployment, every stack, every test runs on these machines. No cloud dependency unless the project requires it.
</p>
</header>
<!-- MAIN CONTENT: 2 columns on desktop -->
<div class="content">
<main class="lab-content">
<!-- LEFT COLUMN -->
<div class="col-left">
<!-- NODE 1: HP EliteDesk -->
<div class="node">
<div class="node-header">
<div class="node-meta">
<span class="node-label">Primary Node</span>
<h2>HP EliteDesk 700 G4</h2>
</div>
<div class="node-status">
<span class="status-dot"></span>
<span>Online</span>
</div>
</div>
<section id="services">
<h2>Services</h2>
<div class="service-list">
<div>
<p class="service-title">Container Architecture</p>
<p class="service-desc">Translating complex application dependencies into clean, reproducible Docker Compose stacks. Every service isolated, every config versioned.</p>
<div class="node-specs">
<div class="spec-group">
<p class="spec-label">CPU</p>
<p class="spec-value">AMD PRO A10-8770E R7</p>
<p class="spec-sub">10 Compute Cores — 4C + 6G</p>
</div>
<div class="spec-group">
<p class="spec-label">RAM</p>
<p class="spec-value">16 GB</p>
</div>
<div class="spec-group">
<p class="spec-label">OS</p>
<p class="spec-value">Debian 13 (Trixie)</p>
<p class="spec-sub">Primary server</p>
</div>
</div>
<div class="storage-section">
<p class="spec-label">Storage</p>
<div class="storage-grid">
<div class="disk">
<div class="disk-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
<rect x="3" y="4" width="18" height="16" rx="2"/>
<circle cx="17" cy="12" r="1.5"/>
<line x1="3" y1="8" x2="21" y2="8"/>
</svg>
</div>
<p class="disk-name">System</p>
<p class="disk-size">128 GB</p>
<p class="disk-type">SSD</p>
</div>
<div>
<p class="service-title">AI & LLM Infrastructure</p>
<p class="service-desc">Private deployment of language models and RAG pipelines. Local Ollama setups, ChromaDB integration, and intelligent request routing.</p>
<div class="disk">
<div class="disk-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
<rect x="3" y="4" width="18" height="16" rx="2"/>
<circle cx="17" cy="12" r="1.5"/>
<line x1="3" y1="8" x2="21" y2="8"/>
</svg>
</div>
<p class="disk-name">Multimedia 1</p>
<p class="disk-size">1 TB</p>
<p class="disk-type">NVMe SSD</p>
</div>
<div>
<p class="service-title">Linux Systems Engineering</p>
<p class="service-desc">Server setup, hardening, and long-term administration. Debian, RHEL, Ubuntu, Fedora.</p>
<div class="disk">
<div class="disk-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
<rect x="3" y="4" width="18" height="16" rx="2"/>
<circle cx="17" cy="12" r="1.5"/>
<line x1="3" y1="8" x2="21" y2="8"/>
</svg>
</div>
<p class="disk-name">Multimedia 2</p>
<p class="disk-size">512 GB</p>
<p class="disk-type">NVMe SSD</p>
</div>
<div>
<p class="service-title">Infrastructure Audit</p>
<p class="service-desc">A deep review of your current deployment — finding the things that will hurt you before they do.</p>
<div class="disk">
<div class="disk-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
<ellipse cx="12" cy="12" rx="9" ry="6"/>
<line x1="3" y1="12" x2="21" y2="12"/>
<path d="M12 6 C12 6 6 9 6 12 S12 18 12 18"/>
</svg>
</div>
<p class="disk-name">Backup & Data</p>
<p class="disk-size">4 TB</p>
<p class="disk-type">HDD</p>
</div>
</div>
</section>
<section>
<h2>Tools & Skills</h2>
<div class="skills-grid">
<div class="skill-group">
<p class="skill-group-title">Infrastructure</p>
<p>Docker · Docker Compose · Podman · Cloudflare · Nginx · Bash · Git · Python</p>
</div>
<div class="skill-group">
<p class="skill-group-title">Linux & Systems</p>
<p>Debian · RHEL · Ubuntu · Fedora · Windows Server · Windows administration</p>
</div>
<div class="skill-group">
<p class="skill-group-title">Networking</p>
<p>DNS · Reverse proxy · VPN · LAN/WAN · Cloudflare Tunnels · Firewall configuration</p>
</div>
<div class="skill-group">
<p class="skill-group-title">AI & Data</p>
<p>Ollama · ChromaDB · LlamaIndex · OpenWebUI · AnythingLLM · Jupyter · Python</p>
</div>
<div class="skill-group">
<p class="skill-group-title">Electronics & Hardware</p>
<p>Circuit design · Soldering · Arduino · ESP32 · Raspberry Pi · KiCad · FreeCAD</p>
</div>
<div class="skill-group">
<p class="skill-group-title">Business Software</p>
<p>Odoo ERP · Microsoft Excel · Office 365</p>
</div>
<div class="skill-group">
<p class="skill-group-title">Design & Documentation</p>
<p>Inkscape · Canva · Markdown · FreeCAD</p>
</div>
</div>
</section>
<a href="lab/index.html" class="lab-callout">
<span class="lab-callout-label">Home Lab</span>
<p>Two Linux servers running 15+ self-hosted services. See the hardware and what's deployed on it.</p>
<span class="lab-callout-link">View the lab →</span>
</a>
</div>
</div>
<!-- RIGHT COLUMN -->
<div class="col-right">
<section id="projects">
<h2>Projects</h2>
<div class="projects">
<a href="https://lemoe.link" target="_blank" class="project">
<div class="project-header">
<span class="project-name">LEMoE</span>
<span class="project-arrow"></span>
</div>
<p>AI middleware that semantically routes requests across multiple local expert models. Built to run efficiently on constrained hardware without cloud dependency.</p>
<span class="project-stack">Docker · Python · Ollama</span>
</a>
<a href="https://srag.jrodriiguezg.link" target="_blank" class="project">
<div class="project-header">
<span class="project-name">SRag</span>
<span class="project-arrow"></span>
</div>
<p>Containerized RAG pipeline connecting document store embeddings to a language model with a clean, maintainable architecture.</p>
<span class="project-stack">ChromaDB · Docker Compose</span>
</a>
<a href="https://prrpc.jrodriiguezg.link" target="_blank" class="project">
<div class="project-header">
<span class="project-name">PRRPC</span>
<span class="project-arrow"></span>
</div>
<p>Linux daemon integrating hardware and software on Wayland. Drives a physical status monitor via a custom USB communication protocol.</p>
<span class="project-stack">Linux · Wayland · Hardware</span>
</a>
<a href="https://blog.jrodriiguezg.link" target="_blank" class="project">
<div class="project-header">
<span class="project-name">Blog</span>
<span class="project-arrow"></span>
</div>
<p>Technical writing in English and Spanish. Articles on Linux, infrastructure, automation, and hardware.</p>
<span class="project-stack">Writing · Linux · Systems</span>
</a>
<a href="lab/index.html" class="project">
<div class="project-header">
<span class="project-name">Lab</span>
<span class="project-arrow"></span>
</div>
<p>The hardware running all of this. Two servers, 5.6 TB of storage, no cloud dependency.</p>
<span class="project-stack">HP EliteDesk · Raspberry Pi 4B</span>
</a>
<!-- NODE 2: Raspberry Pi -->
<div class="node">
<div class="node-header">
<div class="node-meta">
<span class="node-label">Secondary Node</span>
<h2>Raspberry Pi 4B</h2>
</div>
</section>
<section id="contact">
<h2>Contact</h2>
<p>If you need a reliable infrastructure partner — someone who understands your stack end to end — reach out.</p>
<a href="mailto:[email protected]" class="email-link">[email protected]</a>
<div class="social-links">
<a href="https://www.linkedin.com/in/juanraulrodriguezgil/" target="_blank">LinkedIn</a>
<a href="https://github.com/jrodriiguezg" target="_blank">GitHub</a>
<div class="node-status">
<span class="status-dot"></span>
<span>Online</span>
</div>
</section>
</div>
<div class="node-specs">
<div class="spec-group">
<p class="spec-label">CPU</p>
<p class="spec-value">Broadcom BCM2711</p>
<p class="spec-sub">Quad-core ARM Cortex-A72 @ 1.8 GHz</p>
</div>
<div class="spec-group">
<p class="spec-label">RAM</p>
<p class="spec-value">4 GB LPDDR4</p>
</div>
<div class="spec-group">
<p class="spec-label">OS</p>
<p class="spec-value">Debian 13 (Trixie)</p>
<p class="spec-sub">Lightweight services & hardware integration</p>
</div>
</div>
</div>
</div>
</main>
<section class="services-section">
<div class="services-inner">
<div class="services-node">
<p class="services-node-label">HP EliteDesk 700 G4</p>
<div class="services-list">
<div class="service-row">
<span class="service-name">Home Assistant</span>
<span class="service-desc">Home automation platform</span>
<a href="https://hamaca.jrodriiguezg.link" target="_blank" class="service-endpoint public">hamaca.jrodriiguezg.link ↗</a>
</div>
<div class="service-row">
<span class="service-name">Jellyfin</span>
<span class="service-desc">Media server</span>
<a href="https://jellyfin.jrodriiguezg.link" target="_blank" class="service-endpoint public">jellyfin.jrodriiguezg.link ↗</a>
</div>
<div class="service-row">
<span class="service-name">Navidrome</span>
<span class="service-desc">Music streaming server</span>
<a href="https://navidrome.jrodriiguezg.link" target="_blank" class="service-endpoint public">navidrome.jrodriiguezg.link ↗</a>
</div>
<div class="service-row">
<span class="service-name">Synapse</span>
<span class="service-desc">Matrix homeserver</span>
<a href="https://macarron.jrodriiguezg.link" target="_blank" class="service-endpoint public">macarron.jrodriiguezg.link ↗</a>
</div>
<div class="service-row">
<span class="service-name">Drawio</span>
<span class="service-desc">Diagram editor</span>
<a href="https://drawio.jrodriiguezg.link" target="_blank" class="service-endpoint public">drawio.jrodriiguezg.link ↗</a>
</div>
<div class="service-row">
<span class="service-name">Odoo</span>
<span class="service-desc">ERP (test instance)</span>
<a href="https://jotarcloud.jrodriiguezg.link" target="_blank" class="service-endpoint public">jotarcloud.jrodriiguezg.link ↗</a>
</div>
<div class="service-row">
<span class="service-name">Kroki</span>
<span class="service-desc">Diagram rendering API</span>
<span class="service-endpoint internal">Internal</span>
</div>
<div class="service-row">
<span class="service-name">Element Web</span>
<span class="service-desc">Matrix web client</span>
<span class="service-endpoint internal">Internal</span>
</div>
</div>
</div>
<div class="services-node">
<p class="services-node-label">Raspberry Pi 4B</p>
<div class="services-list">
<div class="service-row">
<span class="service-name">Cloudflared</span>
<span class="service-desc">Cloudflare Tunnel — WAN exposure & public routing</span>
<span class="service-endpoint internal">Internal daemon</span>
</div>
<div class="service-row">
<span class="service-name">Homarr</span>
<span class="service-desc">Dashboard for self-hosted services</span>
<a href="https://hmrr.jrodriiguezg.link" target="_blank" class="service-endpoint public">hmrr.jrodriiguezg.link ↗</a>
</div>
<div class="service-row">
<span class="service-name">Gitea</span>
<span class="service-desc">Self-hosted Git service</span>
<span class="service-endpoint internal">Internal</span>
</div>
<div class="service-row">
<span class="service-name">NPM</span>
<span class="service-desc">Nginx Proxy Manager — reverse proxy</span>
<span class="service-endpoint internal">Internal</span>
</div>
<div class="service-row">
<span class="service-name">Adguard Home</span>
<span class="service-desc">DNS-level ad & tracker blocking</span>
<span class="service-endpoint internal">Internal</span>
</div>
<div class="service-row">
<span class="service-name">Arcane</span>
<span class="service-desc">Network scanner</span>
<span class="service-endpoint internal">Internal</span>
</div>
</div>
</div>
</div>
</section>
<footer>
<span>© 2026 Juan Raul Rodriguez Gil</span>
<span>jrodriiguezg.link</span>
<a href="../index.html">← Back to main</a>
<span>jrodriiguezg.link / lab</span>
</footer>
</body>
</html>
</html>