m. update

1 files changed, 32 insertions, 13 deletions

diff --git a/pages/home.php b/pages/home.php
index 4e853a6..2127712 100644
--- a/pages/home.php
+++ b/pages/home.php
@@ -9,27 +9,46 @@
         </div>
     <?php endif; ?>
 
-    <div style="background:rgba(255, 255, 255, .1);max-width:100%;width:max-content;display:grid;grid-template-columns:128px 1fr;border-radius:10px;margin-left:auto;margin-right:auto;color:white;">
+    <?php global $isLoggedIn; global $_PROFILE; global $travelling; if ($isLoggedIn): $byColor = getMembersByColor(); ?>
+        <div style="text-align: center;">
+            <img alt="" src="/assets/logo/logo.png" style="width:128px;">
+            <p style="z-index:999;position:relative;background:black;margin: 20px -10px 0 -20px;padding-right:30px;height:32px;text-align: center;display:grid;grid-template-columns: repeat(<?= count($byColor) ?>, 1fr);">
+                <?php foreach ($byColor as $member): ?><a data-bs-html="true" class="rainbow-item tooltip-nohelp" title="<b><?= $member["display_name"] ?? $member["name"] ?></b><br><?= ($travelling[$member['id']]["travelling"] ? $member["_system"] === "ynmuc" : $member["_system"] === "gdapd") ? "Raindrops System" : "Cloudburst System" ?>" data-bs-toggle="tooltip" style="overflow: hidden;" href="/<?= $member["_system"] === "gdapd" ? "raindrops" : "cloudburst" ?>/<?= $member["name"] ?>"><img src="/assets/uploads/pt-<?= $member["name"] ?>.png" style="width:32px;height:32px;position:absolute;z-index:99;"></a><?php endforeach; ?>
+            </p>
+            <div style="margin-top:-33px;margin-bottom:0;margin-left:-20px;margin-right:20px;height:32px;text-align: center;display:grid;grid-template-columns: repeat(<?= count($byColor) ?>, 1fr);">
+                <?php foreach ($byColor as $member): ?><div>
+                    <span style="display: inline-block;background: transparent;position:absolute;width: 20px;height: 15px;margin-top: 17px;box-shadow: 0 6px 20px 7px #<?= $member["color"] ?>;z-index: 9;margin-left: 8px;opacity: .75;"></span>
+                </div><?php endforeach; ?>
+            </div>
+            <div style="padding:5px 10px;background:#222;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;">
+                <h2 style="margin-top: 20px;">Cuties and Plurality</h2>
+                <p>A safe place for <?= count($byColor) ?> ponies in 2 plural systems</p>
+            </div>
+        </div>
+        <hr style="border-color:rgba(255, 255, 255, .25);">
+    <?php else: ?>
+        <div style="background:rgba(255, 255, 255, .1);max-width:100%;width:max-content;display:grid;grid-template-columns:128px 1fr;border-radius:10px;margin-left:auto;margin-right:auto;color:white;">
 
-        <!-- Logo -->
-        <img src="/assets/uploads/logo.jpg" alt="" style="width:128px;border-top-left-radius:10px;border-bottom-left-radius:10px;">
+            <!-- Logo -->
+            <img src="/assets/uploads/logo.jpg" alt="" style="width:128px;border-top-left-radius:10px;border-bottom-left-radius:10px;">
 
-        <!-- Banner text -->
-        <div style="padding:20px;display:flex;align-items:center;justify-content:center;">
-            <div>
+            <!-- Banner text -->
+            <div style="padding:20px;display:flex;align-items:center;justify-content:center;">
+                <div>
 
-                <!-- Main title -->
-                <span style="font-weight:bold;font-size:24px;">Cuties and Plurality</span><br>
+                    <!-- Main title -->
+                    <span style="font-weight:bold;font-size:24px;">Cuties and Plurality</span><br>
 
-                <!-- Tagline -->
-                <span style="font-weight:normal;font-size:16px;">Just a small safe place for two plural systems</span>
+                    <!-- Tagline -->
+                    <span style="font-weight:normal;font-size:16px;">Just a small safe place for two plural systems</span>
 
+                </div>
             </div>
-        </div>
 
-    </div>
+        </div>
+    <?php endif; ?>
 
-    <?php global $isLoggedIn; global $_PROFILE; if ($isLoggedIn && ((int)date('H') >= 20 || (int)date('H') < 6)): ?>
+    <?php if ($isLoggedIn && ((int)date('H') >= 20 || (int)date('H') < 6)): ?>
     <a href="/emergency" style="text-decoration: none;margin-top:15px;display:block;font-size:24px;">
         <div class="alert alert-danger">
             <b>Are you in need of help?</b> If you need immediate help from a loved one, you may want to enable the emergency alert by clicking here, even if that will wake up the <?= $_PROFILE['name'] === "Raindrops System" ? "Cloudburst System" : "Raindrops System" ?>. Use it as you need.