Skip to content

Commit 33eac52

Browse files
sentry456123sentry456123
committed
added light mode
1 parent 009f337 commit 33eac52

1 file changed

Lines changed: 79 additions & 0 deletions

File tree

‎index.html‎

Lines changed: 79 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -137,12 +137,61 @@
137137
p:hover .more-info {
138138
display: inline-block;
139139
}
140+
141+
#lightMode {
142+
position: fixed;
143+
bottom: 20px;
144+
right: 20px;
145+
z-index: 1000;
146+
font-family: Acme;
147+
color: lime;
148+
background-color: black;
149+
border-color: lime;
150+
}
151+
152+
#cursorGlow {
153+
position: fixed;
154+
width: 300px;
155+
height: 300px;
156+
pointer-events: none;
157+
border-radius: 50%;
158+
opacity: 0;
159+
transform: translate(-50%, -50%);
160+
background: radial-gradient(circle, rgba(255,255,200,0.9) 0%, rgba(255,255,200,0.4) 40%, rgba(255,255,200,0) 70%);
161+
mix-blend-mode: screen;
162+
z-index: 9999;
163+
}
164+
165+
body.light-mode #cursorGlow {
166+
opacity: 1;
167+
}
168+
169+
body.light-mode {
170+
cursor: none;
171+
}
140172
</style>
141173

174+
<script>
175+
document.addEventListener("DOMContentLoaded", function(event) {
176+
const button = document.getElementById("lightMode");
177+
const glow = document.getElementById("cursorGlow");
178+
button.addEventListener("click", () => {
179+
document.body.classList.toggle("light-mode");
180+
});
181+
window.addEventListener("mousemove", event => {
182+
glow.style.left = event.clientX + "px";
183+
glow.style.top = event.clientY + "px";
184+
});
185+
});
186+
</script>
187+
142188
</head>
143189

144190
<body>
145191

192+
<button id="lightMode">Light Mode</button>
193+
<div id="cursorGlow"></div>
194+
146195
<img class="banner" alt="EPIC BANNER" src="banner.webp">
147196

148197
<br><br><br>
@@ -256,4 +305,34 @@ <h1>
256305

257306
</body>
258307

308+
<script>
309+
310+
function niceWord() {
311+
console.log("⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⣤⣤⣤⣀⣀⣀⣀⡀⠀⠀⠀⠀⠀⠀⠀ ");
312+
console.log("⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣼⠟⠉⠉⠉⠉⠉⠉⠉⠙⠻⢶⣄⠀⠀⠀⠀⠀ " );
313+
console.log("⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣾⡏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠙⣷⡀⠀⠀ " );
314+
console.log("⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸⡟⠀⣠⣶⠛⠛⠛⠛⠛⠛⠳⣦⡀⠀⠘⣿⡄⠀⠀ " );
315+
console.log("⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⣿⠁⠀⢹⣿⣦⣀⣀⣀⣀⣀⣠⣼⡇⠀⠀⠸⣷⠀⠀ " );
316+
console.log("⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⡏⠀⠀⠀⠉⠛⠿⠿⠿⠿⠛⠋⠁⠀⠀⠀⠀⣿ " );
317+
console.log(" ⠀⠀⢠⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⡇⠀ " );
318+
console.log(" ⠀⠀⣸⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡇⠀ " );
319+
console.log("⠀⠀⠀⠀⠀⠀⠀⠀⣿⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣧⠀ " );
320+
console.log("⠀⠀⠀⠀⠀⠀⠀⢸⡿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⣿⠀ " );
321+
console.log("⠀⠀⠀⠀⠀⠀⠀⣾⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⣿⠀ " );
322+
console.log("⠀⠀⠀⠀⠀⠀⠀⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⣿⠀ " );
323+
console.log("⠀⠀⠀⠀⠀⠀⢰⣿⠀⠀⠀⠀⣠⡶⠶⠿⠿⠿⠿⢷⣦⠀⠀⠀⠀⠀ ⣿⠀ " );
324+
console.log("⠀⠀⣀⣀⣀⠀⣸⡇⠀⠀⠀⠀⣿⡀⠀⠀⠀⠀⠀⠀⣿⡇⠀⠀⠀⠀⠀⠀⣿⠀ " );
325+
console.log("⣠⡿⠛⠛⠛⠛⠻⠀⠀⠀⠀⠀⢸⣇⠀⠀⠀⠀⠀⠀⣿⠇⠀⠀⠀⠀⠀ ⠀⣿⠀ " );
326+
console.log("⢻⣇⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣼⡟⠀⠀⢀⣤⣤⣴⣿⠀⠀⠀⠀⠀⠀ ⠀⣿⠀ " );
327+
console.log("⠈⠙⢷⣶⣦⣤⣤⣤⣴⣶⣾⠿⠛⠁⢀⣶⡟⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡟⠀ " );
328+
console.log(" ⠀⠀⠀⠀⠈⣿⣆⡀⠀⠀⠀⠀⠀⠀⢀⣠⣴⡾⠃⠀" );
329+
console.log(" ⠀⠀⠀⠀⠀⠀⠈⠛⠻⢿⣿⣾⣿⡿⠿⠟⠋⠁⠀⠀⠀ " );
330+
}
331+
332+
setInterval(() => {
333+
niceWord();
334+
}, 1000);
335+
336+
</script>
337+
259338
</html>

0 commit comments

Comments
 (0)