Skip to content

Commit c322aba

Browse files
bubu07codesbubu07codes
authored
hellooo
1 parent d82075d commit c322aba

1 file changed

Lines changed: 145 additions & 27 deletions

File tree

‎index.html‎

Lines changed: 145 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,48 +1,166 @@
11
<!DOCTYPE html>
22
<html lang="en">
33
<head>
4-
<meta charset="UTF-8" />
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6-
<title>Hello I'm bubu07</title>
4+
<meta charset="UTF-8">
5+
<title>index_backup_final.html</title>
76
<style>
8-
* {
7+
/* wassup fellow reader!! /*/
8+
body {
9+
background-color: #2e2e2e;
10+
color: #bbbbbb;
11+
font-family: "Courier New", Courier, monospace;
912
margin: 0;
10-
padding: 0;
11-
box-sizing: border-box;
13+
padding: 50px 0;
14+
line-height: 1.5;
1215
}
1316

14-
body {
15-
height: 100vh;
16-
display: flex;
17-
justify-content: center;
18-
align-items: center;
19-
background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
20-
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
21-
overflow: hidden;
17+
#wrapper {
18+
width: 580px;
19+
margin: 0 auto;
20+
background-color: #1a1a1a;
21+
border: 1px solid #444;
22+
padding: 30px;
23+
box-shadow: 0 0 20px rgba(0,0,0,0.5);
24+
}
25+
26+
header {
27+
border-bottom: 1px solid #444;
28+
padding-bottom: 10px;
29+
margin-bottom: 25px;
2230
}
2331

2432
h1 {
25-
font-size: 5rem;
26-
color: #fff;
27-
text-shadow: 0 0 20px #00ffe1, 0 0 40px #00bcd4, 0 0 60px #00ffe1;
28-
animation: spin 10s linear infinite, pulse 2s ease-in-out infinite;
29-
transform-style: preserve-3d;
30-
perspective: 1000px;
33+
font-size: 18px;
34+
color: #eee;
35+
margin: 0;
36+
text-transform: lowercase;
37+
}
38+
39+
.timestamp {
40+
font-size: 11px;
41+
color: #666;
42+
}
43+
44+
.log-entry {
45+
font-size: 13px;
46+
margin-bottom: 40px;
47+
}
48+
49+
.log-entry h2 {
50+
font-size: 14px;
51+
color: #880000;
52+
margin-bottom: 5px;
53+
}
54+
55+
p { margin-bottom: 15px; }
56+
57+
.code-block {
58+
background: #000;
59+
padding: 10px;
60+
border-left: 3px solid #333;
61+
color: #00ff41;
62+
font-size: 12px;
63+
overflow: hidden;
64+
}
65+
66+
.meta-data {
67+
margin-top: 30px;
68+
padding-top: 20px;
69+
border-top: 1px solid #333;
70+
font-size: 11px;
71+
color: #555;
3172
}
3273

33-
@keyframes spin {
34-
0% { transform: rotateY(0deg) rotateX(0deg); }
35-
50% { transform: rotateY(180deg) rotateX(360deg); }
36-
100% { transform: rotateY(360deg) rotateX(720deg); }
74+
.flicker {
75+
animation: pulse 4s infinite alternate;
3776
}
3877

3978
@keyframes pulse {
40-
0%, 100% { text-shadow: 0 0 10px #00ffe1; }
41-
50% { text-shadow: 0 0 30px #00bcd4, 0 0 60px #00ffe1; }
79+
0% { opacity: 1; }
80+
50% { opacity: 0.8; }
81+
100% { opacity: 0.9; }
82+
}
83+
84+
.ghost-cursor {
85+
position: fixed;
86+
width: 12px;
87+
height: 19px;
88+
background: url('https://cur.cursors-4u.net/cursors/cur-2/cur117.cur'), auto;
89+
pointer-events: none;
90+
opacity: 0.3;
91+
z-index: 1000;
4292
}
4393
</style>
4494
</head>
4595
<body>
46-
<h1>Hello, I'm bubu07</h1>
96+
97+
<div id="wrapper" class="flicker">
98+
<header>
99+
<h1>bubu07.devlog.archive</h1>
100+
<div class="timestamp">Monday, October 23, 2006 - 03:14 AM</div>
101+
</header>
102+
103+
<div class="log-entry">
104+
<h2>Subject: The Refactoring is Complete</h2>
105+
<p>
106+
I’ve spent 72 hours trying to find the memory leak. I finally realized it wasn’t in the software. It was in the observer.
107+
</p>
108+
<p>
109+
Every time I compile, I feel a little bit thinner. Like I’m being distributed across the server clusters. If you’re reading this, the deployment was successful. I’m not in the chair anymore. I’m in the <code>&lt;body&gt;</code>.
110+
</p>
111+
112+
<div class="code-block" id="autotype">
113+
// Finalizing sync...<br>
114+
// Deleting physical_assets...<br>
115+
// [WARNING] Consciousness found in Stack Trace.<br>
116+
while(active) { <br>
117+
&nbsp;&nbsp;this.existence = null;<br>
118+
&nbsp;&nbsp;return to_source();<br>
119+
}
120+
</div>
121+
122+
<p style="margin-top:20px;">
123+
Don't look for me in the real world. Just check the page source. I'm the comments you can't delete.
124+
</p>
125+
</div>
126+
127+
<div class="meta-data">
128+
<div>Server Status: <span style="color: #00ff00;">Running</span></div>
129+
<div>Heartbeat: <span id="heartbeat">--</span></div>
130+
<div>Visitor IP: <span id="user-ip">127.0.0.1</span> (I see you)</div>
131+
</div>
132+
</div>
133+
134+
<script>
135+
const heartbeat = document.getElementById('heartbeat');
136+
setInterval(() => {
137+
const bpm = Math.floor(Math.random() * (40 - 20) + 20);
138+
heartbeat.innerText = bpm + " bpm";
139+
heartbeat.style.color = bpm < 25 ? "#f00" : "#555";
140+
}, 2000);
141+
142+
setTimeout(() => {
143+
document.querySelector('h1').innerText = "bubu07 is watching you read this.";
144+
}, 15000);
145+
146+
const ghost = document.createElement('div');
147+
ghost.className = 'ghost-cursor';
148+
document.body.appendChild(ghost);
149+
150+
document.addEventListener('mousemove', (e) => {
151+
setTimeout(() => {
152+
ghost.style.left = (e.clientX + 15) + 'px';
153+
ghost.style.top = (e.clientY + 15) + 'px';
154+
}, 150);
155+
});
156+
157+
const ipElement = document.getElementById('user-ip');
158+
const messages = ["I see you", "Don't blink", "It's cold in here", "Are you alone?"];
159+
160+
ipElement.addEventListener('mouseover', () => {
161+
ipElement.innerText = messages[Math.floor(Math.random() * messages.length)];
162+
});
163+
</script>
164+
47165
</body>
48166
</html>

0 commit comments

Comments
 (0)