diff options
| author | subh <subh@example.com> | 2026-03-14 18:55:37 +0530 |
|---|---|---|
| committer | subh <subh@example.com> | 2026-03-14 18:55:37 +0530 |
| commit | c0708e399369c7e8725c703f993ea303ca7b0570 (patch) | |
| tree | 87a005f8545517a6975f6d1269e834b74deaec1b | |
| parent | 96c4184cbb952acda38dbb4e939b9348440751b6 (diff) | |
edit
| -rw-r--r-- | index.html | 18 |
1 files changed, 0 insertions, 18 deletions
@@ -30,7 +30,6 @@ cursor: crosshair; } - /* ── SCANLINES ── */ body::before { content: ''; position: fixed; @@ -52,7 +51,6 @@ to { background-position: 0 100px; } } - /* ── VIGNETTE ── */ body::after { content: ''; position: fixed; @@ -62,7 +60,6 @@ z-index: 99; } - /* ── GRID BACKGROUND ── */ #grid-bg { position: fixed; inset: 0; @@ -73,7 +70,6 @@ z-index: 0; } - /* ── GLITCH SCANLINE ── */ #sweep { position: fixed; top: -2px; @@ -94,7 +90,6 @@ 100% { top: 100vh; opacity: 0; } } - /* ── CORNER DECORATIONS ── */ .corner { position: fixed; width: 60px; @@ -114,7 +109,6 @@ .corner.bl { bottom: 20px; left: 20px; transform: scaleY(-1); } .corner.br { bottom: 20px; right: 20px; transform: scale(-1); } - /* ── STATUS BAR ── */ #status-bar { position: fixed; top: 0; @@ -139,7 +133,6 @@ @keyframes pulse-dot { 0%,100%{opacity:1;} 50%{opacity:0.2;} } #clock { color: var(--red); font-size: 0.7rem; } - /* ── BOTTOM BAR ── */ #bottom-bar { position: fixed; bottom: 0; @@ -165,7 +158,6 @@ } @keyframes progress { from { width: 40%; } to { width: 90%; } } - /* ── MAIN LAYOUT ── */ .content { position: relative; z-index: 5; @@ -178,7 +170,6 @@ padding: 40px 1rem 30px; } - /* ── TERMINAL WINDOW ── */ .terminal-window { width: 100%; max-width: 520px; @@ -250,7 +241,6 @@ } @keyframes blink { 0%,100%{opacity:1;} 50%{opacity:0;} } - /* ── TAGLINE ── */ .tagline { font-family: 'VT323', monospace; font-size: 1.15rem; @@ -267,7 +257,6 @@ opacity: 0.6; } - /* ── LINKS ── */ .links-grid { display: grid; grid-template-columns: 1fr 1fr; @@ -344,10 +333,8 @@ } .link:hover .link-arrow { opacity: 1; transform: translateX(0); } - /* HTB spans full width */ .link.full { grid-column: 1 / -1; } - /* ── GLITCH EFFECT on hover for terminal ── */ .terminal-window:hover .glitch-text { animation: glitch 0.3s ease-in-out; } @@ -360,7 +347,6 @@ 100% { text-shadow: none; transform: none; } } - /* ── NOISE OVERLAY ── */ #noise { position: fixed; inset: 0; @@ -479,7 +465,6 @@ </div> <script> - // Clock function tick() { const now = new Date(); document.getElementById('clock').textContent = @@ -487,7 +472,6 @@ } tick(); setInterval(tick, 1000); - // Typing animation const cmd = 'id && uname -a'; let i = 0; const el = document.getElementById('typed-cmd'); @@ -513,12 +497,10 @@ setTimeout(typeChar, 1200); - // Random hex flicker in grid (subtle) const hexChars = '0123456789ABCDEF'; function randomHex(len) { return Array.from({length:len}, () => hexChars[Math.random()*16|0]).join(''); } - // Add floating hex elements const gridBg = document.getElementById('grid-bg'); for (let j = 0; j < 8; j++) { const span = document.createElement('div'); |
