Initial Release

2026-05-24 21:58:23 -07:00
commit 0a782e0096
209 changed files with 11657 additions and 0 deletions
@@ -0,0 +1,134 @@
+div.wrapper-special {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    margin: auto;
+    display: grid;
+    place-items: center;
+    gap: 8px;
+}
+
+div.container-special {
+    max-width: 1024px;
+    width: 100%;
+    display: grid;
+    gap: 8px;
+    text-align: center;
+    justify-content: center;
+    justify-items: center;
+}
+
+div.special-alongside {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    overflow: hidden;
+    gap: 8px;
+}
+
+img.special-banner {
+    width: 300px;
+    margin: 8px;
+    object-fit: contain;
+    image-rendering: pixelated;
+}
+
+img.special-corner {
+    position: absolute;
+    height: 100%;
+    bottom: 0;
+    right: 0;
+    z-index: -999;
+}
+
+/* Page: oAuth2 */
+div.oauth2-centered {
+    display: grid;
+    place-items: center;
+    text-align: center;
+    gap: 16px;
+}
+
+div.oauth2-header {
+    text-align: center;
+}
+
+div.oauth2-icons {
+    display: flex;
+    justify-content: space-evenly;
+    padding: 0 32px;
+    box-sizing: border-box;
+    align-items: center;
+}
+
+img.oauth2-diagram {
+    width: 64px;
+    flex-basis: 100%;
+}
+
+img.application-icon {
+    background-color: var(--background-layer-1);
+    min-height: 80px;
+    max-height: 80px;
+    min-width: 80px;
+    max-width: 80px;
+}
+
+img.oauth2-icon {
+    background-color: var(--background-layer-3);
+    width: 64px;
+    height: 64px;
+    margin: auto;
+    border-radius: 100%;
+    padding: 16px;
+    border: 2px solid var(--background-layer-1);
+    object-fit: contain;
+    image-rendering: pixelated;
+}
+
+div.oauth2-container {
+    width: fit-content;
+    min-width: 400px;
+    min-height: 400px;
+    max-width: 400px;
+}
+
+/* Page: Picross */
+div.special-picross {
+    margin-left: -48px;
+    display: grid;
+}
+
+div.picross-row {
+    display: flex;
+    gap: 4px;
+}
+
+p.picross-hint {
+    color: var(--background-layer-0);
+    width: 24px;
+    height: 24px;
+}
+
+button.picross-button {
+    transition: var(--transition-time) ease-in-out background-color;
+    background-color: var(--background-layer-1);
+    width: 24px;
+    height: 24px;
+    border: none;
+}
+
+button.picross-active {
+    background-color: var(--background-layer-0) !important;
+}
+
+button.picross-ignore {
+    background-color: var(--background-layer-4);
+}
+
+/* Mobile Styling */
+@media (max-width: 640px) {
+    div.special-picross {
+        margin-left: 0px;
+    }
+}