From 5eb6a557c44462e7d9d752f3bc97a078ef205bc0 Mon Sep 17 00:00:00 2001
From: RaindropsSys <contact@minteck.org>
Date: Tue, 11 Jul 2023 12:17:50 +0200
Subject: Updated 7 files and added assets/logo/light.css (automated)

---
 pages/home.inc | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

(limited to 'pages')

diff --git a/pages/home.inc b/pages/home.inc
index 8ea2879..18acaea 100644
--- a/pages/home.inc
+++ b/pages/home.inc
@@ -17,7 +17,7 @@ function banner() { global $isLoggedIn; global $isLowerLoggedIn; $byColor = getM
                 <span style="display: inline-block;background: transparent;position:absolute;width: 0;height: 0;margin-top: 17px;box-shadow: 0 6px 20px 20px #<?= $member["color"] ?>;z-index: 9;margin-left: 8px;opacity: .75;"></span>
                 </div><?php endforeach; ?>
         </div>
-        <div style="padding:5px 10px;background:#3332328a;position:relative;z-index: 999;backdrop-filter: blur(30px);">
+        <div id="banner-lower" style="padding:5px 10px;background:#3332328a;position:relative;z-index: 999;backdrop-filter: blur(30px);">
             <h2 style="margin-top: 20px;">Cold Haze</h2>
             <?php if ($isLoggedIn || $isLowerLoggedIn): ?>
                 <p><?= count($byColor) ?> ponies in 3 plural systems</p>
@@ -40,8 +40,8 @@ function members() { global $isLoggedIn; global $isLowerLoggedIn; global $app; ?
     </div>
 
     <div id="hpd-legacy" style="margin-top: 20px; background:rgba(255, 255, 255, .1);border-radius:10px;padding:10px 10px 10px 20px;display:grid;grid-template-columns: 128px 1fr;margin-bottom:10px;">
-        <a style="display:flex;margin: -10px -20px;align-items:center;justify-content:center;text-align:center;padding: 10px 20px;border-radius: 10px;background: #77777755;width: 148px;text-decoration:none;color:white;filter:none !important;" class="hpd-system">
-            <div style="text-align:center;"><img src="/assets/icons/legacy.svg" style="width:64px;"><br>Pony Legacy</div>
+        <a style="display:flex;margin: -10px -20px;align-items:center;justify-content:center;text-align:center;padding: 10px 20px;border-radius: 10px;background: #77777755;width: 148px;text-decoration:none;color:white;filter:none !important;" class="hpd-system home-legacy">
+            <div style="text-align:center;"><img class="home-legacy-icon" src="/assets/icons/legacy.svg" style="width:64px;"><br>Pony Legacy</div>
         </a>
 
         <div style="display:grid;grid-template-columns:repeat(6, 1fr);padding-left:10px;grid-gap:10px;">
@@ -51,10 +51,10 @@ function members() { global $isLoggedIn; global $isLowerLoggedIn; global $app; ?
                 $id = substr($id, 0, -5);
                 $member = json_decode(file_get_contents($_SERVER['DOCUMENT_ROOT'] . "/includes/data/legacy/" . $id . ".json"), true);
 
-                echo('<a style="text-decoration:none !important;filter:none !important;"><div class="hpd-item-card" style="background-color:rgba(255, 255, 255, .1);border:1px solid ' . (isset($member['color']) ? "#" . $member['color'] . "55" : "transparent") . ';outline-color:' . (isset($member['color']) ? "#" . $member['color'] . "55" : "transparent") . ';border-radius:10px;text-align:center;display:flex;align-items:center;justify-content:center;padding:5px;opacity:5;"><div>
+                echo('<a class="member-card-container" style="text-decoration:none !important;filter:none !important;"><div class="hpd-item-card" style="background-color:rgba(255, 255, 255, .1);border:1px solid ' . (isset($member['color']) ? "#" . $member['color'] . "55" : "transparent") . ';outline-color:' . (isset($member['color']) ? "#" . $member['color'] . "55" : "transparent") . ';border-radius:10px;text-align:center;display:flex;align-items:center;justify-content:center;padding:5px;opacity:5;"><div>
 <img alt="" src="' . $member["avatar"] . '" style="border-radius:999px;background-color:rgba(0, 0, 0, .25);height:48px;display:block;margin-left:auto;margin-right:auto;">
-<div style="text-decoration:none;color:white;margin-top:5px;">' . ($member['name'] ?? $id) . '</div>
-<div style="text-decoration:none !important;color:white !important;">' . (isset($member['prefix']) ? "<code style='color:white;'>" . $member['prefix'] . "</code> · " : "") . date('j M Y', strtotime($member["date"])) . '</div>
+<div class="member-card-name" style="text-decoration:none;color:white;margin-top:5px;">' . ($member['name'] ?? $id) . '</div>
+<div class="member-card-prefix" style="text-decoration:none !important;color:white;">' . (isset($member['prefix']) ? "<code style='color:white;'>" . $member['prefix'] . "</code> · " : "") . date('j M Y', strtotime($member["date"])) . '</div>
 </div></div></a>');
 
             endforeach; ?>
@@ -85,6 +85,7 @@ function members() { global $isLoggedIn; global $isLowerLoggedIn; global $app; ?
 
     <?php
 
+    //file_put_contents($_SERVER['DOCUMENT_ROOT'] . "/includes/data/cache/home.json", "{}");
     $cache = json_decode(file_get_contents($_SERVER['DOCUMENT_ROOT'] . "/includes/data/cache/home.json"), true);
     if (!isset($cache["banner"])) $cache["banner"] = [];
     if (!isset($cache["members"])) $cache["members"] = [];
@@ -156,7 +157,7 @@ function members() { global $isLoggedIn; global $isLowerLoggedIn; global $app; ?
     }
 
     ?>
-    <div style="background: #3332328a;padding: 5px 10px;border-top:1px solid rgba(255,255,255,.1);border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;">
+    <div id="timeline-container" style="background: #3332328a;padding: 5px 10px;border-top:1px solid rgba(255,255,255,.1);border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;">
         <div id="timeline"></div>
         <script>
             async function refreshTimeline() {
-- 
cgit