36474db276
- Removed docs/ (Starlight) - Added www/ with pure HTML/CSS/JS landing page - Product website with features, how it works, get started - Basic HTML documentation pages (installation, quick start, AI providers) - Dockerfile.docs now serves static files from www/ - Updated README and AGENTS.md
122 lines
4.1 KiB
HTML
122 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Installation - DearDiary</title>
|
|
<link rel="stylesheet" href="../css/styles.css">
|
|
<link rel="stylesheet" href="../css/docs.css">
|
|
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><defs><linearGradient id='g' x1='0%25' y1='0%25' x2='100%25' y2='100%25'><stop offset='0%25' style='stop-color:%236d28d9'/><stop offset='100%25' style='stop-color:%234c1d95'/></linearGradient></defs><rect width='100' height='100' rx='20' fill='url(%23g)'/><path d='M25 25 L75 25 L75 80 L25 80 Z' fill='none' stroke='white' stroke-width='3'/></svg>">
|
|
</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"/></svg>
|
|
DearDiary
|
|
</a>
|
|
<div class="nav-links">
|
|
<a href="../">Home</a>
|
|
<a href="../docs/">Docs</a>
|
|
<a href="https://github.com/lotherk/deardiary" target="_blank">GitHub</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="docs-layout">
|
|
<aside class="docs-sidebar">
|
|
<div class="sidebar-section">
|
|
<h3>Getting Started</h3>
|
|
<a href="installation.html" class="active">Installation</a>
|
|
<a href="quick-start.html">Quick Start</a>
|
|
<a href="configuration.html">Configuration</a>
|
|
</div>
|
|
<div class="sidebar-section">
|
|
<h3>Features</h3>
|
|
<a href="events.html">Events</a>
|
|
<a href="diary-pages.html">Diary Pages</a>
|
|
<a href="ai-providers.html">AI Providers</a>
|
|
<a href="search.html">Search</a>
|
|
<a href="export-import.html">Export & Import</a>
|
|
</div>
|
|
</aside>
|
|
|
|
<main class="docs-content">
|
|
<h1>Installation</h1>
|
|
|
|
<h2>Prerequisites</h2>
|
|
<ul>
|
|
<li><a href="https://docs.docker.com/get-docker/" target="_blank">Docker</a> and Docker Compose</li>
|
|
<li>Git</li>
|
|
</ul>
|
|
|
|
<h2>Quick Install</h2>
|
|
|
|
<h3>1. Clone the repository</h3>
|
|
<pre><code>git clone https://github.com/lotherk/deardiary.git
|
|
cd deardiary</code></pre>
|
|
|
|
<h3>2. Copy the environment file</h3>
|
|
<pre><code>cp backend/.env.example backend/.env</code></pre>
|
|
|
|
<h3>3. Start with Docker</h3>
|
|
<pre><code>docker compose up -d</code></pre>
|
|
|
|
<h3>4. Access the app</h3>
|
|
<p>Open <code>http://localhost:5173</code> in your browser.</p>
|
|
|
|
<h2>Default Credentials</h2>
|
|
<table>
|
|
<tr>
|
|
<td><strong>Email</strong></td>
|
|
<td><code>admin@localhost</code></td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>Password</strong></td>
|
|
<td><code>changeme123</code></td>
|
|
</tr>
|
|
</table>
|
|
|
|
<div class="tip">
|
|
<strong>Important:</strong> Change these credentials immediately after first login!
|
|
</div>
|
|
|
|
<h2>Ports</h2>
|
|
<table>
|
|
<tr>
|
|
<th>Service</th>
|
|
<th>Port</th>
|
|
<th>Description</th>
|
|
</tr>
|
|
<tr>
|
|
<td>Frontend</td>
|
|
<td>5173</td>
|
|
<td>Main application (nginx)</td>
|
|
</tr>
|
|
<tr>
|
|
<td>API</td>
|
|
<td>3000</td>
|
|
<td>Backend API (internal)</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Website</td>
|
|
<td>8080</td>
|
|
<td>This website (if enabled)</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<h2>Data Storage</h2>
|
|
<p>All data is stored in Docker volumes:</p>
|
|
<ul>
|
|
<li><code>./data/db/</code> - SQLite database</li>
|
|
<li><code>./data/media/</code> - Uploaded photos and voice memos</li>
|
|
</ul>
|
|
|
|
<div class="next-steps">
|
|
<a href="quick-start.html" class="btn btn-primary">Next: Quick Start →</a>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</body>
|
|
</html>
|