Update

6 files changed, 18 insertions, 683 deletions

diff --git a/includes/banner.inc b/includes/banner.inc
index d62ba97..4678a5a 100644
--- a/includes/banner.inc
+++ b/includes/banner.inc
@@ -151,6 +151,7 @@ function getMemberBannerData(string $id, string $system, bool $french = false) {
                 "pegasus" => $metadata["robot"] ? "Robot pégase" : (!$metadata["plush"] ? "Pégase" : "Pégase en peluche"),
                 "batpony" => $metadata["robot"] ? "Robot Poney chauve souris" : (!$metadata["plush"] ? "Poney chauve souris" : "Poney chauve souris en peluche"),
                 "unicorn" => $metadata["robot"] ? "Robot licorne" : (!$metadata["plush"] ? "Licorne" : "Licorne en peluche"),
+                "changeling" => "Changelin",
                 default => $species . "_" . $metadata["robot"]
             };
         } else {
@@ -161,6 +162,7 @@ function getMemberBannerData(string $id, string $system, bool $french = false) {
                 "pegasus" => $metadata["robot"] ? "Robot pegasus" : (!$metadata["plush"] ? "Pegasus" : "Pegasus plush"),
                 "batpony" => $metadata["robot"] ? "Robot bat pony" : (!$metadata["plush"] ? "Bat pony" : "Bat pony plush"),
                 "unicorn" => $metadata["robot"] ? "Robot unicorn" : (!$metadata["plush"] ? "Unicorn" : "Unicorn plush"),
+                "changeling" => "Changeling",
                 default => $species . "_" . $metadata["robot"]
             };
         }
@@ -483,7 +485,7 @@ function getMemberBannerData(string $id, string $system, bool $french = false) {
         'name' => $member["display_name"] ?? $member["name"],
         'badges' => $badges,
         'prefixes' => $prefixes,
-        'pronouns' => getTooltipsFromMark($member["pronouns"], $french) ?? "<span data-bs-toggle='tooltip' title='Pronouns not specified' class='text-muted'>she/her</span>",
+        'pronouns' => getTooltipsFromMark($member["pronouns"], $french) ?? "<span data-bs-toggle='tooltip' title='Pronouns not specified' class='text-muted'>they/them</span>",
         'pronouns_usage' => getMemberPronouns($member['pronouns']),
         'last_fronted' => $lastFronted,
         'species' => $speciesList,
diff --git a/includes/bitset.inc b/includes/bitset.inc
index 0bd5c4d..7d5a963 100644
--- a/includes/bitset.inc
+++ b/includes/bitset.inc
@@ -33,6 +33,7 @@ function parseBitset ($bitset) {
         "0100" => "alicorn",
         "0101" => "batpony",
         "0110" => "crystal",
+        "0111" => "changeling",
         default => null,
     };
 
@@ -43,6 +44,7 @@ function parseBitset ($bitset) {
         "0100" => "alicorn",
         "0101" => "batpony",
         "0110" => "crystal",
+        "0111" => "changeling",
         default => null,
     };
 
@@ -53,6 +55,7 @@ function parseBitset ($bitset) {
         "0100" => "alicorn",
         "0101" => "batpony",
         "0110" => "crystal",
+        "0111" => "changeling",
         default => null,
     };
 
diff --git a/includes/functions.inc b/includes/functions.inc
index cc94f11..915d41b 100644
--- a/includes/functions.inc
+++ b/includes/functions.inc
@@ -254,7 +254,7 @@ if (!function_exists("showMembersFromList")) {
     function showMembersFromList(array $list) {
         foreach ($list as $member) { if ($member['name'] !== "unknown" && $member['name'] !== "fusion") {
             echo('<!-- ' . ($member['display_name'] ?? $member['name']) . ' -->
-<a href="/' . $member['name'] . '" 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;' . ($member["equestria"] ? 'opacity:.5;' : '') . '"><div>
+<a href="/' . $member['name'] . '" 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;' . (isset($member["equestria"]) && $member["equestria"] ? 'opacity:.5;' : '') . '"><div>
 <img alt="" src="' . getAsset($member["system"], $member["id"]) . '" 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['display_name'] ?? $member['name']) . '</div>
 <div style="text-decoration:none !important;color:black !important;"><code style="text-decoration:none !important;color:white !important;">' . (isset($member['travelling']) && $member['travelling'] ? "+" . ($member['proxy_tags'][0]['prefix'] ?? "&nbsp;") : ($member['proxy_tags'][0]['prefix'] ?? "&nbsp;")) . '</code></div>
diff --git a/includes/header.inc b/includes/header.inc
index d338f78..ede6a29 100644
--- a/includes/header.inc
+++ b/includes/header.inc
@@ -62,6 +62,7 @@ require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/ical/main.php";
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link href="/assets/logo/custom.css" rel="stylesheet">
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
     <title><?= $title ? $title . " · " : "" ?>Cold Haze</title>
@@ -86,680 +87,6 @@ require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/ical/main.php";
             <?php endif; ?>
         <?php endif; ?>
     <?php endif; ?>
-    <style>
-        #admin-page {
-            margin-left: 32px;
-        }
-
-        .modal {
-            backdrop-filter: blur(10px);
-            -webkit-backdrop-filter: blur(10px);
-        }
-
-        nav.navbar {
-            background-color: rgba(0, 0, 0, .75) !important;
-            backdrop-filter: blur(10px);
-            -webkit-backdrop-filter: blur(10px);
-            border-bottom: 1px solid rgba(255, 255, 255, .25);
-        }
-
-        body {
-            background-color: black !important;
-            color: white;
-        }
-
-        .hpd-item-card:hover {
-            background-color: rgba(255, 255, 255, .15) !important;
-        }
-
-        .hpd-item-card:active, .hpd-item-card:focus {
-            background-color: rgba(255, 255, 255, .2) !important;
-        }
-
-        .hpd-system {
-            transition: opacity 200ms;
-        }
-
-        .hpd-item-card {
-            outline-style: solid;
-            outline-width: 0;
-            transition: background-color 200ms, outline-width 200ms;
-        }
-
-        .hpd-item-card:hover {
-            outline-style: solid;
-            outline-width: 4px;
-        }
-
-        .hpd-item-card:active {
-            outline-style: solid;
-            outline-width: 6px;
-        }
-
-        .hpd-system:hover {
-            opacity: .9 !important;
-        }
-
-        .hpd-system:active, .hpd-system:focus {
-            opacity: .8 !important;
-        }
-
-        .hpd-link:hover {
-            background-color: rgba(255, 255, 255, .15) !important;
-        }
-
-        .hpd-link:active, .hpd-link:focus {
-            background-color: rgba(255, 255, 255, .2) !important;
-        }
-
-        .list-separator-mobile {
-            display: none;
-        }
-
-        @media (max-width: 991px) {
-            #hpd-cloudburst > div, #hpd-raindrops > div {
-                grid-template-columns: repeat(3, 1fr) !important;
-            }
-
-            .list-separator-desktop {
-                display: none;
-            }
-
-            span.list-separator-mobile {
-                display: inline;
-            }
-        }
-
-        @media (max-width: 768px) {
-            #hpd-cloudburst > div, #hpd-raindrops > div {
-                grid-template-columns: repeat(2, 1fr) !important;
-            }
-        }
-
-        @media (max-width: 575px) {
-            #hpd-cloudburst > div, #hpd-raindrops > div {
-                grid-template-columns: repeat(1, 1fr) !important;
-            }
-
-            .hpd-item-card img {
-                display: inline-block !important;
-                margin-right: 5px !important;
-                height: 32px !important;
-            }
-
-            #hpd-cloudburst > div, #hpd-raindrops > div {
-                grid-gap: 5px !important;
-            }
-
-            .hpd-item-card div {
-                display: inline-block !important;
-            }
-
-            .hpd-item-card div:nth-child(3)::before {
-                content: "(";
-                padding-left: 5px;
-                color: white !important;
-            }
-
-            .hpd-item-card div:nth-child(3)::after {
-                content: ")";
-                color: white !important;
-            }
-        }
-
-        .dropdown-menu {
-            background-color: #222;
-        }
-
-        .dropdown-item:hover {
-            background-color: rgba(255, 255, 255, .1);
-        }
-
-        .dropdown-item:active, .dropdown-item:focus {
-            background-color: rgba(255, 255, 255, .2);
-        }
-
-        .dropdown-item {
-            color: white !important;
-        }
-
-        .dropdown-icon {
-            filter: invert(1);
-        }
-
-        .dropdown-toggle .dropdown-icon {
-            opacity: .5;
-            transition: 200ms opacity;
-        }
-
-        .dropdown-toggle:hover .dropdown-icon, .dropdown-toggle:active .dropdown-icon, .dropdown-toggle:focus .dropdown-icon {
-            opacity: .75;
-        }
-
-        dd {
-            margin-left: 20px;
-        }
-
-        #system-info a {
-            color: white;
-        }
-
-        #system-info a:hover {
-            opacity: .75;
-        }
-
-        #system-info a:active, #system-info a:focus {
-            opacity: .5;
-        }
-
-        @media (max-width: 991px) {
-            #member-card {
-                grid-template-columns: repeat(3, 1fr) !important;
-            }
-
-            .species-name {
-                display: none;
-            }
-        }
-
-        .member-small-only {
-            display: none;
-        }
-
-        @media (max-width: 767px) {
-            #member-card {
-                grid-template-columns: 1fr !important;
-                text-align: left;
-            }
-
-            #member-icon-mobile {
-                display: inline-block !important;
-            }
-
-            #system-info {
-                grid-template-columns: 1fr !important;
-            }
-
-            #member-icon, #member-icon-outer {
-                display: none !important;
-            }
-
-            #member-relations {
-                grid-template-columns: 1fr !important;
-                text-align: left;
-            }
-
-            .member-small-separator {
-                display: none;
-            }
-
-            .member-small-only {
-                display: inline-block;
-            }
-        }
-
-        #page-content a {
-            color: #afd0ff;
-        }
-
-        #page-content .btn-outline-light:hover {
-            color: black !important;
-        }
-
-        #page-content a:hover {
-            opacity: .75;
-        }
-
-        #page-content a:active, #page-content a:focus {
-            opacity: .5;
-        }
-
-        .tooltip.show {
-            opacity: 1;
-        }
-
-        .tooltip-inner {
-            background: #151515;
-            box-shadow: 3px 4px 10px #ffffff26;
-        }
-
-        .alert {
-            filter: invert(1) hue-rotate(180deg);
-        }
-
-        .member-link {
-            color: white !important;
-            text-decoration: none !important;
-        }
-
-        .system-action {
-            border-radius: 10px;
-            color: white !important;
-            text-decoration: none !important;
-            cursor: pointer;
-            transition: background 200ms;
-        }
-
-        .system-action:hover {
-            background: rgba(255, 255, 255, .1);
-        }
-
-        .table-dark {
-            --bs-table-bg: #000000;
-        }
-
-        .comparison {
-            display: grid;
-            grid-template-columns: 3fr 1.5fr 2fr repeat(4, 1fr);
-        }
-
-        .comparison-header {
-            border-bottom: 2px solid rgba(255, 255, 255, .25);
-            font-weight: bold;
-        }
-
-        .comparison-item {
-            padding: 5px 10px;
-            text-align: center;
-        }
-
-        .comparison-item-clickable:hover {
-            background-color: rgba(255, 255, 255, .1);
-        }
-
-        .comparison-item-clickable:active, .comparison-item-clickable:focus {
-            background-color: rgba(255, 255, 255, .25);
-        }
-
-        @media (min-width: 1400px) {
-            .comparison-header-l0 {
-                display: inline;
-            }
-            .comparison-header-l1 {
-                display: none;
-            }
-            .comparison-header-l2 {
-                display: none;
-            }
-            .comparison-header-l3 {
-                display: none;
-            }
-            .comparison-header-l4 {
-                display: none;
-            }
-            .comparison-header-l5 {
-                display: none;
-            }
-            .comparison-name-full {
-                display: inline;
-            }
-            .comparison-name-small {
-                display: none;
-            }
-            .comparison-colors {
-                display: inline;
-            }
-            .comparison-relations-count {
-                display: none;
-            }
-            .comparison-relations-full {
-                display: inline;
-            }
-        }
-
-        @media (max-width: 1399px) {
-            .comparison-header-l0 {
-                display: none;
-            }
-            .comparison-header-l1 {
-                display: inline;
-            }
-            .comparison-header-l2 {
-                display: none;
-            }
-            .comparison-header-l3 {
-                display: none;
-            }
-            .comparison-header-l4 {
-                display: none;
-            }
-            .comparison-header-l5 {
-                display: none;
-            }
-            .comparison-name-full {
-                display: inline;
-            }
-            .comparison-name-small {
-                display: none;
-            }
-            .comparison-colors {
-                display: inline;
-            }
-            .comparison-relations-count {
-                display: none;
-            }
-            .comparison-relations-full {
-                display: inline;
-            }
-        }
-
-        @media (max-width: 1199px) {
-            .comparison-header-l0 {
-                display: none;
-            }
-            .comparison-header-l1 {
-                display: none;
-            }
-            .comparison-header-l2 {
-                display: initial;
-            }
-            .comparison-header-l3 {
-                display: none;
-            }
-            .comparison-header-l4 {
-                display: none;
-            }
-            .comparison-header-l5 {
-                display: none;
-            }
-            .comparison-name-full {
-                display: none;
-            }
-            .comparison-name-small {
-                display: inline;
-            }
-            .comparison-colors {
-                display: inline;
-            }
-            .comparison-relations-count {
-                display: inline;
-            }
-            .comparison-relations-full {
-                display: none;
-            }
-        }
-
-        @media (max-width: 991px) {
-            .comparison-header-l0 {
-                display: none;
-            }
-            .comparison-header-l1 {
-                display: none;
-            }
-            .comparison-header-l2 {
-                display: none;
-            }
-            .comparison-header-l3 {
-                display: initial;
-            }
-            .comparison-header-l4 {
-                display: none;
-            }
-            .comparison-header-l5 {
-                display: none;
-            }
-            .comparison-name-full {
-                display: none;
-            }
-            .comparison-name-small {
-                display: inline;
-            }
-            .comparison-colors {
-                display: none !important;
-            }
-            .comparison-relations-count {
-                display: inline;
-            }
-            .comparison-relations-full {
-                display: none;
-            }
-        }
-
-        @media (max-width: 767px) {
-            .comparison-header-l0 {
-                display: none;
-            }
-            .comparison-header-l1 {
-                display: none;
-            }
-            .comparison-header-l2 {
-                display: none;
-            }
-            .comparison-header-l3 {
-                display: none;
-            }
-            .comparison-header-l4 {
-                display: initial;
-            }
-            .comparison-header-l5 {
-                display: none;
-            }
-            .comparison-name-full {
-                display: none;
-            }
-            .comparison-name-small {
-                display: none;
-            }
-            .comparison-colors {
-                display: none !important;
-            }
-            .comparison-relations-count {
-                display: inline;
-            }
-            .comparison-relations-full {
-                display: none;
-            }
-        }
-
-        @media (max-width: 575px) {
-            .comparison-header-l0 {
-                display: none;
-            }
-            .comparison-header-l1 {
-                display: none;
-            }
-            .comparison-header-l2 {
-                display: none;
-            }
-            .comparison-header-l3 {
-                display: none;
-            }
-            .comparison-header-l4 {
-                display: none;
-            }
-            .comparison-header-l5 {
-                display: initial;
-            }
-            .comparison-name-full {
-                display: none;
-            }
-            .comparison-name-small {
-                display: none;
-            }
-            .comparison-colors {
-                display: none !important;
-            }
-            .comparison {
-                grid-template-columns: repeat(3, 2fr) repeat(4, 1fr) !important;
-            }
-            .comparison-relations-count {
-                display: inline;
-            }
-            .comparison-relations-full {
-                display: none;
-            }
-        }
-
-        .tree-first-separator {
-            height: 14px !important;
-            top: 0 !important;
-        }
-
-        .tree-l0-separator {
-            display: inline-block;
-            width: 20px;
-            margin-left: 35px;
-            border-bottom: 1px solid white;
-            border-left: 1px solid white;
-            height: 26px;
-            position: relative;
-            top: -12px;
-        }
-
-        .tree-l1 .tree-l0-separator {
-            border-bottom: none !important;
-        }
-
-        .tree-l1-separator {
-            display: inline-block;
-            width: 20px;
-            margin-left: 35px;
-            border-bottom: 1px solid white;
-            border-left: 1px solid white;
-            height: 26px;
-            position: relative;
-            top: -12px;
-            left: -10px;
-        }
-
-        .tree-l1 .tree-l0-separator {
-            width: 30px;
-        }
-
-        .tree-l1 .tree-inner {
-            position: relative;
-            left: -10px;
-        }
-
-        .tree-l1 .tree-l0-separator {
-            border-bottom: none !important;
-        }
-
-        .tree-l2-separator {
-            display: inline-block;
-            width: 20px;
-            margin-left: 35px;
-            border-bottom: 1px solid white;
-            border-left: 1px solid white;
-            height: 26px;
-            position: relative;
-            top: -12px;
-            left: -10px;
-        }
-
-        .tree-l2 .tree-l1-separator {
-            width: 30px;
-        }
-
-        .tree-l2 .tree-l0-separator {
-            width: 30px;
-        }
-
-        .tree-l2 .tree-inner {
-            position: relative;
-            left: -10px;
-        }
-
-        .tree-inner {
-            display: inline-block;
-        }
-
-        .navbar-collapse.collapse.show, .navbar-collapse.collapsing {
-            background: black;
-            margin: 7px -12px;
-            padding: 0 12px;
-            border-bottom: 1px solid rgba(255, 255, 255, .25);
-        }
-
-        .rainbow-item:hover {
-            opacity: .75;
-        }
-
-        .rainbow-item:active {
-            opacity: .5;
-        }
-
-        peh-muted {
-            --bs-text-opacity: 1;
-            color: #6c757d!important;
-        }
-
-        .dropdown-toggle::after {
-            margin-bottom: -3px;
-        }
-
-        .navbar-nav {
-            width: 100%;
-        }
-
-        .card {
-            background-color: #111;
-            border: 1px solid rgba(255, 255, 255, .125);
-        }
-
-        #member-banner-container > #member-banner > #system-info {
-            border-bottom-right-radius: 0 !important;
-            border-bottom-left-radius: 0 !important;
-        }
-
-        #member-details {
-            background: rgba(255, 255, 255, .1);
-            border: 1px solid transparent;
-            border-top: none;
-            padding: 10px 20px;
-            border-bottom-left-radius: 10px;
-            border-bottom-right-radius: 10px;
-            display: grid;
-            grid-template-columns: repeat(5, 1fr);
-            text-align: center;
-        }
-
-        .navbar-collapse.show {
-            z-index: 99999;
-        }
-
-        @media (max-width: 991px) {
-            div#member-details.member-details-loggedIn {
-                grid-template-columns: repeat(3, 1fr) !important;
-                text-align: center;
-            }
-
-            #member-details {
-                grid-template-columns: 1fr !important;
-                text-align: left;
-            }
-        }
-
-        @media (max-width: 767px) {
-            div#member-details.member-details-loggedIn {
-                grid-template-columns: repeat(2, 1fr) !important;
-                text-align: left;
-            }
-        }
-
-        .linked-card {
-            opacity: 1 !important;
-            color: white !important;
-            text-decoration: none !important;
-        }
-
-        .linked-card:hover {
-            opacity: .75 !important;
-        }
-
-        .linked-card:active {
-            opacity: .5 !important;
-        }
-
-        .navbar-brand {
-            position: relative;
-            z-index: 9999;
-        }
-
-        html, body {
-            overflow-x: hidden;
-        }
-    </style>
 </head>
 <body<?php if ($page["rail"] && $isLoggedIn && !$useNewUI): ?> id="admin-page"<?php endif; ?>>
     <?php require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/navigation.inc"; global $navigation; ?>
