198 lines
8.8 KiB
HTML
198 lines
8.8 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="es">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Portafolio — Mockup</title>
|
||
<link rel="stylesheet" href="styles.css">
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700;800&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
|
||
<script defer src="https://umami.aoncoz.cc/script.js" data-website-id="4530c463-5f11-44a0-a2ff-2ac65c2bf2b9"></script>
|
||
</head>
|
||
<body>
|
||
|
||
<div class="grid-bg"></div>
|
||
|
||
<svg class="trace-svg" viewBox="0 0 40 1400" preserveAspectRatio="none">
|
||
<path class="trace-path" d="M20,0 L20,180 L8,200 L8,420 L20,440 L20,700 L32,720 L32,980 L20,1000 L20,1400" />
|
||
<circle class="trace-node" cx="20" cy="180" r="3.5"/>
|
||
<circle class="trace-node" cx="8" cy="420" r="3.5"/>
|
||
<circle class="trace-node" cx="32" cy="720" r="3.5"/>
|
||
<circle class="trace-node" cx="20" cy="1000" r="3.5"/>
|
||
</svg>
|
||
|
||
<div class="wrap">
|
||
|
||
<header class="top">
|
||
<div class="logo">AO.<span>_dev</span></div>
|
||
<nav>
|
||
<!--<a href="#proyectos">Proyectos</a>-->
|
||
<a href="#stack">Stack</a>
|
||
<a href="#contacto">Contacto</a>
|
||
</nav>
|
||
</header>
|
||
|
||
<section class="hero" style="border-top:none;">
|
||
<div class="status-line">
|
||
<span class="dot"></span> VPS online
|
||
</div>
|
||
<h1>Integro sistemas que conectan <span class="accent">software, hardware</span> e ingeniería</h1>
|
||
<p class="hero-sub">Ingeniero Mecatrónico con 3 años de experiencia diagnosticando y optimizando sistemas eléctricos, electrónicos y mecánicos en la industria automotriz e industrial — hoy aplicados a sistemas embebidos, IoT y análisis de datos.</p>
|
||
<!--<div class="hero-cta">
|
||
<a href="#proyectos" class="btn btn-primary">Ver proyectos</a>
|
||
<a href="#cv" class="btn btn-ghost">Descargar CV</a>
|
||
</div>-->
|
||
</section>
|
||
|
||
<section class="about">
|
||
<div class="sec-label">// sobre mí</div>
|
||
<p>Vengo del diseño y mantenimiento de sistemas eléctricos y electrónicos en vehículos comerciales e industria — de ahí entendí cómo piensan las máquinas antes de aprender a programarlas. He liderado equipos multidisciplinarios en la resolución de fallas críticas y hoy aplico esa base a <strong>sistemas embebidos, IoT y modelos de datos</strong>, con foco en resolver problemas reales de operación, no en coleccionar tecnologías.</p>
|
||
</section>
|
||
|
||
<section class="timeline">
|
||
<div class="sec-label">// trayectoria</div>
|
||
<div class="tl-item">
|
||
<div class="tl-head">
|
||
<span class="tl-role">Desarrollo Mecatrónico</span>
|
||
<span class="tl-date">[Ene 26] – Presente</span>
|
||
</div>
|
||
<p class="tl-desc">Consultoría independiente en diseño de producto, IoT industrial y análisis de datos operativos para clientes del sector automotriz e industrial.</p>
|
||
</div>
|
||
<div class="tl-item">
|
||
<div class="tl-head">
|
||
<span class="tl-role">Ingeniero Eléctrico Neumático</span>
|
||
<span class="tl-date">[Jul 23] – [Jul 25]</span>
|
||
</div>
|
||
<p class="tl-desc">Diseño e implementación de arquitecturas eléctricas/electrónicas y sistemas multiplex (CAN) para chasis de Mercedes-Benz, Volvo, Scania y Volkswagen.</p>
|
||
</div>
|
||
<div class="tl-item">
|
||
<div class="tl-head">
|
||
<span class="tl-role">Practicante Infraestructura y Mantenimiento</span>
|
||
<span class="tl-date">[Jun 22] – [Mar 23]</span>
|
||
</div>
|
||
<p class="tl-desc">Gestión de mantenimiento, operatividad e indicadores, diseñando reportes para toma de decisiones y mejora continua.</p>
|
||
</div>
|
||
<div class="tl-item">
|
||
<div class="tl-head">
|
||
<span class="tl-role">Técnico de Ingeniería</span>
|
||
<span class="tl-date">[May 21] – [Dic 21]</span>
|
||
</div>
|
||
<p class="tl-desc">Modelado 3D, diagnóstico de sistemas de control y montaje de sistemas de telemetría y sensores.</p>
|
||
</div>
|
||
<!-- -- <a href="#contacto" class="card-link" style="margin-top:6px; display:inline-block;">→ trayectoria completa en el CV</a> -->
|
||
</section>
|
||
<!--
|
||
<section id="proyectos">
|
||
<div class="sec-label">// proyectos destacados</div>
|
||
<div class="proj-grid">
|
||
|
||
<div class="card">
|
||
<div class="card-top">
|
||
<h3>Mantenimiento predictivo de maquinaria</h3>
|
||
<span class="card-result">94% precisión</span>
|
||
</div>
|
||
<p class="desc">Modelo que predice fallas de un equipo industrial antes de que ocurran, a partir de datos históricos de sensores (vibración, temperatura). Incluye análisis de por qué se eligió cada variable y modelo.</p>
|
||
<div class="tags"><span class="tag">Python</span><span class="tag">scikit-learn</span><span class="tag">pandas</span></div>
|
||
<a href="#" class="card-link">→ ver caso de estudio</a>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-top">
|
||
<h3>Diagnóstico de fallas sobre datos CAN</h3>
|
||
<span class="card-result">bus vehicular</span>
|
||
</div>
|
||
<p class="desc">Lectura y clasificación de tramas de bus CAN para identificar patrones anómalos asociados a fallas, aplicando conocimiento directo de arquitecturas eléctricas vehiculares.</p>
|
||
<div class="tags"><span class="tag">Python</span><span class="tag">CAN bus</span><span class="tag">clasificación</span></div>
|
||
<a href="#" class="card-link">→ ver repositorio</a>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-top">
|
||
<h3>Sistema IoT de monitoreo en tiempo real</h3>
|
||
<span class="card-result">end-to-end</span>
|
||
</div>
|
||
<p class="desc">Microcontrolador con sensores → envío por MQTT → backend que almacena y expone los datos → dashboard en vivo. Desplegado íntegramente en esta misma VPS.</p>
|
||
<div class="tags"><span class="tag">ESP32</span><span class="tag">MQTT</span><span class="tag">Docker</span><span class="tag">Node.js</span></div>
|
||
<a href="#" class="card-link">→ ver demo en vivo</a>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="proj-subhead">diseño técnico / CAD</div>
|
||
<div class="cad-grid">
|
||
<div class="cad-card">
|
||
<div class="cad-thumb">[modelo 3D]</div>
|
||
<div class="cad-label">Estructura de soporte para sensores IoT</div>
|
||
</div>
|
||
<div class="cad-card">
|
||
<div class="cad-thumb">[plano]</div>
|
||
<div class="cad-label">Arnés eléctrico — sistema GNV</div>
|
||
</div>
|
||
<div class="cad-card">
|
||
<div class="cad-thumb">[modelo 3D]</div>
|
||
<div class="cad-label">Chasis de prueba — prototipo</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
-->
|
||
<section id="stack">
|
||
<div class="sec-label">// stack técnico</div>
|
||
|
||
<div class="layer">
|
||
<div class="layer-title">Núcleo</div>
|
||
<div class="chip-row">
|
||
<span class="chip core">Sistemas embebidos</span>
|
||
<span class="chip core">Redes & IoT</span>
|
||
<span class="chip core">Diseño de Productos</span>
|
||
<span class="chip core">Análisis de datos</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layer">
|
||
<div class="layer-title">Diseño CAD - EDA</div>
|
||
<div class="chip-row">
|
||
<span class="chip support">SolidWorks</span>
|
||
<span class="chip support">Fusion 360</span>
|
||
<span class="chip support">AutoCAD</span>
|
||
<span class="chip support">ANSYS</span>
|
||
<span class="chip support">FreeCAD</span>
|
||
<span class="chip support">KiCad</span>
|
||
<span class="chip support">Proteus</span>
|
||
<span class="chip support">Inventor</span>
|
||
<span class="chip support">Blender</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layer">
|
||
<div class="layer-title">Software, Systems & Data</div>
|
||
<div class="chip-row">
|
||
<span class="chip support">Linux</span>
|
||
<span class="chip support">Docker</span>
|
||
<span class="chip support">Cloud</span>
|
||
<span class="chip support">MATLAB</span>
|
||
<span class="chip support">Power BI</span>
|
||
<span class="chip support">C / Bash</span>
|
||
<span class="chip support">SQL</span>
|
||
<span class="chip support">Python</span>
|
||
<span class="chip support">Git</span>
|
||
<span class="chip support">PowerBI</span>
|
||
<span class="chip support">SAP</span>
|
||
<span class="chip support">Microsft Office</span>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<footer id="contacto">
|
||
<div>
|
||
<a href="mailto:tu-email@ejemplo.com">Email</a> ·
|
||
<a href="https://www.linkedin.com/in/aaroncolonia/" target="_blank" rel="noopener noreferrer">LinkedIn</a> ·
|
||
<a href="https://github.com/aoncoz" target="_blank" rel="noopener noreferrer">GitHub</a> ·
|
||
<!--<a href="tu-cv.pdf" style="color:var(--amber);" target="_blank">CV</a>-->
|
||
</div>
|
||
<div class="infra-note">VPS propia, autogestionado</div>
|
||
</footer>
|
||
|
||
</div>
|
||
|
||
</body>
|
||
</html>
|