87 lines
3.1 KiB
HTML
87 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr" data-theme="dark">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>ObsiGate</title>
|
|
<link rel="stylesheet" href="/static/style.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark.min.css" id="hljs-theme-dark">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css" id="hljs-theme-light" disabled>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
|
|
<script src="https://unpkg.com/lucide@0.344.0/dist/umd/lucide.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="app-container">
|
|
|
|
<!-- Header -->
|
|
<header class="header">
|
|
<button class="hamburger-btn" id="hamburger-btn" title="Menu">
|
|
<i data-lucide="menu" style="width:20px;height:20px"></i>
|
|
</button>
|
|
|
|
<div class="header-logo">
|
|
<i data-lucide="book-open" style="width:20px;height:20px"></i>
|
|
ObsiGate
|
|
</div>
|
|
|
|
<div class="search-wrapper">
|
|
<i data-lucide="search" class="search-icon" style="width:16px;height:16px"></i>
|
|
<input type="text" id="search-input" placeholder="Recherche..." autocomplete="off">
|
|
</div>
|
|
|
|
<select id="vault-filter" class="search-vault-filter">
|
|
<option value="all">Toutes les vaults</option>
|
|
</select>
|
|
|
|
<button class="theme-toggle" id="theme-toggle" title="Changer le thème">
|
|
<i data-lucide="moon" id="theme-icon" style="width:18px;height:18px"></i>
|
|
</button>
|
|
</header>
|
|
|
|
<!-- Main -->
|
|
<div class="main-body">
|
|
|
|
<!-- Mobile overlay -->
|
|
<div class="sidebar-overlay" id="sidebar-overlay"></div>
|
|
|
|
<!-- Sidebar -->
|
|
<aside class="sidebar" id="sidebar">
|
|
<!-- Sidebar filter -->
|
|
<div class="sidebar-filter">
|
|
<i data-lucide="filter" class="sidebar-filter-icon" style="width:14px;height:14px"></i>
|
|
<input type="text" id="sidebar-filter-input" placeholder="Filtrer fichiers et tags..." autocomplete="off">
|
|
</div>
|
|
|
|
<div class="sidebar-tree" id="sidebar-tree">
|
|
<div class="sidebar-section-title">Vaults</div>
|
|
<div id="vault-tree"></div>
|
|
</div>
|
|
|
|
<!-- Tag resize handle -->
|
|
<div class="tag-resize-handle" id="tag-resize-handle"></div>
|
|
|
|
<div class="tag-cloud-section" id="tag-cloud-section">
|
|
<div class="tag-cloud-title">Tags</div>
|
|
<div class="tag-cloud" id="tag-cloud"></div>
|
|
</div>
|
|
</aside>
|
|
|
|
<!-- Sidebar resize handle -->
|
|
<div class="sidebar-resize-handle" id="sidebar-resize-handle"></div>
|
|
|
|
<!-- Content -->
|
|
<main class="content-area" id="content-area">
|
|
<div class="welcome" id="welcome">
|
|
<i data-lucide="library" style="width:48px;height:48px;color:var(--text-muted)"></i>
|
|
<h2>ObsiGate</h2>
|
|
<p>Sélectionnez un fichier dans la sidebar ou utilisez la recherche pour commencer.</p>
|
|
</div>
|
|
</main>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/static/app.js"></script>
|
|
</body>
|
|
</html>
|