178 lines
6.8 KiB
HTML
178 lines
6.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta charset="UTF-8">
|
|
<title>Lumeex</title>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='style/style.css') }}">
|
|
</head>
|
|
<body>
|
|
<!-- Top bar -->
|
|
<div class="nav-bar">
|
|
<div class="content-inner nav">
|
|
<div class="nav-cta">
|
|
<div class="arrow">→</div>
|
|
<a class="button" href="#" target="_blank">
|
|
<span id="step">🚀 Build !<i class="fa-solid fa-envelope"></i></span>
|
|
</a>
|
|
</div>
|
|
<input type="checkbox" id="nav-check">
|
|
<div class="nav-header">
|
|
<div class="nav-title">
|
|
<img src="{{ url_for('static', filename='img/logo.svg') }}">
|
|
</div>
|
|
</div>
|
|
<div class="nav-btn">
|
|
<label for="nav-check">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</label>
|
|
</div>
|
|
<div class="nav-links">
|
|
<ul class="nav-list">
|
|
<li class="nav-item appear2"><a href="/site-info">Site info</a></li>
|
|
<li class="nav-item appear2"><a href="#">Theme info</a></li>
|
|
<li class="nav-item appear2"><a href="#">Gallery</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Toast container for notifications -->
|
|
<div id="site-info" class="content-inner">
|
|
<div id="toast-container"></div>
|
|
<h1>Edit Site Info</h1>
|
|
<form id="site-info-form">
|
|
<!-- Info Section -->
|
|
<fieldset>
|
|
<legend>Info</legend>
|
|
<div class="fields">
|
|
<div class="input-field">
|
|
<label>Title</label>
|
|
<input type="text" name="info.title" placeholder="Your site title">
|
|
</div>
|
|
<div class="input-field">
|
|
<label>Subtitle</label>
|
|
<input type="text" name="info.subtitle" placeholder="Your site subtitle">
|
|
</div>
|
|
<div class="input-field">
|
|
<label>Description</label>
|
|
<input type="text" name="info.description" placeholder="Your site description">
|
|
</div>
|
|
<div class="input-field">
|
|
<label>Canonical URL</label>
|
|
<input type="text" name="info.canonical" placeholder="https://yoursite.com">
|
|
</div>
|
|
<div class="input-field">
|
|
<label>Keywords (comma separated)</label>
|
|
<input type="text" name="info.keywords" placeholder="photo, gallery, photography">
|
|
</div>
|
|
<div class="input-field">
|
|
<label>Author</label>
|
|
<input type="text" name="info.author" placeholder="Your Name">
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
<!-- Social Section -->
|
|
<fieldset>
|
|
<legend>Social</legend>
|
|
<div class="fields">
|
|
<div class="input-field">
|
|
<label>Instagram URL</label>
|
|
<input type="text" name="social.instagram_url" placeholder="https://instagram.com/yourprofile">
|
|
<label class="thumbnail-form-label">Thumbnail</label>
|
|
<input type="file" id="thumbnail-upload" accept="image/png,image/jpeg,image/webp" style="display:none;">
|
|
<button type="button" id="choose-thumbnail-btn" class="up-btn">📸 Upload a photo</button>
|
|
<div class="thumbnail-form">
|
|
<img id="thumbnail-preview" src="" alt="Thumbnail preview" style="max-width:100px;display:none;">
|
|
<button type="button" id="remove-thumbnail-btn" class="remove-btn up-btn danger" style="display:none;">Remove</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
<!-- Menu Section -->
|
|
<fieldset>
|
|
<legend>Menu</legend>
|
|
<div class="fields">
|
|
<div class="input-field" style="flex: 1 1 100%;">
|
|
<div id="menu-items-list"></div>
|
|
<button type="button" id="add-menu-item">+ Add menu item</button>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
<!-- Footer Section -->
|
|
<fieldset>
|
|
<legend>Footer</legend>
|
|
<div class="fields">
|
|
<div class="input-field">
|
|
<label>Copyright</label>
|
|
<input type="text" name="footer.copyright">
|
|
</div>
|
|
<div class="input-field">
|
|
<label>Legal Label</label>
|
|
<input type="text" name="footer.legal_label">
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
<!-- Legals Section -->
|
|
<fieldset>
|
|
<legend>Legals</legend>
|
|
<div class="fields">
|
|
<div class="input-field">
|
|
<label>Hoster Name</label>
|
|
<input type="text" name="legals.hoster_name" placeholder="Name">
|
|
</div>
|
|
<div class="input-field">
|
|
<label>Hoster Address</label>
|
|
<input type="text" name="legals.hoster_address" placeholder="Street, Postal Code, City, Country">
|
|
</div>
|
|
<div class="input-field">
|
|
<label>Hoster Contact</label>
|
|
<input type="text" name="legals.hoster_contact" placeholder="Email or/and Phone">
|
|
</div>
|
|
<div class="input-field" style="flex: 1 1 100%;">
|
|
<label>Intellectual Property</label>
|
|
<div id="ip-list"></div>
|
|
<button type="button" id="add-ip-paragraph">+ Add paragraph</button>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
<!-- Build Section -->
|
|
<fieldset>
|
|
<legend>Build</legend>
|
|
<div class="fields">
|
|
<div class="input-field">
|
|
<label>Theme</label>
|
|
<select name="build.theme" id="theme-select"></select>
|
|
<input type="file" id="theme-upload" webkitdirectory directory multiple style="display:none;">
|
|
<button type="button" id="choose-theme-btn" class="up-btn">📂 Upload custom theme folder</button>
|
|
<label class="thumbnail-form-label">Images processing</label>
|
|
<label>
|
|
<input class="thumbnail-form-label" type="checkbox" name="build.convert_images" id="convert-images-checkbox">
|
|
Convert images
|
|
</label>
|
|
<label>
|
|
<input type="checkbox" name="build.resize_images" id="resize-images-checkbox">
|
|
Resize images
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
<button type="submit">Save</button>
|
|
</form>
|
|
</div>
|
|
<!-- Delete confirmation modal (now outside .content-inner) -->
|
|
<div id="delete-modal" class="modal" style="display:none;">
|
|
<div class="modal-content">
|
|
<span id="delete-modal-close" class="modal-close">×</span>
|
|
<h3>Confirm Deletion</h3>
|
|
<p id="delete-modal-text">Are you sure you want to remove this thumbnail?</p>
|
|
<div class="modal-actions">
|
|
<button id="delete-modal-confirm" class="modal-btn danger">Remove</button>
|
|
<button id="delete-modal-cancel" class="modal-btn">Cancel</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="{{ url_for('static', filename='js/site-info.js')}}"></script>
|
|
</body>
|
|
</html> |