mathieu/personotes
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change d'interface plus légére, modification side barre

Browse Source
This commit is contained in:
Mathieu Aumont
2025-12-24 16:14:17 +01:00
parent cc1d6880a7
commit 917a31d5a8
46 changed files with 7484 additions and 298 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
templates/about.html
View File

@ -1,7 +1,7 @@
<div id="about-content" style="padding: 3rem; max-width: 900px; margin: 0 auto;">
<div style="text-align: center; margin-bottom: 3rem;">
<h1 style="font-size: 2.5rem; color: #c792ea; margin-bottom: 1rem;">
📝 About PersoNotes
<i data-lucide="file-text" class="icon-md"></i> About PersoNotes
</h1>
<p style="font-size: 1.2rem; color: var(--text-secondary); margin-bottom: 2rem;">
Un gestionnaire de notes Markdown moderne et puissant
@ -10,23 +10,23 @@
<div style="margin-top: 3rem;">
<h2 style="color: #82aaff; font-size: 1.5rem; margin-bottom: 1.5rem;">
🚀 Démarrage rapide
<i data-lucide="rocket" class="icon-sm"></i> Démarrage rapide
</h2>
<div style="display: grid; gap: 1.5rem; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));">
<div style="background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: var(--radius-md); padding: 1.5rem;">
<h3 style="color: #89ddff; margin-bottom: 0.5rem;">📁 Parcourir</h3>
<h3 style="color: #89ddff; margin-bottom: 0.5rem;"><i data-lucide="folder-open" class="icon-sm"></i> Parcourir</h3>
<p style="color: var(--text-secondary); font-size: 0.9rem; margin-bottom: 1rem;">
Explorez vos notes dans l'arborescence à gauche
</p>
</div>
<div style="background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: var(--radius-md); padding: 1.5rem;">
<h3 style="color: #c3e88d; margin-bottom: 0.5rem;">🔍 Rechercher</h3>
<h3 style="color: #c3e88d; margin-bottom: 0.5rem;"><i data-lucide="search" class="icon-sm"></i> Rechercher</h3>
<p style="color: var(--text-secondary); font-size: 0.9rem; margin-bottom: 1rem;">
Utilisez la barre de recherche en haut pour trouver vos notes
</p>
</div>
<div style="background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: var(--radius-md); padding: 1.5rem;">
<h3 style="color: #ffcb6b; margin-bottom: 0.5rem;">⚡ Slash commands</h3>
<h3 style="color: #ffcb6b; margin-bottom: 0.5rem;"><i data-lucide="zap" class="icon-sm"></i> Slash commands</h3>
<p style="color: var(--text-secondary); font-size: 0.9rem; margin-bottom: 1rem;">
Tapez <code style="color: #f07178;">/</code> dans l'éditeur pour insérer du Markdown
</p>
@ -36,7 +36,7 @@
<div style="margin-top: 3rem;">
<h2 style="color: #82aaff; font-size: 1.5rem; margin-bottom: 1.5rem;">
✨ Fonctionnalités
<i data-lucide="sparkles" class="icon-sm"></i> Fonctionnalités
</h2>
<ul style="color: var(--text-secondary); line-height: 2; list-style: none; padding: 0;">
<li style="padding: 0.5rem 0; border-bottom: 1px solid var(--border-secondary);">
@ -62,13 +62,13 @@
<div style="margin-top: 3rem; text-align: center; padding: 2rem; background: var(--bg-secondary); border-radius: var(--radius-md); border: 1px solid var(--border-primary);">
<p style="color: var(--text-muted); font-size: 0.9rem;">
💡 Astuce : Cliquez sur une note dans l'arborescence pour commencer à éditer
<i data-lucide="lightbulb" class="icon-sm"></i> Astuce : Cliquez sur une note dans l'arborescence pour commencer à éditer
</p>
</div>
<div style="margin-top: 3rem;">
<h2 style="color: #82aaff; font-size: 1.5rem; margin-bottom: 1.5rem;">
⌨️ Raccourcis clavier
<i data-lucide="keyboard" class="icon-sm"></i> Raccourcis clavier
</h2>
<div style="display: grid; gap: 0.75rem; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));">
<div style="background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: var(--radius-sm); padding: 0.75rem; display: flex; justify-content: space-between; align-items: center;">
@ -113,7 +113,7 @@
</div>
</div>
<p style="color: var(--text-muted); font-size: 0.85rem; text-align: center; margin-top: 1.5rem;">
💡 Sur Mac, utilisez Cmd au lieu de Ctrl
<i data-lucide="lightbulb" class="icon-sm"></i> Sur Mac, utilisez Cmd au lieu de Ctrl
</p>
</div>
</div>