Initial portfolio site
This commit is contained in:
159
index.html
Normal file
159
index.html
Normal file
@@ -0,0 +1,159 @@
|
||||
<!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>© 2026 Donovan Kelly. All rights reserved.</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user