diff --git a/README.MD b/README.MD index 7a92e40..954511e 100644 --- a/README.MD +++ b/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 +
+ Lumeex Screenshot +
-### 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 +- *(Optional)* Converts images to WebP format for optimized performance +- 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: diff --git a/illustration/lumeex-webui.png b/illustration/lumeex-webui.png new file mode 100644 index 0000000..198ed5f Binary files /dev/null and b/illustration/lumeex-webui.png differ diff --git a/src/webui/gallery-editor/index.html b/src/webui/gallery-editor/index.html index d549d56..329a65c 100644 --- a/src/webui/gallery-editor/index.html +++ b/src/webui/gallery-editor/index.html @@ -60,7 +60,6 @@ - {% endblock %} diff --git a/src/webui/index.html b/src/webui/index.html index 9354a92..2198926 100644 --- a/src/webui/index.html +++ b/src/webui/index.html @@ -11,17 +11,18 @@

Steps

Follow the steps to generate your static gallery

- +
+ +
- {% endblock %} diff --git a/src/webui/style/style.css b/src/webui/style/style.css index 9be8412..c75c539 100644 --- a/src/webui/style/style.css +++ b/src/webui/style/style.css @@ -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; } } \ No newline at end of file diff --git a/src/webui/template/base.html b/src/webui/template/base.html index f231eda..acc5016 100644 --- a/src/webui/template/base.html +++ b/src/webui/template/base.html @@ -9,59 +9,64 @@
-
-
- - - -
- - - -
- +
+
+ + + +
+ + + +
+ +
-
-
- - {% block content %}{% endblock %} - -
-