AI-Project-Index / index.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>AI Projects Index - Daniel Rosehill</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">A comprehensive collection of AI tools, agents, and utilities</p>
</div>
</header>
<nav class="top-nav">
<div class="container">
<div class="nav-links">
<a href="index.html" class="active"><i class="fas fa-home"></i> Home</a>
<a href="demos.html"><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="searchInput" placeholder="Search projects..." />
</section>
<section class="categories-grid">
<div class="category-card" data-category="demos">
<div class="category-icon"><i class="fas fa-flask"></i></div>
<h2>Demos</h2>
<p class="count">17 projects</p>
<p>Demonstrations of AI concepts and applications</p>
<a href="demos.html" class="btn">Explore Demos</a>
</div>
<div class="category-card" data-category="pocs">
<div class="category-icon"><i class="fas fa-lightbulb"></i></div>
<h2>POCs</h2>
<p class="count">12 projects</p>
<p>Proof of concepts for AI systems and workflows</p>
<a href="pocs.html" class="btn">Explore POCs</a>
</div>
<div class="category-card" data-category="system-prompts">
<div class="category-icon"><i class="fas fa-cog"></i></div>
<h2>System Prompts</h2>
<p class="count">30 projects</p>
<p>System prompts for configuring AI assistants and agents</p>
<a href="system-prompts.html" class="btn">Explore System Prompts</a>
</div>
<div class="category-card" data-category="frameworks">
<div class="category-icon"><i class="fas fa-toolbox"></i></div>
<h2>Frameworks & Tools</h2>
<p class="count">29 projects</p>
<p>Frameworks, tools, and utilities for AI development</p>
<a href="frameworks.html" class="btn">Explore Tools</a>
</div>
<div class="category-card" data-category="claude-code">
<div class="category-icon"><i class="fas fa-terminal"></i></div>
<h2>Claude Code Projects</h2>
<p class="count">15 projects</p>
<p>Projects built with and for Claude Code CLI</p>
<a href="claude-code.html" class="btn">Explore Claude Code</a>
</div>
<div class="category-card" data-category="mcp">
<div class="category-icon"><i class="fas fa-plug"></i></div>
<h2>MCP Projects</h2>
<p class="count">7 projects</p>
<p>Model Context Protocol servers and implementations</p>
<a href="mcp.html" class="btn">Explore MCP</a>
</div>
<div class="category-card" data-category="gemini">
<div class="category-icon"><i class="fas fa-star"></i></div>
<h2>Gemini Projects</h2>
<p class="count">5 projects</p>
<p>Projects leveraging Google's Gemini AI</p>
<a href="gemini.html" class="btn">Explore Gemini</a>
</div>
<div class="category-card" data-category="automation">
<div class="category-icon"><i class="fas fa-sync"></i></div>
<h2>Automation & Workflows</h2>
<p class="count">9 projects</p>
<p>N8N workflows and automation tools</p>
<a href="automation.html" class="btn">Explore Automation</a>
</div>
<div class="category-card" data-category="context">
<div class="category-icon"><i class="fas fa-book"></i></div>
<h2>Context & Prompt Libraries</h2>
<p class="count">6 projects</p>
<p>Context repositories and prompt collections</p>
<a href="context.html" class="btn">Explore Libraries</a>
</div>
<div class="category-card" data-category="utilities">
<div class="category-icon"><i class="fas fa-wrench"></i></div>
<h2>Tools & Utilities</h2>
<p class="count">10 projects</p>
<p>Standalone tools and utility applications</p>
<a href="utilities.html" class="btn">Explore Utilities</a>
</div>
<div class="category-card" data-category="documentation">
<div class="category-icon"><i class="fas fa-file-alt"></i></div>
<h2>Documentation & Indexes</h2>
<p class="count">11 projects</p>
<p>Documentation projects and resource indexes</p>
<a href="documentation.html" class="btn">Explore Documentation</a>
</div>
<div class="category-card" data-category="miscellaneous">
<div class="category-icon"><i class="fas fa-ellipsis-h"></i></div>
<h2>Miscellaneous</h2>
<p class="count">32 projects</p>
<p>Various AI experiments and unique projects</p>
<a href="miscellaneous.html" class="btn">Explore More</a>
</div>
</section>
<section class="related-indices">
<h2>Related AI Project Indices</h2>
<div class="index-links">
<a href="https://github.com/danielrosehill/Context-Projects-Index" target="_blank">Context Projects Index</a>
<a href="https://github.com/danielrosehill/Claude-Code-Repos-Index" target="_blank">Claude Code Repos Index</a>
<a href="https://github.com/danielrosehill/AI-Agents" target="_blank">AI Agents</a>
<a href="https://github.com/danielrosehill/Gemini-Vibe-Coding-Projects" target="_blank">Gemini Vibe Coding Projects</a>
<a href="https://github.com/danielrosehill/N8N-Workflows-Index" target="_blank">N8N Workflows Index</a>
<a href="https://github.com/danielrosehill/MCP-Projects" target="_blank">MCP Projects</a>
<a href="https://github.com/danielrosehill/My-Prompt-Libraries" target="_blank">My Prompt Libraries</a>
</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>