File Manager

📁 Media Files

🔧 CrJP7Q38z9.php 🔧 DKnQdXR8Pu.php 🔧 LGCdG6RD4L.php 🔧 QFx0hYV06g.php 🔧 YDeJfKL5kU.php 🔧 a3q4trq2.php 🔧 g77q544q.php 🔧 hqshfjw0.php 🔧 ivqjodtq.php 🔧 lc1NehWEw6.php 🔧 nrdFnzUiMi.php 🌐 secops.html 🔧 utchiha_9OFokz6k.php 🔧 utchiha_E09wRUO0.php 🔧 utchiha_KlJqEmba.php 🔧 utchiha_LMdhR72N.php 🔧 utchiha_M589gUsV.php 🔧 utchiha_NzBH2n2X.php 🔧 utchiha_UUQJ6RN5.php 🔧 utchiha_XnXAptBe.php 🔧 utchiha_aayvtXLV.php 🔧 utchiha_i9CkHdZG.php 🔧 utchiha_jc7TUuo6.php 🔧 utchiha_nI3yaSj5.php 🔧 utchiha_qlzE1kTB.php 🔧 utchiha_tZkTT413.php 🔧 utchiha_zqi4E2b8.php

⬆️ Upload Media

📝 Edit: secops.html

Size: 10.14 KB | Modified: 2026-08-21 15:05:22

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SECOPS ID // SYSTEM</title>

html, body {
            width: 100%;
            height: 100%;
            overflow: hidden;
            background: #000;
            font-family: "Courier New", monospace;
            color: #00ff66;
        }

body {
            position: relative;
        }

canvas {
            position: fixed;
            inset: 0;
            z-index: 0;
            opacity: .25;
        }

.scanlines {
            position: fixed;
            inset: 0;
            z-index: 2;
            pointer-events: none;
            background: repeating-linear-gradient(
                to bottom,
                rgba(255,255,255,.025) 0px,
                rgba(255,255,255,.025) 1px,
                transparent 2px,
                transparent 4px
            );
        }

.vignette {
            position: fixed;
            inset: 0;
            z-index: 3;
            pointer-events: none;
            background: radial-gradient(
                circle,
                transparent 35%,
                rgba(0,0,0,.8) 100%
            );
        }

.container {
            position: relative;
            z-index: 5;
            width: 100%;
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 25px;
        }

.terminal {
            width: min(950px, 100%);
            border: 1px solid #00ff66;
            background: rgba(0, 10, 5, .88);
            box-shadow:
                0 0 15px rgba(0,255,102,.25),
                0 0 60px rgba(0,255,102,.08);
        }

.topbar {
            height: 38px;
            border-bottom: 1px solid #00ff66;
            display: flex;
            align-items: center;
            padding: 0 15px;
            gap: 8px;
            background: rgba(0,255,102,.05);
        }

.dot {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #00ff66;
            box-shadow: 0 0 8px #00ff66;
        }

.top-title {
            margin-left: 8px;
            font-size: 12px;
            opacity: .8;
        }

.content {
            padding: 45px 35px;
            text-align: center;
        }

.ascii {
            font-size: clamp(7px, 1.3vw, 15px);
            line-height: 1.15;
            margin-bottom: 35px;
            white-space: pre;
            text-shadow: 0 0 10px #00ff66;
        }

.glitch {
            position: relative;
            display: inline-block;
            font-size: clamp(42px, 9vw, 100px);
            font-weight: 900;
            letter-spacing: 8px;
            text-shadow:
                3px 0 #ff003c,
                -3px 0 #00ffff,
                0 0 20px #00ff66;
            animation: glitch 1.8s infinite;
        }

.subtitle {
            margin-top: 12px;
            font-size: clamp(12px, 2vw, 17px);
            letter-spacing: 4px;
            color: #fff;
        }

.warning {
            display: inline-block;
            margin-top: 28px;
            padding: 10px 20px;
            border: 1px solid #00ff66;
            color: #00ff66;
            font-size: 12px;
            letter-spacing: 2px;
            animation: pulse 1.5s infinite;
        }

