Files
donovan-portfolio/index.html
2026-01-27 02:18:01 +00:00

160 lines
9.2 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="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Donovan Kelly | CTO & Software Engineer</title>
<meta name="description" content="Portfolio of Donovan Kelly - CTO at Arcanum Technology, building cutting-edge authentication systems and autonomous robotics.">
<link rel="stylesheet" href="css/style.css">
<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:wght@300;400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
<nav class="nav">
<div class="nav-container">
<a href="#" class="nav-logo">DK</a>
<ul class="nav-links">
<li><a href="#about">About</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</nav>
<header class="hero">
<div class="hero-content">
<h1>Donovan Kelly</h1>
<p class="hero-subtitle">CTO & Software Engineer</p>
<p class="hero-description">Building secure authentication systems and autonomous robotics at the intersection of software and hardware.</p>
<div class="hero-cta">
<a href="#projects" class="btn btn-primary">View Projects</a>
<a href="#contact" class="btn btn-secondary">Get in Touch</a>
</div>
</div>
</header>
<section id="about" class="section about">
<div class="container">
<h2 class="section-title">About</h2>
<div class="about-content">
<div class="about-text">
<p>I'm the CTO of <strong>Arcanum Technology LLC</strong>, where I lead the development of <strong>nKode</strong> — a cutting-edge multi-factor authentication system designed to make security seamless and robust.</p>
<p>My background spans embedded systems, robotics, and full-stack development. I've built everything from autonomous robots using ROS and computer vision to secure authentication infrastructure.</p>
<p>I'm passionate about solving hard problems at the edge of what's possible — whether that's making machines navigate the real world or protecting digital identities.</p>
</div>
<div class="about-skills">
<h3>Skills & Technologies</h3>
<div class="skills-grid">
<span class="skill-tag">Python</span>
<span class="skill-tag">C/C++</span>
<span class="skill-tag">ROS</span>
<span class="skill-tag">Computer Vision</span>
<span class="skill-tag">SLAM</span>
<span class="skill-tag">Embedded Systems</span>
<span class="skill-tag">Authentication</span>
<span class="skill-tag">Security</span>
<span class="skill-tag">Full-Stack</span>
<span class="skill-tag">Leadership</span>
</div>
</div>
</div>
</div>
</section>
<section id="projects" class="section projects">
<div class="container">
<h2 class="section-title">Projects</h2>
<div class="projects-grid">
<article class="project-card">
<div class="project-header">
<h3>nKode</h3>
<span class="project-status">Current</span>
</div>
<p class="project-role">CTO, Arcanum Technology LLC</p>
<p class="project-description">A cutting-edge multi-factor authentication system designed for modern security needs. Leading architecture, development, and team strategy.</p>
<div class="project-tags">
<span>Authentication</span>
<span>Security</span>
<span>MFA</span>
</div>
</article>
<article class="project-card">
<div class="project-header">
<h3>F.R.A.N.C.</h3>
<span class="project-date">2018 - Present</span>
</div>
<p class="project-role">Software Lead</p>
<p class="project-description">Forest Roaming Autonomous Nature Creator — an autonomous seed-planting robot. Developed software using ROS for simultaneous localization and mapping (SLAM) with Xbox Kinect and LiDAR sensors.</p>
<div class="project-tags">
<span>ROS</span>
<span>SLAM</span>
<span>LiDAR</span>
<span>Computer Vision</span>
<span>Robotics</span>
</div>
</article>
<article class="project-card">
<div class="project-header">
<h3>Slug Slinger</h3>
<span class="project-date">Sep - Dec 2018</span>
</div>
<p class="project-role">Software Lead</p>
<p class="project-description">Autonomous combat robot capable of navigating a 16ft × 8ft arena, locating enemy robots, and firing projectiles up to 16ft. Built from scratch on a PIC32 microcontroller with full custom software stack.</p>
<div class="project-tags">
<span>PIC32</span>
<span>Embedded C</span>
<span>Autonomous Navigation</span>
<span>Robotics</span>
</div>
</article>
</div>
</div>
</section>
<section id="contact" class="section contact">
<div class="container">
<h2 class="section-title">Get in Touch</h2>
<div class="contact-content">
<div class="contact-info">
<p>Interested in working together or have a question? Drop me a message.</p>
<div class="social-links">
<a href="https://www.linkedin.com/in/donovan-kelly-0a231387/" target="_blank" rel="noopener" class="social-link" aria-label="LinkedIn">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
</a>
<a href="https://github.com/" target="_blank" rel="noopener" class="social-link" aria-label="GitHub">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>
</a>
</div>
</div>
<form class="contact-form" action="https://formspree.io/f/YOUR_FORM_ID" method="POST">
<div class="form-group">
<label for="name">Name</label>
<input type="text" id="name" name="name" required>
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" id="email" name="email" required>
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea id="message" name="message" rows="5" required></textarea>
</div>
<button type="submit" class="btn btn-primary">Send Message</button>
</form>
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<p>&copy; 2026 Donovan Kelly. All rights reserved.</p>
</div>
</footer>
<script src="js/main.js"></script>
</body>
</html>