From da0952778ec9790b4409cdbbeda12dc618cfd461 Mon Sep 17 00:00:00 2001
From: Syndamia <kamen@syndamia.com>
Date: Sat, 25 Jan 2025 20:24:40 +0200
Subject: feat(views/archive): Improve formatting and layout

---
 views/archive/index.php | 14 ++++++++++++++
 views/styles.css        | 15 ++++++++++++---
 2 files changed, 26 insertions(+), 3 deletions(-)

(limited to 'views')

diff --git a/views/archive/index.php b/views/archive/index.php
index d30ddf2..0b5dff6 100644
--- a/views/archive/index.php
+++ b/views/archive/index.php
@@ -6,6 +6,14 @@
 
 <?php if ($page !== null): ?>
     <iframe src="<?php echo "/archives/{$page->WID}" ?>" scrolling="no"></iframe>
+
+    <form action="/sample_archive/index.php" method="POST">
+        <input type="hidden" name="page_url" value="<?php echo $_GET["page_url"] ?>">
+        <input type="submit" value="Archive Now!">
+    </form>
+    <!-- Button to add to list -->
+    <!-- Button to delete -->
+
     <h2>Archives by date:</h2>
     <?php foreach (Database\Webpage::allArchives($page->URL) as $page): ?>
         <section class="item">
@@ -20,6 +28,12 @@
                     <span class="float-right"><?php echo Database\User::fromDBuid($page->RequesterUID)->Username ?></span>
                 </div>
             </section>
+            <?php if (false): # If user logged-in ?>
+                <section>
+                    <span><!-- Add to list button --></span>
+                    <span><!-- Delete (when admin) button --></span>
+                <section>
+            <?php endif; ?>
         </section>
     <?php endforeach; ?>
 
diff --git a/views/styles.css b/views/styles.css
index 1fcdb9d..f1a24fe 100644
--- a/views/styles.css
+++ b/views/styles.css
@@ -257,13 +257,22 @@ hr.new-section {
 }
 
 .item {
-  border: 2px solid teal;
+  background-image: url(/paper.jpg);
+  background-repeat: repeat;
+
   display: flex;
   flex-direction: row;
-  padding: 0.5em;
+
   border-radius: 0.25em;
-  font-size: 1.08em;
+
+  padding: 0.5em;
   margin-bottom: 1em;
+
+  font-size: 1.08em;
+
+  border: 4px solid var(--dark-purple);
+  border-top: none;
+  border-bottom: none;
 }
 
 .item > :first-child {
-- 
cgit v1.2.3