COURTNEY’S PORTAL

worlds, zines, gifs, sound scraps, photo ghosts

Worlds

Pick a door.

⚑ Story Worlds ✦ Visual Worlds ⟡ Audio Worlds

Zines

Sound Lab

Little non-instrumental treasures live here.

Sample 01 — “glass + hallway”

Sample 02 — “tape hiss”

GIF Shrine

gif 01 gif 02 gif 03

Tip: keep gifs small so the page loads fast.

Photo Dust

photo 01 photo 02 photo 03

Contact

Email: you@example.com

Swap in your real email, or link an Instagram/Bandcamp/etc.

:root{ --bg: #0b0b10; --card: #12121b; --text: #e9e9f2; --muted: #a9a9c0; --line: rgba(255,255,255,0.12); --accent: #c7ff6b; } *{ box-sizing: border-box; } html,body{ margin:0; padding:0; } body{ font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background: radial-gradient(1200px 700px at 20% 10%, rgba(199,255,107,0.10), transparent 60%), radial-gradient(900px 600px at 90% 20%, rgba(120,160,255,0.10), transparent 55%), var(--bg); color: var(--text); line-height: 1.55; } a{ color: var(--accent); text-decoration: none; } a:hover{ text-decoration: underline; } .wrap{ max-width: 980px; margin: 0 auto; padding: 24px; } h1{ letter-spacing: 0.14em; font-weight: 800; margin: 12px 0 6px; } .tagline{ color: var(--muted); margin: 0 0 14px; } .nav{ display: flex; flex-wrap: wrap; gap: 12px; padding: 12px 0 6px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); } .card{ background: rgba(18,18,27,0.88); border: 1px solid var(--line); border-radius: 18px; padding: 18px; margin: 18px 0; box-shadow: 0 12px 30px rgba(0,0,0,0.35); } .grid{ display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin-top: 12px; } .door{ border: 1px solid var(--line); border-radius: 14px; padding: 14px 12px; background: rgba(255,255,255,0.03); display: block; } .door:hover{ background: rgba(199,255,107,0.08); text-decoration: none; } .list{ padding-left: 18px; } .meta{ color: var(--muted); font-size: 0.95rem; } .gallery{ display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; margin-top: 12px; } .gallery img{ width: 100%; height: 180px; object-fit: cover; border-radius: 14px; border: 1px solid var(--line); background: rgba(255,255,255,0.02); } .audio{ margin: 12px 0 16px; } audio{ width: 100%; } .footer{ padding-top: 6px; padding-bottom: 30px; }