commit ac9dadc3db78166f28c2f498d83a0ea74a1d467a Author: muken Date: Thu Jun 18 07:50:45 2026 -0500 Add under-construction placeholder with visitor log UI diff --git a/index.html b/index.html new file mode 100644 index 0000000..3149d01 --- /dev/null +++ b/index.html @@ -0,0 +1,77 @@ + + + + + + Site Under Construction + + + +
+ +

Service Temporarily Down

+

This site is currently under construction.

+

We’re working on something better. Please check back soon.

+ +
+

Recent Visitors

+

Showing the last 50 visitors. IP octets are masked for privacy.

+
+ + + + + + + + + + + + +
#IP AddressLocationTime
+
+ +
+ +
Protected access · Visitor logging is masked for privacy
+
+ + + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..54530d0 --- /dev/null +++ b/style.css @@ -0,0 +1,129 @@ +:root { + --bg: #0f1115; + --panel: #161b22; + --border: #30363d; + --text: #e6edf3; + --muted: #8b949e; + --accent: #f0883e; + --ok: #3fb950; +} + +* { box-sizing: border-box; } + +html, body { + margin: 0; + padding: 0; + background: var(--bg); + color: var(--text); + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; +} + +.container { + max-width: 980px; + margin: 40px auto; + padding: 32px; + background: var(--panel); + border: 1px solid var(--border); + border-radius: 12px; +} + +.banner { + font-size: 42px; + line-height: 1; +} + +h1 { + margin: 12px 0 8px; + font-size: 28px; + font-weight: 700; +} + +.subtitle { + margin: 0; + color: var(--muted); + font-size: 16px; +} + +.note { + margin: 6px 0 24px; + color: var(--muted); + font-size: 14px; +} + +.visitor-panel { + margin-top: 28px; + padding: 18px; + background: #0d1117; + border: 1px solid var(--border); + border-radius: 10px; +} + +.visitor-panel h2 { + margin: 0 0 4px; + font-size: 18px; + font-weight: 600; +} + +.visitor-note { + margin: 0; + color: var(--muted); + font-size: 13px; +} + +.table-wrap { + margin-top: 12px; + overflow-x: auto; +} + +table { + width: 100%; + border-collapse: collapse; + font-size: 14px; +} + +thead th { + text-align: left; + color: var(--muted); + font-weight: 600; + font-size: 12px; + text-transform: uppercase; + letter-spacing: 0.08em; + padding: 8px 10px; + border-bottom: 1px solid var(--border); +} + +tbody tr:nth-child(even) { + background: rgba(255, 255, 255, 0.02); +} + +td { + padding: 10px 10px; + border-bottom: 1px solid var(--border); + vertical-align: top; +} + +td.mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; + color: #c9d1d9; +} + +.btn { + margin-top: 14px; + padding: 10px 14px; + background: var(--accent); + color: #fff; + border: none; + border-radius: 8px; + cursor: pointer; + font-weight: 600; +} + +.btn:hover { + opacity: .95; +} + +footer { + margin-top: 28px; + color: var(--muted); + font-size: 12px; +}