From bbd5142fcab37e34ae3d208c43e87d65e06feb71 Mon Sep 17 00:00:00 2001
From: Syndamia <kamen@syndamia.com>
Date: Sun, 19 Jan 2025 19:45:52 +0200
Subject: feat(views/home): Implement clicking on cards

---
 views/home/index.php | 9 +++++++--
 views/styles.css     | 4 ++++
 2 files changed, 11 insertions(+), 2 deletions(-)

(limited to 'views')

diff --git a/views/home/index.php b/views/home/index.php
index 4883a91..9938ddd 100644
--- a/views/home/index.php
+++ b/views/home/index.php
@@ -15,7 +15,7 @@
 <h1>Most popular archives</h1>
 
 <?php foreach(Database\Webpage::mostVisited(10) as $page): ?>
-    <section class="card">
+    <section class="card" onclick="open_archive('<?php echo $page->URL ?>')">
         <section class="quickinfo">
             <a href="<?php echo $page->URL ?>"><?php echo $page->URL ?></a>
             <span class="float-right"><?php echo $page->Date ?></span>
@@ -34,5 +34,10 @@
 
 <div class="card-blank-afterspace"></div>
 
-<?php end_page(); ?>
+<script type="text/javascript">
+function open_archive(url) {
+    window.location.href = '/archive/index.php?page_url=' + url;
+}
+</script>
 
+<?php end_page(); ?>
diff --git a/views/styles.css b/views/styles.css
index bed3009..776f97b 100644
--- a/views/styles.css
+++ b/views/styles.css
@@ -185,6 +185,10 @@ hr.new-section {
   transition-property: height;
 }
 
+.card * {
+  pointer-events: none;
+}
+
 .card:hover {
   cursor: pointer;
   height: calc(6.5em + var(--card-expand-with));
-- 
cgit v1.2.3