<!DOCTYPE html> <html lang="id"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>heker anjing</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; }
body { min-height: 100vh; display: flex; justify-content: center; align-items: center; font-family: 'Segoe UI', Roboto, system-ui, sans-serif; background: linear-gradient(145deg, #2d2d2d 0%, #1a1a1a 100%); color: #f0f0f0; padding: 1rem; }
/* Container pas dengan konten, padding minimal */ .container { display: inline-block; background: rgba(20, 20, 20, 0.8); backdrop-filter: blur(4px); border-radius: 1.8rem; padding: 1.8rem 2rem; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.05); text-align: center; max-width: 100%; }
h1 { font-size: clamp(2rem, 8vw, 3.5rem); font-weight: 700; letter-spacing: -0.02em; margin-bottom: 1.2rem; text-transform: uppercase; background: linear-gradient(135deg, #dddddd, #aaaaaa); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 2px 5px rgba(0,0,0,0.5); word-break: break-word; white-space: nowrap; /* agar judul tidak pecah, bisa diadjust */ }
/* ASCII art pas dan rapi */ .ascii-art { font-family: 'Courier New', 'Fira Code', monospace; font-size: clamp(0.5rem, 2vw, 0.9rem); line-height: 1.2; color: #e0e0e0; background: rgba(10, 10, 10, 0.5); padding: 1.5rem 1rem; border-radius: 1.2rem; display: inline-block; box-shadow: inset 0 0 20px rgba(0,0,0,0.8), 0 8px 16px rgba(0,0,0,0.5); border: 1px solid rgba(255,255,255,0.05); white-space: pre; overflow-x: auto; max-width: 100%; margin: 0 auto; }
/* Footer rapi tanpa jarak berlebih */ footer { margin-top: 1.5rem; font-size: 0.85rem; opacity: 0.6; letter-spacing: 1px; display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap; }
/* Responsif: pada layar kecil, judul bisa turun */ @media (max-width: 500px) { .container { padding: 1.2rem 1rem; } h1 { white-space: normal; font-size: 2rem; } .ascii-art { font-size: 0.45rem; padding: 1rem 0.5rem; } } </style> </head> <body> <div class="container"> <h1>heker anjing</h1> <pre class="ascii-art"> ⣇⣿⠘⣿⣿⣿⡿⡿⣟⣟⢟⢟⢝⠵⡝⣿⡿⢂⣼⣿⣷⣌⠩⡫⡻⣝⠹⢿⣿⣷ ⡆⣿⣆⠱⣝⡵⣝⢅⠙⣿⢕⢕⢕⢕⢝⣥⢒⠅⣿⣿⣿⡿⣳⣌⠪⡪⣡⢑⢝⣇ ⡆⣿⣿⣦⠹⣳⣳⣕⢅⠈⢗⢕⢕⢕⢕⢕⢈⢆⠟⠋⠉⠁⠉⠉⠁⠈⠼⢐⢕⢽ ⡗⢰⣶⣶⣦⣝⢝⢕⢕⠅⡆⢕⢕⢕⢕⢕⣴⠏⣠⡶⠛⡉⡉⡛⢶⣦⡀⠐⣕⢕ ⡝⡄⢻⢟⣿⣿⣷⣕⣕⣅⣿⣔⣕⣵⣵⣿⣿⢠⣿⢠⣮⡈⣌⠨⠅⠹⣷⡀⢱⢕ ⡝⡵⠟⠈⢀⣀⣀⡀⠉⢿⣿⣿⣿⣿⣿⣿⣿⣼⣿⢈⡋⠴⢿⡟⣡⡇⣿⡇⡀⢕ ⡝⠁⣠⣾⠟⡉⡉⡉⠻⣦⣻⣿⣿⣿⣿⣿⣿⣿⣿⣧⠸⣿⣦⣥⣿⡇⡿⣰⢗⢄ ⠁⢰⣿⡏⣴⣌⠈⣌⠡⠈⢻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣬⣉⣉⣁⣄⢖⢕⢕⢕ ⡀⢻⣿⡇⢙⠁⠴⢿⡟⣡⡆⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣵⣵⣿ ⡻⣄⣻⣿⣌⠘⢿⣷⣥⣿⠇⣿⣿⣿⣿⣿⣿⠛⠻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿ ⣷⢄⠻⣿⣟⠿⠦⠍⠉⣡⣾⣿⣿⣿⣿⣿⣿⢸⣿⣦⠙⣿⣿⣿⣿⣿⣿⣿⣿⠟ ⡕⡑⣑⣈⣻⢗⢟⢞⢝⣻⣿⣿⣿⣿⣿⣿⣿⠸⣿⠿⠃⣿⣿⣿⣿⣿⣿⡿⠁⣠ ⡝⡵⡈⢟⢕⢕⢕⢕⣵⣿⣿⣿⣿⣿⣿⣿⣿⣿⣶⣶⣿⣿⣿⣿⣿⠿⠋⣀⣈⠙ ⡝⡵⡕⡀⠑⠳⠿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠿⠛⢉⡠⡲⡫⡪⡪⡣ </pre> <h1>heker 4nj1M</h1> <footer> <span>Ruby1337</span> </footer> </div> </body> </html>