Djeex/lumeex
1
1
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects 1 Releases 8 Wiki Activity

Stepper

Browse Source
This commit is contained in:
Djeex
2025-08-21 00:00:37 +02:00
parent cb91b92555
commit a916c80c2a
6 changed files with 240 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/webui/gallery-editor/index.html
View File

@ -13,7 +13,7 @@
<input type="checkbox" id="nav-check">
<div class="nav-header">
<div class="nav-title">
<img src="{{ url_for('static', filename='img/logo.svg') }}">
<a href="/"><img src="{{ url_for('static', filename='img/logo.svg') }}"></a>
</div>
</div>
<div class="nav-btn">
@ -25,11 +25,11 @@
</div>
<div class="nav-links">
<ul class="nav-list">
<li class="nav-item"><a href="/gallery-editor">Gallery</a>
<li class="nav-item"><a href="/gallery-editor">Gallery</a></li>
<li class="nav-item"><a href="/site-info">Site info</a></li>
<li class="nav-item"><a href="/theme-editor">Theme info</a></li>
<li class="nav-item">
<button id="build-btn" class="button">Build !</button>
<button id="build-btn" class="button">🚀 Build !</button>
</li>
</ul>
</div>
@ -42,7 +42,7 @@
<h1>Gallery editor</h1>
<!-- Hero Upload Section -->
<div class="upload-section">
<div class="section">
<h2>Title Carrousel</h2>
<p> Select photos to display in the Title Carrousel</p>
<div class="upload-actions-row">
@ -56,7 +56,7 @@
</div>
<!-- Gallery Upload Section -->
<div class="upload-section">
<div class="section">
<h2>Gallery</h2>
<p> Select and tags photos to display in the Gallery</p>
<div class="upload-actions-row">
@ -68,10 +68,24 @@
<input type="file" id="upload-gallery" accept=".png,.jpg,.jpeg,.webp" multiple hidden>
<div id="gallery"></div>
</div>
<script src="{{ url_for('static', filename='js/main.js') }}" defer></script>
<script src="{{ url_for('static', filename='js/upload.js') }}" defer></script>
<script src="{{ url_for('static', filename='js/build.js') }}" defer></script>
<div class="section">
<h2>Steps</h2>
<p> Follow the steps to generate your static gallery</p>
<ul id="stepper">
<li><a class="step-active" href="/gallery-editor">Upload your photos</a></li>
<div>→</div>
<li><a href="/site-info">Configure site info</a></li>
<div>→</div>
<li><a href="/theme-editor">Customize your theme</a></li>
<div>→</div>
<li><button id="stepper-build">Generate your static site!</button></li>
</ul>
</div>
</div>
<script src="{{ url_for('static', filename='js/main.js') }}" defer></script>
<script src="{{ url_for('static', filename='js/upload.js') }}" defer></script>
<script src="{{ url_for('static', filename='js/build.js') }}" defer></script>
<!-- Delete confirmation modal -->
<div id="delete-modal" class="modal" style="display:none;">
<div class="modal-content">