File: /home/g/e/y/geyhairs/www/alone.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Touch by Alone</title>
<link
rel="icon"
type="image/jpeg"
href="https://i.postimg.cc/2yx3pv8v/photo-2026-02-04-21-05-19.jpg"
/>
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
/>
<style>
@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;700&family=Share+Tech+Mono&display=swap");
:root {
--neon-green: #00ff41;
--dark-bg: #0a0a0a;
}
body {
background-color: var(--dark-bg);
color: var(--neon-green);
font-family: "Share Tech Mono", monospace;
margin: 0;
overflow: hidden;
height: 100vh;
width: 100vw;
display: flex;
align-items: center;
justify-content: center;
}
#matrix-canvas {
position: absolute;
top: 0;
left: 0;
z-index: 0;
opacity: 0.15;
}
.glitch {
font-size: 5rem;
font-weight: bold;
text-transform: uppercase;
position: relative;
text-shadow:
0.05em 0 0 rgba(255, 0, 0, 0.75),
-0.025em -0.05em 0 rgba(0, 255, 0, 0.75),
0.025em 0.05em 0 rgba(0, 0, 255, 0.75);
animation: glitch 500ms infinite;
}
@keyframes glitch {
0% {
text-shadow:
0.05em 0 0 rgba(255, 0, 0, 0.75),
-0.05em -0.025em 0 rgba(0, 255, 0, 0.75),
-0.025em 0.05em 0 rgba(0, 0, 255, 0.75);
}
14% {
text-shadow:
0.05em 0 0 rgba(255, 0, 0, 0.75),
-0.05em -0.025em 0 rgba(0, 255, 0, 0.75),
-0.025em 0.05em 0 rgba(0, 0, 255, 0.75);
}
15% {
text-shadow:
-0.05em -0.025em 0 rgba(255, 0, 0, 0.75),
0.025em 0.025em 0 rgba(0, 255, 0, 0.75),
-0.05em -0.05em 0 rgba(0, 0, 255, 0.75);
}
49% {
text-shadow:
-0.05em -0.025em 0 rgba(255, 0, 0, 0.75),
0.025em 0.025em 0 rgba(0, 255, 0, 0.75),
-0.05em -0.05em 0 rgba(0, 0, 255, 0.75);
}
50% {
text-shadow:
0.025em 0.05em 0 rgba(255, 0, 0, 0.75),
0.05em 0 0 rgba(0, 255, 0, 0.75),
0 -0.05em 0 rgba(0, 0, 255, 0.75);
}
99% {
text-shadow:
0.025em 0.05em 0 rgba(255, 0, 0, 0.75),
0.05em 0 0 rgba(0, 255, 0, 0.75),
0 -0.05em 0 rgba(0, 0, 255, 0.75);
}
100% {
text-shadow:
-0.025em 0 0 rgba(255, 0, 0, 0.75),
-0.025em -0.025em 0 rgba(0, 255, 0, 0.75),
-0.025em -0.05em 0 rgba(0, 0, 255, 0.75);
}
}
.content-box {
position: relative;
z-index: 10;
background: rgba(5, 5, 5, 0.9);
padding: 3rem;
border: 2px solid var(--neon-green);
box-shadow:
0 0 30px rgba(0, 255, 65, 0.3),
inset 0 0 15px rgba(0, 255, 65, 0.1);
text-align: center;
max-width: 600px;
width: 90%;
backdrop-filter: blur(12px);
border-radius: 4px;
}
/* CRT Effect */
.crt::before {
content: " ";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background:
linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%),
linear-gradient(
90deg,
rgba(255, 0, 0, 0.06),
rgba(0, 255, 0, 0.02),
rgba(0, 0, 255, 0.06)
);
z-index: 20;
background-size:
100% 2px,
3px 100%;
pointer-events: none;
}
.crt::after {
content: " ";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(18, 16, 16, 0.1);
opacity: 0;
z-index: 20;
pointer-events: none;
animation: flicker 0.15s infinite;
}
@keyframes flicker {
0% {
opacity: 0.27861;
}
5% {
opacity: 0.34769;
}
10% {
opacity: 0.23604;
}
15% {
opacity: 0.90626;
}
20% {
opacity: 0.18128;
}
25% {
opacity: 0.83891;
}
30% {
opacity: 0.65583;
}
35% {
opacity: 0.57807;
}
40% {
opacity: 0.26559;
}
45% {
opacity: 0.84693;
}
50% {
opacity: 0.96019;
}
55% {
opacity: 0.08523;
}
60% {
opacity: 0.71056;
}
65% {
opacity: 0.73477;
}
70% {
opacity: 0.37874;
}
75% {
opacity: 0.1903;
}
80% {
opacity: 0.9619;
}
85% {
opacity: 0.72973;
}
90% {
opacity: 0.4527;
}
95% {
opacity: 0.11195;
}
100% {
opacity: 0.5503;
}
}
.hud-border {
position: absolute;
width: 20px;
height: 20px;
border-color: var(--neon-green);
}
.top-left {
top: -5px;
left: -5px;
border-top: 3px solid;
border-left: 3px solid;
}
.top-right {
top: -5px;
right: -5px;
border-top: 3px solid;
border-right: 3px solid;
}
.bottom-left {
bottom: -5px;
left: -5px;
border-bottom: 3px solid;
border-left: 3px solid;
}
.bottom-right {
bottom: -5px;
right: -5px;
border-bottom: 3px solid;
border-right: 3px solid;
}
.btn-hacker {
display: inline-block;
margin: 10px;
padding: 12px 24px;
border: 1px solid var(--neon-green);
color: var(--neon-green);
text-decoration: none;
transition: all 0.3s ease;
font-weight: bold;
position: relative;
overflow: hidden;
}
.btn-hacker:hover {
background: var(--neon-green);
color: black;
box-shadow: 0 0 15px var(--neon-green);
}
.typing {
overflow: hidden;
white-space: nowrap;
border-right: 0.15em solid var(--neon-green);
animation:
typing 3.5s steps(40, end),
blink-caret 0.75s step-end infinite;
}
@keyframes typing {
from {
width: 0;
}
to {
width: 100%;
}
}
@keyframes blink-caret {
from,
to {
border-color: transparent;
}
50% {
border-color: var(--neon-green);
}
}
.scanline {
width: 100%;
height: 100px;
z-index: 5;
background: linear-gradient(
0deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 255, 65, 0.1) 50%,
rgba(0, 0, 0, 0) 100%
);
opacity: 0.1;
position: absolute;
bottom: 100%;
animation: scanline 10s linear infinite;
}
@keyframes scanline {
0% {
bottom: 100%;
}
80% {
bottom: 100%;
}
100% {
bottom: 0%;
}
}
@media (max-width: 640px) {
.glitch {
font-size: 3rem;
}
.content-box {
padding: 1.5rem;
}
}
</style>
</head>
<body class="crt">
<canvas id="matrix-canvas"></canvas>
<div class="scanline"></div>
<div
class="fixed top-4 left-4 text-[10px] font-mono opacity-30 hidden md:block select-none pointer-events-none"
>
<div>SYS_ROOT: /DEV/NULL</div>
<div>NET_STATUS: SNIFFING...</div>
<div>ENCRYPTION: AES-256</div>
</div>
<div
class="fixed bottom-4 right-4 text-[10px] font-mono opacity-30 hidden md:block select-none pointer-events-none text-right"
>
<div>PROTOCOL: SSH/SFTP</div>
<div>UPLINK: ACTIVE</div>
<div>BY: MR. INVISIBLE</div>
</div>
<main class="content-box" id="main-content">
<!-- HUD Corners -->
<div class="hud-border top-left"></div>
<div class="hud-border top-right"></div>
<div class="hud-border bottom-left"></div>
<div class="hud-border bottom-right"></div>
<header class="mb-10">
<div class="text-xs tracking-[0.5em] opacity-60 mb-4 animate-pulse">
-- SYSTEM PENETRATION COMPLETE --
</div>
<h1 class="glitch" style="font-size: clamp(2.5rem, 8vw, 4.5rem)">
Alone
</h1>
</header>
<div class="space-y-8">
<div class="flex flex-col items-center">
<div class="mb-8 relative">
<div
class="absolute inset-0 rounded-full border-2 border-green-500 animate-ping opacity-20"
></div>
<img
src="https://i.postimg.cc/2yx3pv8v/photo-2026-02-04-21-05-19.jpg"
alt="Mr. Invisible"
class="w-32 h-32 md:w-40 md:h-40 rounded-full border-2 border-green-500 object-cover shadow-[0_0_20px_rgba(0,255,65,0.4)]"
/>
</div>
<div
class="flex flex-col sm:flex-row justify-center gap-6 w-full px-4"
>
<a
href="https://telegram.me/hack_al0ne"
target="_blank"
class="btn-hacker flex-1"
>
<i class="fab fa-telegram mr-2"></i> CHANNEL
</a>
<a
href="https://telegram.me/hello_alone_bot"
target="_blank"
class="btn-hacker flex-1"
>
<i class="fab fa-telegram mr-2"></i> CONTACT
</a>
</div>
</div>
<div class="pt-8 border-t border-dashed border-green-900/50">
<p class="text-xl font-light tracking-widest text-white/80">
Touch by
<span
class="text-red-600 font-bold drop-shadow-[0_0_8px_rgba(220,38,38,0.8)] animate-pulse"
>Alone</span
>
</p>
<div
class="mt-6 flex justify-between text-[10px] uppercase opacity-40 font-mono"
>
<span>Web Shell</span>
<span>ULP & Logs</span>
<span>Tools</span>
</div>
</div>
</div>
</main>
<script>
// Matrix Rain Background
const canvas = document.getElementById("matrix-canvas");
const ctx = canvas.getContext("2d");
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
const characters =
"ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789$+-*/=%\"'#&_(),.;:?!\\|{}<>[]^~";
const fontSize = 16;
const columns = canvas.width / fontSize;
const drops = [];
for (let x = 0; x < columns; x++) {
drops[x] = 1;
}
function draw() {
ctx.fillStyle = "rgba(10, 10, 10, 0.05)";
ctx.fillRect(0, 0, canvas.width, canvas.height);
ctx.fillStyle = "#0F0";
ctx.font = fontSize + "px monospace";
for (let i = 0; i < drops.length; i++) {
const text = characters.charAt(
Math.floor(Math.random() * characters.length),
);
ctx.fillText(text, i * fontSize, drops[i] * fontSize);
if (drops[i] * fontSize > canvas.height && Math.random() > 0.975) {
drops[i] = 0;
}
drops[i]++;
}
}
window.addEventListener("resize", () => {
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
const newColumns = canvas.width / fontSize;
for (let x = drops.length; x < newColumns; x++) {
drops[x] = 1;
}
});
setInterval(draw, 33);
// Interaction Feedback
document.querySelectorAll(".btn-hacker").forEach((btn) => {
btn.addEventListener("mouseenter", () => {
console.log("%c [System] Target identified.", "color: #00ff41");
});
});
</script>
</body>
</html>