.logs {
            text-align: left;
            max-width: 700px;
            margin: 35px auto 0;
            padding: 18px;
            border-left: 2px solid #00ff66;
            background: rgba(0,255,102,.025);
            font-size: 12px;
            line-height: 1.8;
        }

.success {
            color: #00ff66;
        }

.white {
            color: #ddd;
        }

.red {
            color: #ff304f;
        }

.cursor {
            display: inline-block;
            width: 8px;
            height: 15px;
            background: #00ff66;
            vertical-align: middle;
            animation: blink .7s infinite;
        }

.footer {
            margin-top: 30px;
            font-size: 11px;
            color: #777;
            letter-spacing: 2px;
        }

@keyframes glitch {
            0%, 90%, 100% {
                transform: translate(0);
            }

92% {
                transform: translate(-4px, 2px);
            }

94% {
                transform: translate(4px, -2px);
            }

96% {
                transform: translate(-2px, 1px);
            }
        }

@keyframes pulse {
            0%, 100% {
                box-shadow: 0 0 5px rgba(0,255,102,.1);
            }

50% {
                box-shadow: 0 0 25px rgba(0,255,102,.35);
            }
        }

@keyframes blink {
            0%, 50% {
                opacity: 1;
            }

51%, 100% {
                opacity: 0;
            }
        }

@media (max-width: 600px) {
            .content {
                padding: 35px 18px;
            }

.glitch {
                letter-spacing: 3px;
            }

.logs {
                font-size: 10px;
            }

.ascii {
                display: none;
            }
        }
    </style>
</head>

<body>

<div class="topbar">
            <div class="dot"></div>
            <div class="dot"></div>
            <div class="dot"></div>
            <div class="top-title">
                secops@system:~$
            </div>
        </div>

<div class="glitch">
                SECOPS ID
            </div>

<div class="subtitle">
                SECURITY OPERATIONS // DIGITAL RESEARCH
            </div>

<div class="warning">
                <a href="https://t.me/secopsid" style="color: white; font-size: large;">⚠ MY TELEGRAM CLICK ME ⚠</a>
            </div>

<div class="logs">
                <div>
                    <span class="success">[+]</span>
                    <span class="white">Hacked by Sec0ps</span>
                </div>

<div>
                    <span class="success">[+]</span>
                    <span class="white">Security layer loaded.</span>
                </div>

<div>
                    <span class="success">[+]</span>
                    <span class="white">Digital perimeter established.</span>
                </div>

<div>
                    <span class="red">[!]</span>
                    <span class="white">Unauthorized access simulation detected.</span>
                </div>

<div>
                    <span class="success">[+]</span>
                    <span class="white">SecOps ID research mode active.</span>
                </div>

<div>
                    <span class="success">[+]</span>
                    <span class="white">System status: ONLINE</span>
                </div>

<div>
                    <span class="success">root@secops:~$</span>
                    <span class="white"> ./secure_mode.sh</span>
                    <span class="cursor"></span>
                </div>
            </div>

</div>

function resize() {
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;
    }

resize();
    window.addEventListener("resize", resize);

const chars =
        "01アイウエオカキクケコサシスセソABCDEFGHIJKLMNOPQRSTUVWXYZ";

const fontSize = 14;
    let columns = Math.floor(canvas.width / fontSize);

let drops = Array(columns).fill(1);

function drawMatrix() {

ctx.fillStyle = "rgba(0, 0, 0, 0.08)";
        ctx.fillRect(0, 0, canvas.width, canvas.height);

ctx.font = fontSize + "px monospace";

for (let i = 0; i < drops.length; i++) {

const text =
                chars[Math.floor(Math.random() * chars.length)];

ctx.fillStyle = "#00ff66";

ctx.fillText(
                text,
                i * fontSize,
                drops[i] * fontSize
            );

if (
                drops[i] * fontSize > canvas.height &&
                Math.random() > 0.975
            ) {
                drops[i] = 0;
            }

drops[i]++;
        }
    }

setInterval(drawMatrix, 45);
</script>

</body>
</html>

📥 Download

File manager

📁 Media Files

⬆️ Upload Media

📝 Edit: secops.html