92 lines
4.6 KiB
HTML
92 lines
4.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Public Notes - PersoNotes</title>
|
|
<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=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="static/theme.css" />
|
|
<link rel="stylesheet" href="static/themes.css" />
|
|
<!-- Lucide Icons -->
|
|
<script src="https://unpkg.com/lucide@latest"></script>
|
|
<style>
|
|
body { margin: 0; padding: 0; background: var(--bg-primary, #1e1e1e); color: var(--text-primary, #e0e0e0); font-family: 'JetBrains Mono', monospace; }
|
|
.public-container { max-width: 900px; margin: 0 auto; padding: 2rem; }
|
|
.public-header { text-align: center; margin-bottom: 3rem; padding-bottom: 1.5rem; border-bottom: 2px solid var(--bg-tertiary, #2d2d2d); }
|
|
.public-header h1 { font-size: 2.5rem; margin: 0 0 0.5rem 0; color: var(--text-primary, #e0e0e0); }
|
|
.public-header p { color: var(--text-secondary, #b0b0b0); font-size: 1.1rem; }
|
|
.notes-list { list-style: none; padding: 0; margin: 0; }
|
|
.note-item { background: var(--bg-secondary, #252525); border: 1px solid var(--bg-tertiary, #2d2d2d); border-radius: 8px; padding: 1.5rem; margin-bottom: 1rem; transition: transform 0.2s, box-shadow 0.2s; }
|
|
.note-item:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); }
|
|
.note-item a { text-decoration: none; color: inherit; display: block; }
|
|
.note-title { font-size: 1.5rem; font-weight: 600; margin: 0 0 0.5rem 0; color: var(--text-primary, #e0e0e0); }
|
|
.note-meta { display: flex; gap: 1rem; color: var(--text-secondary, #b0b0b0); font-size: 0.9rem; margin-bottom: 0.5rem; }
|
|
.note-tags { display: flex; gap: 0.5rem; flex-wrap: wrap; }
|
|
.tag { background: var(--bg-tertiary, #2d2d2d); color: var(--text-secondary, #b0b0b0); padding: 0.25rem 0.75rem; border-radius: 4px; font-size: 0.85rem; }
|
|
.empty-state { text-align: center; padding: 3rem; color: var(--text-secondary, #b0b0b0); }
|
|
.empty-state svg { width: 64px; height: 64px; margin-bottom: 1rem; opacity: 0.5; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="public-container">
|
|
<div class="public-header">
|
|
<h1><i data-lucide="book-open" class="icon-md"></i> Public Notes</h1>
|
|
<p>Discover my shared notes</p>
|
|
</div>
|
|
<ul class="notes-list">
|
|
<li class="note-item">
|
|
<a href="collaboration.html">
|
|
<h2 class="note-title">Real-time Collaboration</h2>
|
|
<div class="note-meta">
|
|
<span><i data-lucide="calendar" class="icon-sm"></i> Published on 24/12/2025</span>
|
|
</div>
|
|
|
|
</a>
|
|
</li>
|
|
<li class="note-item">
|
|
<a href="11.html">
|
|
<h2 class="note-title">Daily Note - 2025-11-11</h2>
|
|
<div class="note-meta">
|
|
<span><i data-lucide="calendar" class="icon-sm"></i> Published on 24/12/2025</span>
|
|
</div>
|
|
|
|
</a>
|
|
</li>
|
|
<li class="note-item">
|
|
<a href="mobile-app.html">
|
|
<h2 class="note-title">Native Mobile App</h2>
|
|
<div class="note-meta">
|
|
<span><i data-lucide="calendar" class="icon-sm"></i> Published on 24/12/2025</span>
|
|
</div>
|
|
|
|
</a>
|
|
</li>
|
|
<li class="note-item">
|
|
<a href="backlog.html">
|
|
<h2 class="note-title">Product Backlog</h2>
|
|
<div class="note-meta">
|
|
<span><i data-lucide="calendar" class="icon-sm"></i> Published on 13/11/2025</span>
|
|
</div>
|
|
|
|
</a>
|
|
</li>
|
|
<li class="note-item">
|
|
<a href="endpoints.html">
|
|
<h2 class="note-title">API Endpoints Reference</h2>
|
|
<div class="note-meta">
|
|
<span><i data-lucide="calendar" class="icon-sm"></i> Published on 13/11/2025</span>
|
|
</div>
|
|
|
|
</a>
|
|
</li></ul>
|
|
</div>
|
|
<script>
|
|
// Initialize Lucide icons
|
|
if (typeof lucide !== 'undefined') {
|
|
lucide.createIcons();
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |