Feat: Multiplayer sessions added using CRUD database.

2026-02-10 11:49:38 +00:00
parent bbbd21d4ad
commit fa81fddbd4
6850 changed files with 808827 additions and 8 deletions
--- a/static/css/layouts/header.css
+++ b/static/css/layouts/header.css
@@ -0,0 +1,198 @@
+
+
+/* Navigation */
+.topnav {
+    display: flex;
+    flex-wrap: wrap;
+    flex: 1;
+    flex-direction: row;
+    font-weight: bold;
+    font-size: 1vh;
+    max-height: 7vh;
+    height: 7vh;
+    align-items: flex-start;
+    background: var(--colour-text-background);
+    justify-content: center; /* space-between */
+    align-items: center;
+}
+.topnav a,
+.topnav label,
+.topnav p,
+.topnav h1 {
+    float: left;
+    display: flex;
+    text-align: center;
+    text-decoration: none;
+    width: 100%;
+    max-height: 7vh;
+    justify-content: center;
+}
+.topnav h1 {
+    color: var(--colour-text-link-visited);
+}
+.topnav a:hover {
+    background-color: var(--colour-page-background);
+    color: var(--colour-text)
+}
+.topnav > .container {
+    width: 30vw;
+    min-width: 30vw;
+    max-width: 30vw;
+    height: 100%;
+    align-items: center;
+    align-self: center;
+    display: flex;
+}
+.topnav .container.logo {
+    cursor: pointer;
+}
+.topnav .container .logo {
+    /* min-width: 35vh; */
+    max-width: 30vw;
+    width: 30vw;
+    /* min-height: 6vh; */
+    max-height: 6vh;
+    margin: 0.5vh;
+    margin-right: auto;
+}
+.topnav .container.company-name {
+    min-width: 30vw;
+    max-width: 30vw;
+}
+.company-name {
+    font-size: 1.6rem;
+}
+.nav-links {
+    display: flex;
+    gap: 0 2rem;
+    display: flex;
+    flex-wrap: wrap;
+    max-width: calc(1vw * 100 - 1vh * 35);
+    align-items: center;
+    margin: 0 0.5vw;
+}
+.nav-links a {
+    text-decoration: none;
+    color: var(--colour-text);
+    font-weight: normal;
+    align-content: center;
+    font-size: 1.2rem;
+    width: fit-content;
+    padding: 0.5vh 0.5vw;
+    border-radius: 0.5vh;
+}
+.nav-links a.button {
+    color: var(--colour-text-background);
+    margin: 0 auto;
+    font-weight: bold;
+}
+
+
+/* Page Filters */
+#formFilters {
+    width: fit-content;
+    margin-left: auto;
+    margin-right: auto;
+  
+}
+#formFilters * {
+    font-size: 1rem;
+}
+
+#formFilters .container {
+}
+#formFilters .container-input {
+    max-width: fit-content;
+    padding: 0 0.5vh;
+}
+#formFilters .container-input:has(.dirty) {
+    background-color: var(--colour-accent);
+} 
+
+#formFilters .container-input input {
+    width: 10vh;
+    max-width: 10vh;
+    height: 20px;
+}
+/*
+#formFilters .container-input input {
+    height: 1.7vh;
+}
+#formFilters .container-input select {
+    height: 2vh;
+}
+*/
+
+#formFilters .container-input.filter.active_only {
+    width: 8vh;
+}
+#formFilters .container-input.filter.active_only input {
+    display: none;
+}
+#formFilters .container-input.filter.active_only svg.active_only {
+    height: 25px;
+    fill: var(--colour-text-background);
+    background-color: var(--colour-accent);
+    /* border: 1px solid var(--colour-accent);
+    border-radius: 0.5vh; */
+    width: 25px;
+}
+#formFilters .container-input.filter.active_only svg.active_only.is_checked {
+    fill: var(--colour-accent);
+    background-color: var(--colour-text-background);
+}
+#formFilters .container-input.filter.is_not_empty {
+    width: 12vh;
+}
+
+/*
+#formFilters button {
+    padding: 0.5vh 0.75vh;
+    background-color: var(--colour-accent);
+    color: var(--colour-primary);
+    font-weight: bold;
+    border-radius: 0.75vh;
+    border: 2px solid var(--colour-primary);
+}
+
+#formFilters button.is_collapsed {
+    display: block;
+    opacity: 0;
+}
+*/
+
+form.filter button.save, form.filter button.button-cancel {
+    margin-top: 0;
+    margin-bottom: 0;
+}
+form.filter button.save, form.filter button.button-cancel {
+    margin-top: 0;
+    margin-bottom: 1px;
+}
+
+/*
+@media screen and (max-width: 400px) {
+    .topnav h1 {
+        font-size: 16px;
+    }
+}
+*/
+
+@media screen and (max-width: 980px) {
+    /*
+    .hero h1 {
+        font-size: 2.5rem;
+    }
+    */
+    .nav-links,
+    .nav-links.tcg {
+        display: none;
+    }
+    .topnav {
+        justify-content: flex-start;
+        align-items: start;
+    }
+    .topnav.tcg {
+        padding-right: 30vw;
+    }
+}