Fixed inner issues + README
This commit is contained in:
Djeex
21
README.MD
21
README.MD
@ -18,7 +18,7 @@ The project includes two thoughtfully designed themes—one modern, one minimali
|
||||
- **Typewriter** — [View Demo](https://typewriter.djeex.fr)
|
||||
|
||||
> [!NOTE]
|
||||
> This GitHub repository is a mirror of the primary source at [git.djeex.fr/Djeex/lumeex](https://git.djeex.fr/Djeex/lumeex). The main repository includes the full history, releases, and bug-checking assisted by an LLM.
|
||||
> _This GitHub repository is a mirror of the primary source at [git.djeex.fr/Djeex/lumeex](https://git.djeex.fr/Djeex/lumeex). The main repository includes the full history and releases_.
|
||||
|
||||
|
||||
## 📌 Table of Contents
|
||||
@ -41,20 +41,23 @@ The project includes two thoughtfully designed themes—one modern, one minimali
|
||||
- Typewriter — [Demo](https://typewriter.djeex.fr)
|
||||
- Supports Google Fonts and locally hosted fonts
|
||||
|
||||
### No-Code Builder (YAML Based)
|
||||
### No-Code Builder (WebUI Manager)
|
||||
|
||||
- Configure site info, SEO, colors, fonts, and more through simple YAML files
|
||||
- Reference and tag photos without any coding required
|
||||
- *(Optional)* Automatically update photo references via script
|
||||
<div align="center">
|
||||
<img src="https://git.djeex.fr/Djeex/lumeex/raw/branch/main/illustration/lumeex-webui.png" alt="Lumeex Screenshot" />
|
||||
</div>
|
||||
|
||||
### Simple Build Process
|
||||
|
||||
- Compiles static site from YAML configuration files (themes, templates, fonts, colors)
|
||||
- Configure site info, SEO, colors, fonts, and more through a simple convenient WebUI
|
||||
- Add and tag your photo photos without any coding required
|
||||
- Converts favicon automatically to all required formats
|
||||
- Resizes social sharing thumbnails
|
||||
- *(Optional)* Automatically resizes photos to a maximum width of 1140px
|
||||
- *(Optional)* Converts images to WebP format for optimized performance
|
||||
- Outputs a complete static website ready to deploy on any web server
|
||||
- Compiles static site in one click and get a zip archive or an output folder, ready to deploy to your preferred webserver
|
||||
|
||||
### Don't want a WebUI ?
|
||||
|
||||
- CLI process is documented
|
||||
|
||||
## 🐳 Docker or 🐍 Python Installation
|
||||
For comprehensive documentation on installation, configuration options, customization, and demos, please visit:
|
||||
|
||||
BIN
illustration/lumeex-webui.png
Normal file
BIN
illustration/lumeex-webui.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 620 KiB |
@ -60,7 +60,6 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{% endblock %}
|
||||
|
||||
@ -11,17 +11,18 @@
|
||||
<div class="section">
|
||||
<h2>Steps</h2>
|
||||
<p> Follow the steps to generate your static gallery</p>
|
||||
<ul id="stepper">
|
||||
<li><a 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 class="stepper">
|
||||
<ul id="stepper">
|
||||
<li><a 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>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
|
||||
@ -24,10 +24,17 @@ h2 {
|
||||
|
||||
.content-inner {
|
||||
margin: 0 auto;
|
||||
max-width: 1140px;
|
||||
padding: 0 40px;
|
||||
max-width: 1220px;
|
||||
padding-top: 70px;
|
||||
width: 100%;
|
||||
}
|
||||
.inner {
|
||||
padding: 0 40px;
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
||||
/* --- Navbar & Burger Menu --- */
|
||||
|
||||
@ -221,6 +228,8 @@ h2 {
|
||||
border: 1px solid #2f2e2e80;
|
||||
border-radius: 8px;
|
||||
padding: 0px 20px 20px 20px;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.section label {
|
||||
@ -709,9 +718,10 @@ img#thumbnail-preview {
|
||||
}
|
||||
|
||||
|
||||
.color-fields {
|
||||
.fields.color-fields {
|
||||
gap: 8px;
|
||||
position: relative;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
|
||||
@ -853,6 +863,10 @@ justify-content: center;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.stepper {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* --- Footer --- */
|
||||
|
||||
#footer {
|
||||
@ -965,8 +979,11 @@ justify-content: center;
|
||||
/* --- Responsive Adjustments --- */
|
||||
@media (max-width: 768px) {
|
||||
|
||||
.content-inner {
|
||||
padding: 70px 20px
|
||||
.nav {
|
||||
padding: 0 20px;
|
||||
}
|
||||
.inner {
|
||||
padding: 0 20px;
|
||||
}
|
||||
.section label {
|
||||
display: block;
|
||||
@ -1012,6 +1029,11 @@ justify-content: center;
|
||||
}
|
||||
|
||||
#color-picker .input-field{
|
||||
min-width: 140px;
|
||||
min-width: 170px;
|
||||
}
|
||||
#theme-editor-form .fields.color-fields {
|
||||
gap: 0 8px;
|
||||
position: relative;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
}
|
||||
@ -9,59 +9,64 @@
|
||||
<body>
|
||||
<!-- Top bar -->
|
||||
<div class="nav-bar">
|
||||
<div class="content-inner nav">
|
||||
<div class="nav-header">
|
||||
<a href="/" class="nav-title">
|
||||
<img src="{{ url_for('static', filename='img/logo.svg') }}">
|
||||
</a>
|
||||
</div>
|
||||
<!-- Burger toggle input and label -->
|
||||
<input type="checkbox" id="nav-toggle" class="nav-toggle" hidden>
|
||||
<label for="nav-toggle" class="nav-burger">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</label>
|
||||
<div class="nav-links">
|
||||
<ul class="nav-list">
|
||||
<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>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="content-inner nav">
|
||||
<div class="nav-header">
|
||||
<a href="/" class="nav-title">
|
||||
<img src="{{ url_for('static', filename='img/logo.svg') }}">
|
||||
</a>
|
||||
</div>
|
||||
<!-- Burger toggle input and label -->
|
||||
<input type="checkbox" id="nav-toggle" class="nav-toggle" hidden>
|
||||
<label for="nav-toggle" class="nav-burger">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</label>
|
||||
<div class="nav-links">
|
||||
<ul class="nav-list">
|
||||
<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>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Toast container for notifications -->
|
||||
<div class="content-inner first-content">
|
||||
<div id="toast-container"></div>
|
||||
<!-- Page content -->
|
||||
{% block content %}{% endblock %}
|
||||
<!-- Build success modal -->
|
||||
<div class="content-inner">
|
||||
<div id="build-success-modal" class="modal" style="display:none;">
|
||||
<div class="modal-content">
|
||||
<span id="build-success-modal-close" class="modal-close">×</span>
|
||||
<h3>✅ Build completed!</h3>
|
||||
<p>Your files are available in the output folder.</p>
|
||||
<button id="download-zip-btn" class="modal-btn">Download ZIP</button>
|
||||
<div id="zip-loader" style="display:none;">Creating ZIP...</div>
|
||||
<div class="inner">
|
||||
<div id="toast-container"></div>
|
||||
<!-- Page content -->
|
||||
{% block content %}{% endblock %}
|
||||
<!-- Build success modal -->
|
||||
<div class="content-inner">
|
||||
<div id="build-success-modal" class="modal" style="display:none;">
|
||||
<div class="modal-content">
|
||||
<span id="build-success-modal-close" class="modal-close">×</span>
|
||||
<h3>✅ Build completed!</h3>
|
||||
<p>Your files are available in the output folder.</p>
|
||||
<button id="download-zip-btn" class="modal-btn">Download ZIP</button>
|
||||
<div id="zip-loader" style="display:none;">Creating ZIP...</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Footer -->
|
||||
<div id="footer">
|
||||
<div class="content-inner">
|
||||
<div class="footer-container">
|
||||
<div class="footer-credit">
|
||||
<p><a href="https//lumeex.djeex.fr"><span class="lum-first">Lum</span><span class="lum-second">eex</span> v{{ lumeex_version }}</a> — © 2025</p>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<a class="footer-link documentation" href="https://lumeex.djeex.fr"><span class="icon"><img src="/img/favicon.svg"></span><span class="icon-text">Documentation</span></a>
|
||||
<a class="footer-link gitea" href="https://gitea.com/Djeex/lumeex"><span class="icon"><img src="/img/gitea.svg"></span><span class="icon-text">Giteex</span></a>
|
||||
<a class="footer-link github" href="https://github.com/Djeex/lumeex"><span class="icon"><img src="/img/github.svg"></span><span class="icon-text">Github</span></a>
|
||||
<div class="inner">
|
||||
<div class="footer-container">
|
||||
<div class="footer-credit">
|
||||
<p><a href="https//lumeex.djeex.fr"><span class="lum-first">Lum</span><span class="lum-second">eex</span> v{{ lumeex_version }}</a> — © 2025</p>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<a class="footer-link documentation" href="https://lumeex.djeex.fr"><span class="icon"><img src="/img/favicon.svg"></span><span class="icon-text">Documentation</span></a>
|
||||
<a class="footer-link gitea" href="https://gitea.com/Djeex/lumeex"><span class="icon"><img src="/img/gitea.svg"></span><span class="icon-text">Giteex</span></a>
|
||||
<a class="footer-link github" href="https://github.com/Djeex/lumeex"><span class="icon"><img src="/img/github.svg"></span><span class="icon-text">Github</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user