AonWeb/index.html
2026-07-21 08:10:23 -05:00

199 lines
8.8 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Aaron Co</title>
<link rel="icon" type="image/svg+xml" href="Files/Aon_2.svg">
<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>