Files
deardiary/www/docs/index.html

74 lines
2.7 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Documentation - DearDiary</title>
<link rel="stylesheet" href="../css/styles.css">
<link rel="stylesheet" href="../css/docs.css">
</head>
<body>
<nav class="navbar">
<div class="nav-container">
<a href="../" class="logo">
<svg width="32" height="32" viewBox="0 0 100 100"><defs><linearGradient id="g" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:#6d28d9"/><stop offset="100%" style="stop-color:#4c1d95"/></linearGradient></defs><rect width="100" height="100" rx="20" fill="url(#g)"/><path d="M25 25 L75 25 L75 80 L25 80 Z" fill="none" stroke="white" stroke-width="3"/><path d="M35 40 L65 40 M35 50 L65 50 M35 60 L55 60" stroke="white" stroke-width="2"/></svg>
DearDiary
</a>
<div class="nav-links">
<a href="../">Home</a>
<a href="../docs/" class="active">Docs</a>
<a href="../blog/">Blog</a>
<a href="${GIT_URL}" target="_blank">Git Repository</a>
</div>
</div>
</nav>
<div class="docs-layout">
<aside class="docs-sidebar">
<div class="sidebar-section">
<h3>Getting Started</h3>
<a href="installation.html">Installation</a>
<a href="quick-start.html">Quick Start</a>
<a href="ai-providers.html">AI Providers</a>
</div>
</aside>
<main class="docs-content">
<h1>Documentation</h1>
<p>Welcome to the DearDiary documentation. Here you'll find everything you need to get started and make the most of your AI-powered journal.</p>
<h2>Quick Links</h2>
<div class="feature-grid" style="grid-template-columns: repeat(2, 1fr);">
<div class="feature-card">
<h3><a href="installation.html">Installation</a></h3>
<p>Get DearDiary up and running with Docker in minutes.</p>
</div>
<div class="feature-card">
<h3><a href="quick-start.html">Quick Start</a></h3>
<p>Learn the basics and create your first diary entry.</p>
</div>
<div class="feature-card">
<h3><a href="ai-providers.html">AI Providers</a></h3>
<p>Configure Groq, OpenAI, Anthropic, or local models.</p>
</div>
</div>
<h2>Need Help?</h2>
<p>If you encounter issues:</p>
<ul>
<li>Check the <a href="${GIT_URL}/issues" target="_blank">Issues</a></li>
<li>Review the configuration settings</li>
<li>Ensure your AI provider API key is valid</li>
</ul>
<div class="next-steps">
<a href="installation.html" class="btn btn-primary">Get Started →</a>
</div>
</main>
</div>
</body>
</html>