Fixed inner issues + README
This commit is contained in:
Djeex
@ -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