epsteinfiles/upload

Assets/DOJ/index.html

@@ -165,6 +165,79 @@
         .main-content {
             min-height: calc(100vh - 250px);
             background-color: white;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            padding: 40px 20px;
+        }
+
+        .zip-file-container {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            gap: 30px;
+        }
+
+        .zip-file-container .upload-button {
+            align-self: flex-end;
+            margin-right: calc(50% - 300px);
+        }
+
+        .zip-file-icon {
+            width: 280px;
+            height: 315px;
+            background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%);
+            border: 5px solid #d63031;
+            border-radius: 14px;
+            position: relative;
+            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: flex-start;
+            padding-top: 25px;
+        }
+
+        .zip-file-icon::before {
+            content: "📦";
+            font-size: 130px;
+            margin-bottom: 20px;
+        }
+
+        .zip-file-label {
+            position: absolute;
+            bottom: 20px;
+            left: 0;
+            right: 0;
+            text-align: center;
+            font-size: 28px;
+            font-weight: bold;
+            color: white;
+            padding: 0 10px;
+            word-break: break-word;
+        }
+
+        .upload-button {
+            background-color: #0066cc;
+            color: white;
+            border: none;
+            padding: 27px 75px;
+            font-size: 30px;
+            font-weight: bold;
+            cursor: pointer;
+            border-radius: 6px;
+            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
+            transition: background-color 0.3s;
+        }
+
+        .upload-button:hover {
+            background-color: #0052a3;
+        }
+
+        .upload-button:active {
+            transform: translateY(1px);
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
         }
     </style>
 </head>
@@ -214,6 +287,13 @@
     </nav>
 
     <!-- Main content area (blank) -->
-    <div class="main-content"></div>
+    <div class="main-content">
+        <div class="zip-file-container">
+            <div class="zip-file-icon">
+                <div class="zip-file-label">EpsteinFiles.zip</div>
+            </div>
+            <button class="upload-button">UPLOAD</button>
+        </div>
+    </div>
 </body>
 </html>