AI-Project-Index / demos.html
danielrosehill's picture
Replace emojis with Font Awesome icons and add top navigation bar
f1ce0e5
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Demos - AI Projects Index</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="container">
<div class="header-top">
<h1>AI Projects Index</h1>
<div class="header-links">
<a href="https://github.com/danielrosehill" target="_blank"><i class="fab fa-github"></i> GitHub</a>
<a href="https://danielrosehill.com" target="_blank"><i class="fas fa-globe"></i> Website</a>
</div>
</div>
<p class="subtitle">Demonstrations of AI concepts and applications</p>
</div>
</header>
<nav class="top-nav">
<div class="container">
<div class="nav-links">
<a href="index.html"><i class="fas fa-home"></i> Home</a>
<a href="demos.html" class="active"><i class="fas fa-flask"></i> Demos</a>
<a href="pocs.html"><i class="fas fa-lightbulb"></i> POCs</a>
<a href="system-prompts.html"><i class="fas fa-cog"></i> System Prompts</a>
<a href="frameworks.html"><i class="fas fa-toolbox"></i> Frameworks</a>
<a href="claude-code.html"><i class="fas fa-terminal"></i> Claude Code</a>
<a href="mcp.html"><i class="fas fa-plug"></i> MCP</a>
<a href="gemini.html"><i class="fas fa-star"></i> Gemini</a>
<a href="automation.html"><i class="fas fa-sync"></i> Automation</a>
<a href="context.html"><i class="fas fa-book"></i> Context</a>
<a href="utilities.html"><i class="fas fa-wrench"></i> Utilities</a>
<a href="documentation.html"><i class="fas fa-file-alt"></i> Docs</a>
<a href="miscellaneous.html"><i class="fas fa-ellipsis-h"></i> More</a>
</div>
</div>
</nav>
<main class="container">
<section class="search-section">
<input type="text" id="projectSearch" placeholder="Search demo projects..." />
</section>
<section class="projects-list">
<div class="project-card">
<h3><a href="https://github.com/danielrosehill/Agent-Handover-Demo" target="_blank">Agent Handover Demo</a></h3>
<span class="badge">Demo</span>
<p>Model for simple handover management (via docs!) between AI agents</p>
</div>
<div class="project-card">
<h3><a href="https://github.com/danielrosehill/AI-Shopping-Advisor" target="_blank">AI Shopping Advisor</a></h3>
<span class="badge">Demo</span>
<p>Demo/example voice prompt to purchasing recs agent config</p>
</div>
<div class="project-card">
<h3><a href="https://github.com/danielrosehill/Gemini-AI-Podcast-Generator" target="_blank">Gemini AI Podcast Generator</a></h3>
<span class="badge">Demo</span>
<p>Gemini app for creating personal podcasts from your AI prompts</p>
</div>
<div class="project-card">
<h3><a href="https://github.com/danielrosehill/AI-Room-Dimension-Estimator" target="_blank">AI Room Dimension Estimator</a></h3>
<span class="badge">Demo</span>
<p>Upload pics, get ballpark dimensions</p>
</div>
<div class="project-card">
<h3><a href="https://github.com/danielrosehill/AI-Timesheet-Creator" target="_blank">AI Timesheet Creator</a></h3>
<span class="badge">Demo</span>
<p>Gemini: screenshot and voice narration based timesheet creator</p>
</div>
<div class="project-card">
<h3><a href="https://github.com/danielrosehill/Context-Cruncher" target="_blank">Context Cruncher</a></h3>
<span class="badge">Demo</span>
<p>App for extracting context data from voice recordings</p>
</div>
<div class="project-card">
<h3><a href="https://github.com/danielrosehill/Custom-License-Creator" target="_blank">Custom License Creator</a></h3>
<span class="badge">Demo</span>
<p>AI tool to create a bespoke set of licensing terms for a project</p>
</div>
<div class="project-card">
<h3><a href="https://github.com/danielrosehill/Gemini-Body-Language-Analyst" target="_blank">Gemini Body Language Analyst</a></h3>
<span class="badge">Demo</span>
<p>Test app "vibe coded" in Google AI Studio: analyse body language from photo plus context</p>
</div>
<div class="project-card">
<h3><a href="https://github.com/danielrosehill/Home-Inventory-Helper" target="_blank">Home Inventory Helper</a></h3>
<span class="badge">Demo</span>
<p>Gemini utility for extracting product data from visual product stickers</p>
</div>
<div class="project-card">
<h3><a href="https://github.com/danielrosehill/Penpal-AI" target="_blank">Penpal AI</a></h3>
<span class="badge">Demo</span>
<p>Gradio UI to explore conversational AI from a different perspective</p>
</div>
<div class="project-card">
<h3><a href="https://github.com/danielrosehill/Policy-Visualiser" target="_blank">Policy Visualiser</a></h3>
<span class="badge">Demo</span>
<p>Visualise how different countries and systems of government approach policy challenges with Gemini identifying clusters</p>
</div>
<div class="project-card">
<h3><a href="https://github.com/danielrosehill/Voice-Analyzer" target="_blank">Voice Analyzer</a></h3>
<span class="badge">Demo</span>
<p>Analyses voice data</p>
</div>
<div class="project-card">
<h3><a href="https://github.com/danielrosehill/Voice-Blog-Creator" target="_blank">Voice Blog Creator</a></h3>
<span class="badge">Demo</span>
<p>Create a blog (or other doc) from a voice recording</p>
</div>
<div class="project-card">
<h3><a href="https://github.com/danielrosehill/Voice-Prompt-Runner" target="_blank">Voice Prompt Runner</a></h3>
<span class="badge">Demo</span>
<p>Demo UI which parses and then runs audio prompts</p>
</div>
<div class="project-card">
<h3><a href="https://github.com/danielrosehill/You-Might-Like-Agent" target="_blank">You Might Like Agent</a></h3>
<span class="badge">Demo</span>
<p>CLI that generates batches of curated recommendations for movies, books, podcasts, etc</p>
</div>
</section>
</main>
<footer>
<div class="container">
<p>&copy; 2025 Daniel Rosehill. Last Updated: August 2025</p>
<p>
<a href="https://github.com/danielrosehill" target="_blank">GitHub</a> |
<a href="https://danielrosehill.com" target="_blank">Website</a> |
<a href="mailto:public@danielrosehill.com">Contact</a>
</p>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>