add a page for tickets from gitea (#2)

Co-authored-by: Blake Ridgway <blake@blakeridgway.com>
Reviewed-on: https://git.ridgwaysystems.org/RidgwaySystems/rs_website/pulls/2

static/css/style.css

@@ -616,6 +616,65 @@ blockquote {
   color: var(--text-muted);
 }
 
+/* === Planned Maintenance === */
+
+.planned-outages {
+  margin-bottom: 2rem;
+}
+
+.planned-outages h2 {
+  font-size: 1rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: var(--text-muted);
+  margin-bottom: 0.75rem;
+}
+
+.outage-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  overflow: hidden;
+}
+
+.outage-item {
+  display: flex;
+  align-items: center;
+  gap: 0.6rem;
+  padding: 0.65rem 1rem;
+  border-bottom: 1px solid var(--border);
+  font-size: 0.9rem;
+}
+
+.outage-item:last-child { border-bottom: none; }
+
+.outage-indicator {
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: #e0a000;
+  flex-shrink: 0;
+}
+
+.outage-link {
+  flex: 1;
+  color: var(--text);
+  text-decoration: none;
+}
+
+.outage-link:hover { text-decoration: underline; }
+
+.outage-num {
+  font-family: var(--font-mono);
+  font-size: 0.78rem;
+  color: var(--text-muted);
+  flex-shrink: 0;
+}
+
 /* === Infrastructure Page === */
 
 .infra-section { margin-bottom: 3rem; }
@@ -1111,6 +1170,49 @@ blockquote {
 .nav-hire { color: var(--accent) !important; }
 .nav-hire:hover { color: var(--accent-dim) !important; }
 
+.nav-live {
+  color: #e53935 !important;
+  font-weight: 600;
+  animation: live-pulse 2s ease-in-out infinite;
+}
+.nav-live:hover { opacity: 0.8; text-decoration: none !important; }
+
+@keyframes live-pulse {
+  0%, 100% { opacity: 1; }
+  50%       { opacity: 0.55; }
+}
+
+/* === Stream Page === */
+
+.stream-player {
+  height: 75vh;
+  margin-top: 1.5rem;
+  margin-left: calc(50% - 50vw + 1.25rem);
+  margin-right: calc(50% - 50vw + 1.25rem);
+  border-radius: 6px;
+  overflow: hidden;
+  border: 1px solid var(--border);
+}
+
+.live-badge {
+  display: inline-block;
+  background: #e53935;
+  color: #fff;
+  font-size: 0.78rem;
+  font-weight: 600;
+  padding: 0.15em 0.5em;
+  border-radius: 3px;
+  margin-right: 0.3rem;
+}
+
+@media (max-width: 800px) {
+  .stream-wrap {
+    grid-template-columns: 1fr;
+    height: auto;
+  }
+  .stream-player { height: 56vw; }
+}
+
 .hire-page { max-width: var(--max-w); }
 
 .hire-intro {