use whitenoise

2025-12-03 13:10:39 -05:00
parent 28336aa268
commit c12aedeb20
7 changed files with 267 additions and 247 deletions
--- a/templates/quote_upload.html
+++ b/templates/quote_upload.html
@@ -1,3 +1,4 @@
+{% load static %}
 <!DOCTYPE html>
 <html lang="en">

@@ -5,125 +6,7 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Request a Quote</title>
-    <style>
-        * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-        }
-
-        html,
-        body {
-            height: 100%;
-        }
-
-        body {
-            font-family: Arial, sans-serif;
-            margin: 0;
-            padding: 0;
-            background: transparent;
-        }
-
-        .upload-box {
-            width: 100%;
-            min-height: 100vh;
-            background: white;
-            padding: 16px;
-            display: flex;
-            flex-direction: column;
-        }
-
-        h2 {
-            margin-bottom: 20px;
-            color: #333;
-        }
-
-        .drop-area {
-            border: 2px dashed #ccc;
-            border-radius: 4px;
-            padding: 24px;
-            text-align: center;
-            cursor: pointer;
-            transition: all 0.3s;
-        }
-
-        .drop-area:hover {
-            border-color: #666;
-            background: #f9f9f9;
-        }
-
-        .drop-area.dragover {
-            border-color: #0066cc;
-            background: #e6f2ff;
-        }
-
-        input[type="file"] {
-            display: none;
-        }
-
-        .file-list {
-            margin-top: 20px;
-            display: none;
-        }
-
-        .file-list.show {
-            display: block;
-        }
-
-        .file-item {
-            padding: 10px;
-            background: #f9f9f9;
-            margin-bottom: 5px;
-            border-radius: 4px;
-        }
-
-        button {
-            margin-top: 20px;
-            padding: 12px 24px;
-            background: #0066cc;
-            color: white;
-            border: none;
-            border-radius: 4px;
-            cursor: pointer;
-            font-size: 16px;
-            width: 100%;
-        }
-
-        button:hover {
-            background: #0052a3;
-        }
-
-        button:disabled {
-            background: #ccc;
-            cursor: not-allowed;
-        }
-
-        .todo {
-            margin-top: 20px;
-            padding: 10px;
-            background: #fff3cd;
-            border: 1px solid #ffc107;
-            border-radius: 4px;
-            font-size: 14px;
-            color: #856404;
-        }
-
-        footer {
-            margin-top: auto;
-            text-align: center;
-            font-size: 12px;
-            color: #888;
-        }
-
-        footer a {
-            color: #666;
-            text-decoration: none;
-        }
-
-        footer a:hover {
-            text-decoration: underline;
-        }
-    </style>
+    <link rel="stylesheet" href="{% static 'css/quote_upload.css' %}">
 </head>

 <body>
@@ -131,7 +14,7 @@
        <h2>Request a Quote</h2>
        <div class="drop-area" id="dropArea">
            <p>Drag & drop files here</p>
-            <p style="font-size: 14px; color: #666; margin-top: 10px;">or click to browse</p>
+            <p>or click to browse</p>
            <input type="file" id="fileInput" multiple>
        </div>
        <div class="file-list" id="fileList"></div>