Initial commit - LEGO Instructions Manager v1.5.0

2025-12-09 17:20:41 +11:00
commit 63496b1ccd
68 changed files with 9131 additions and 0 deletions
--- a/app/static/css/style.css
+++ b/app/static/css/style.css
@@ -0,0 +1,146 @@
+/* Custom styles for LEGO Instructions Manager */
+
+:root {
+    --lego-red: #d11013;
+    --lego-yellow: #ffd700;
+    --lego-blue: #0055bf;
+}
+
+body {
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+}
+
+main {
+    flex: 1;
+}
+
+/* Navbar customization */
+.navbar-brand {
+    font-weight: bold;
+    font-size: 1.5rem;
+}
+
+/* Card hover effects */
+.card {
+    transition: transform 0.2s, box-shadow 0.2s;
+}
+
+.card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
+}
+
+/* Set card image */
+.set-image {
+    height: 200px;
+    object-fit: contain;
+    background-color: #f8f9fa;
+}
+
+/* Dashboard clickable thumbnails */
+.dashboard a .set-image,
+.dashboard a .card-img-top {
+    transition: opacity 0.3s, transform 0.3s;
+}
+
+.dashboard a:hover .set-image,
+.dashboard a:hover .card-img-top {
+    opacity: 0.85;
+    transform: scale(1.02);
+}
+
+.dashboard a:hover img {
+    filter: brightness(1.05);
+}
+
+/* Instruction thumbnails */
+.instruction-thumbnail {
+    width: 150px;
+    height: 150px;
+    object-fit: cover;
+    cursor: pointer;
+    transition: transform 0.2s;
+}
+
+.instruction-thumbnail:hover {
+    transform: scale(1.05);
+}
+
+/* File upload area */
+.upload-area {
+    border: 2px dashed #dee2e6;
+    border-radius: 0.5rem;
+    padding: 3rem;
+    text-align: center;
+    transition: all 0.3s;
+}
+
+.upload-area:hover {
+    border-color: var(--lego-red);
+    background-color: #f8f9fa;
+}
+
+.upload-area.dragover {
+    border-color: var(--lego-red);
+    background-color: #fff3cd;
+}
+
+/* Badge styling */
+.badge-theme {
+    background-color: var(--lego-blue);
+}
+
+.badge-year {
+    background-color: var(--lego-yellow);
+    color: #000;
+}
+
+/* Stats cards */
+.stat-card {
+    border-left: 4px solid var(--lego-red);
+}
+
+/* Search bar */
+.search-container {
+    max-width: 600px;
+    margin: 0 auto 2rem;
+}
+
+/* Pagination */
+.pagination .page-link {
+    color: var(--lego-red);
+}
+
+.pagination .page-item.active .page-link {
+    background-color: var(--lego-red);
+    border-color: var(--lego-red);
+}
+
+/* Loading spinner */
+.spinner-wrapper {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    min-height: 200px;
+}
+
+/* Responsive adjustments */
+@media (max-width: 768px) {
+    .set-image {
+        height: 150px;
+    }
+    
+    .instruction-thumbnail {
+        width: 100px;
+        height: 100px;
+    }
+}
+
+/* Print styles for instructions */
+@media print {
+    .navbar, .btn, footer {
+        display: none;
+    }
+}