From ecf8a1a1d2f0580ee97b6a1aac6297f6c16e99da Mon Sep 17 00:00:00 2001 From: Devon Campbell Date: Mon, 29 Dec 2025 13:18:03 -0500 Subject: [PATCH] Revert "Add analog effects" This reverts commit 08e252e7b06c6e2b59e1f41d0d9ccf69d79a60d7. --- css/theme.css | 75 +-------------------------------------------------- 1 file changed, 1 insertion(+), 74 deletions(-) diff --git a/css/theme.css b/css/theme.css index 8b9ff2e..56ff0df 100644 --- a/css/theme.css +++ b/css/theme.css @@ -50,71 +50,6 @@ body { grid-template-columns: 1fr; justify-items: start; column-gap: 3rem; - - /* Styles for CRT effect */ - margin: 0; - min-height: 100vh; - /* Text glow */ - text-shadow: - 2px 2px 0px #000, /* Hard shadow for legibility */ - -1px -1px 0 rgba(255,255,255,0.3), /* Slight highlight */ - 0 0 8px rgba(255, 255, 255, 0.5), /* Soft bloom */ - 0 0 20px rgba(255, 255, 255, 0.3); /* Wide bloom */ -} - -/* Scanline overlay pseudo-element */ -body::before { - content: " "; - display: block; - position: fixed; - top: 0; left: 0; bottom: 0; right: 0; - z-index: 9999; - pointer-events: none; - - background: linear-gradient( - to bottom, - rgba(0,0,0, 0) 50%, - rgba(0,0,0, 0.1) 50% - ); - background-size: 100% 4px; -} - -/* Rolling refresh rate mismatch bar pseudo-element */ -body::after { - content: " "; - display: block; - position: fixed; - z-index: 9999; - top: -5vh; - left: 0; right: 0; - height: 5vh; - pointer-events: none; - background: linear-gradient( - to bottom, - rgba(255,255,255,0) 0%, - rgba(255,255,255,0.05) 50%, - rgba(255,255,255,0) 100% - ); - - will-change: transform; - animation: scan-drop 15s linear infinite; -} - -@keyframes scan-drop { - 0% { transform: translateY(0); } - 25% { transform: translateY(0); } - 50% { transform: translateY(150vh); } - 100% { transform: translateY(150vh); } -} - -/* Theme scrollbars */ -body::-webkit-scrollbar { - width: 12px; - background: #000; -} -body::-webkit-scrollbar-thumb { - background: var(--accent-alt); - border: 1px solid #fff; } body > nav, @@ -125,10 +60,6 @@ h4, h5, h6 { font-family: var(--fancy-font-stack); - - text-shadow: - 3px 0px 0px rgba(255, 0, 0, 0.5), - -3px 0px 0px rgba(0, 0, 255, 0.5); } img { @@ -195,11 +126,7 @@ h1 { z-index: 1; position: relative; margin-top: 0; - text-shadow: - 0.1em 0 black, - /* Chromatic aberration */ - -0.03em 0 rgba(255, 0, 0, 0.8), - 0.13em 0 rgba(0, 0, 255, 0.6); + text-shadow: 0.1em 0 black; color: var(--text-over-background); } h1 + article {