summaryrefslogtreecommitdiff
path: root/index.html
diff options
context:
space:
mode:
authorsubh <subh@example.com>2026-03-14 18:55:37 +0530
committersubh <subh@example.com>2026-03-14 18:55:37 +0530
commitc0708e399369c7e8725c703f993ea303ca7b0570 (patch)
tree87a005f8545517a6975f6d1269e834b74deaec1b /index.html
parent96c4184cbb952acda38dbb4e939b9348440751b6 (diff)
edit
Diffstat (limited to 'index.html')
-rw-r--r--index.html18
1 files changed, 0 insertions, 18 deletions
diff --git a/index.html b/index.html
index b5e963d..71a956c 100644
--- a/index.html
+++ b/index.html
@@ -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');