diff --git a/includes/sysbanner.inc b/includes/sysbanner.inc
index 5c85a20..bafb10d 100644
--- a/includes/sysbanner.inc
+++ b/includes/sysbanner.inc
@@ -115,7 +115,7 @@ $pages = json_decode(file_get_contents($_SERVER['DOCUMENT_ROOT'] . "/includes/pa
         <img src="/assets/icons/tree.svg" style="vertical-align: middle;height: 24px;width: 24px;filter: invert(1)" alt="">
         <span style="vertical-align: middle;" class="list-separator-desktop"><?= $pages["s:tree"]["name"][$lang["_name"]] ?></span>
     </a>
-    <a title="Members <?= $pages["s:species"]["name"][$lang["_name"]] ?>" data-bs-toggle="tooltip" style="display:inline-block;padding:5px 10px;text-align: center" class="system-action tooltip-nohelp" href="/<?= $system ?>/-/species">
+    <a title="<?= $pages["s:species"]["name"][$lang["_name"]] ?>" data-bs-toggle="tooltip" style="display:inline-block;padding:5px 10px;text-align: center" class="system-action tooltip-nohelp" href="/<?= $system ?>/-/species">
         <img src="/assets/icons/species.svg" style="vertical-align: middle;height: 24px;width: 24px;filter: invert(1)" alt="">
         <span style="vertical-align: middle;" class="list-separator-desktop"><?= $pages["s:species"]["name"][$lang["_name"]] ?></span>
     </a>
diff --git a/includes/system/species.inc b/includes/system/species.inc
index 45a0178..41b06fe 100644
--- a/includes/system/species.inc
+++ b/includes/system/species.inc
@@ -45,15 +45,17 @@ function species(array $members, string $id, string $name) { global $systemID; g
         $alicorn = [];
         $batpony = [];
         $crystal = [];
+        $changeling = [];
 
         foreach ($members as $member) {
             foreach ($member["_metadata"]["species"] as $species) {
-                if ($species === "earth")   $earth[] = $member;
-                if ($species === "pegasus") $pegasus[] = $member;
-                if ($species === "unicorn") $unicorn[] = $member;
-                if ($species === "alicorn") $alicorn[] = $member;
-                if ($species === "batpony") $batpony[] = $member;
-                if ($species === "crystal") $crystal[] = $member;
+                if ($species === "earth")      $earth[] = $member;
+                if ($species === "pegasus")    $pegasus[] = $member;
+                if ($species === "unicorn")    $unicorn[] = $member;
+                if ($species === "alicorn")    $alicorn[] = $member;
+                if ($species === "batpony")    $batpony[] = $member;
+                if ($species === "crystal")    $crystal[] = $member;
+                if ($species === "changeling") $changeling[] = $member;
             }
         }
 
@@ -65,6 +67,7 @@ function species(array $members, string $id, string $name) { global $systemID; g
         <?php species($alicorn, "alicorn", $lang["species"]["alicorn"][3]); ?>
         <?php species($batpony, "batpony", $lang["species"]["batpony"][3]); ?>
         <?php species($crystal, "crystal", $lang["species"]["crystal"][3]); ?>
+        <?php species($changeling, "changeling", "Changelings"); ?>
     </div>
 
 <?php require_once $_SERVER['DOCUMENT_ROOT'] . '/includes/footer.inc'; ?>
\ No newline at end of file