Differences

This shows you the differences between two versions of the page.

--- start [2026/06/11 08:00] – jumpstartadmin
+++ start [2026/06/11 08:33] (current) – jumpstartadmin
@@ Line 4: / Line 4: @@
 @font-face { font-family: 'Forevs'; src: url('/wiki/lib/tpl/bootstrap3/fonts/ForevsDemo-Bold.otf') format('opentype'); font-weight: bold; }
-.js-wrap { position: fixed; top: 50px; left: 0; width: 100vw; height: calc(100vh - 50px); z-index: 999; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, calc(50vh - 25px)); gap: 4px; background: #120F29; }
+/* Grid fills full viewport — navbar floats over it */
+.js-wrap {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100vw;
+    height: 100vh;
+    z-index: 999;
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    grid-template-rows: repeat(2, 50vh);
+    gap: 4px;
+    background: #120F29;
+}
 /* Scanline overlay */
@@ Line 22: / Line 35: @@
 }
-/* Edge vignette around entire grid */
+/* Edge vignette */
 .js-wrap::before {
     content: '';
@@ Line 62: / Line 75: @@
 }
-/* Title */
+/* Title — centered in full viewport */
 .js-title {
     position: fixed;
-    top: 50px;
+    top: 0;
     left: 0;
     width: 100vw;
-    height: calc(100vh - 50px);
+    height: 100vh;
     z-index: 1002;
     pointer-events: none;
@@ Line 92: / Line 105: @@
 .js-title-divider-diamond { width: 5px; height: 5px; background: rgba(184,173,219,0.9); transform: rotate(45deg); box-shadow: 0 0 6px rgba(184,173,219,0.8); }
-/* Particle canvas */
+/* Particle canvas — full viewport */
-#js-particles { position: fixed; top: 50px; left: 0; width: 100vw; height: calc(100vh - 50px); z-index: 1001; pointer-events: none; }
+#js-particles { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 1001; pointer-events: none; }
 @keyframes revealUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }