updateweb

This commit is contained in:
Local Server
2025-12-24 00:13:23 -06:00
parent e4b3de4a46
commit 017c6376fc
88 changed files with 17866 additions and 1191 deletions

View File

@@ -4,6 +4,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Homepage Editor - Sky Art Shop</title>
<link rel="icon" type="image/svg+xml" href="/favicon.ico" />
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"
rel="stylesheet"
@@ -12,6 +13,10 @@
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
/>
<link
href="https://cdn.jsdelivr.net/npm/quill@1.3.6/dist/quill.snow.css"
rel="stylesheet"
/>
<link rel="stylesheet" href="/admin/css/admin-style.css" />
<style>
.section-builder {
@@ -112,6 +117,30 @@
z-index: 999;
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}
/* Quill Editor Styling */
.ql-container {
min-height: 150px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.ql-toolbar {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
background: #f8f9fa;
}
.ql-editor {
min-height: 150px;
font-size: 15px;
line-height: 1.6;
}
.ql-editor.ql-blank::before {
color: #adb5bd;
font-style: italic;
}
</style>
</head>
<body>
@@ -222,11 +251,10 @@
<div class="mb-3">
<label class="form-label">Description</label>
<textarea
class="form-control"
<div
id="heroDescription"
rows="3"
></textarea>
style="background: white; min-height: 150px"
></div>
</div>
<div class="row">
@@ -252,16 +280,26 @@
<div class="mb-3">
<label class="form-label">Background Image/Video</label>
<input
type="file"
class="form-control"
id="heroBackground"
accept="image/*,video/*"
onchange="previewImage('hero')"
/>
<input type="hidden" id="heroBackgroundUrl" />
<button
type="button"
class="btn btn-outline-primary w-100"
onclick="openMediaLibrary('hero', 'background')"
>
<i class="bi bi-folder2-open"></i> Choose from Media Library
</button>
<div class="image-preview empty" id="heroPreview">
<i class="bi bi-image" style="font-size: 3rem"></i>
</div>
<button
type="button"
class="btn btn-sm btn-outline-danger mt-2"
onclick="clearMedia('hero', 'background')"
id="heroBackgroundClear"
style="display: none"
>
<i class="bi bi-x-circle"></i> Clear Background
</button>
</div>
<div class="mb-3">
@@ -323,25 +361,34 @@
<div class="mb-3">
<label class="form-label">Description</label>
<textarea
class="form-control"
<div
id="promotionDescription"
rows="3"
></textarea>
style="background: white; min-height: 150px"
></div>
</div>
<div class="mb-3">
<label class="form-label">Section Image</label>
<input
type="file"
class="form-control"
id="promotionImage"
accept="image/*"
onchange="previewImage('promotion')"
/>
<input type="hidden" id="promotionImageUrl" />
<button
type="button"
class="btn btn-outline-primary w-100"
onclick="openMediaLibrary('promotion', 'image')"
>
<i class="bi bi-folder2-open"></i> Choose from Media Library
</button>
<div class="image-preview empty" id="promotionPreview">
<i class="bi bi-image" style="font-size: 3rem"></i>
</div>
<button
type="button"
class="btn btn-sm btn-outline-danger mt-2"
onclick="clearMedia('promotion', 'image')"
id="promotionImageClear"
style="display: none"
>
<i class="bi bi-x-circle"></i> Clear Image
</button>
</div>
<div class="row">
@@ -428,11 +475,10 @@
<div class="mb-3">
<label class="form-label">Description</label>
<textarea
class="form-control"
<div
id="portfolioDescription"
rows="3"
></textarea>
style="background: white; min-height: 150px"
></div>
</div>
<div class="mb-3">
@@ -459,6 +505,7 @@
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/quill@1.3.6/dist/quill.js"></script>
<script src="/admin/js/auth.js"></script>
<script src="/admin/js/homepage.js"></script>
</body>