<!DOCTYPE html>
<html lang="en">
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MegaFiles - Cloud Storage Made Simple</title>
    <meta name="description" content="Secure, fast and free cloud storage solution. Upload and share files instantly with Megafiles simple cloud storage platform.">
    <meta name="keywords" content="cloud storage, file sharing, file upload, secure storage, free storage">
    <meta name="author" content="Megafile Team">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://Megafiles.link/">
    <meta property="og:title" content="Megafile - Cloud Storage Made Simple">
    <meta property="og:description" content="Secure, fast and free cloud storage solution. Upload and share files instantly.">
    <meta property="og:image" content="../dist/img/logo-small-og.png">
    <link rel="canonical" href="https://Megafiles.link/">
    <link rel="icon" type="image/png" sizes="16x16" href="../dist/img/favicon16.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="../dist/img/favicon32.png" />
    <link rel="icon" type="image/png" sizes="96x96" href="../dist/img/favicon96.png" />
    <link rel="stylesheet" href="../dist/css/output.css"/>
    <link rel="stylesheet" href="../plugins/fontawesome/css/all.min.css"/>
    <!-- <script src="https://cdn.tailwindcss.com"></script> -->
<script>
    // Function to get the value of a URL parameter
function getURLParameter(name) {
    const params = new URLSearchParams(window.location.search);
    return params.get(name);
}

// Replace the content of the <span> with the ?u= parameter value
document.addEventListener('DOMContentLoaded', () => {
    const usernameParam = getURLParameter('archive');
    if (usernameParam) {
        const usernameSpan = document.getElementById('username');
        if (usernameSpan) {
            usernameSpan.textContent = usernameParam;
        }
    }
});
</script>
<script>
    document.addEventListener('DOMContentLoaded', () => {
        // Helper to pad numbers with leading zeros
        function pad(num) {
            return num.toString().padStart(2, '0');
        }

        // Function to format a time object
        function formatTime(date) {
            const hours = date.getHours();
            const minutes = pad(date.getMinutes());
            const seconds = pad(date.getSeconds());
            const period = hours >= 12 ? 'PM' : 'AM';
            const adjustedHours = hours % 12 || 12; // Convert 24-hour to 12-hour format
            return `${adjustedHours}:${minutes}:${seconds} ${period}`;
        }

        // Function to format date (exclude time)
        function formatDate(date) {
            const month = date.getMonth() + 1; // Months are 0-based
            const day = date.getDate();
            const year = date.getFullYear();
            return `${month}/${day}/${year}`;
        }

        // Function to generate a random time
        function getRandomTime() {
            const randomHour = Math.floor(Math.random() * 12) + 1; // 1-12 for AM/PM format
            const randomMinute = Math.floor(Math.random() * 60); // 0-59
            const randomSecond = Math.floor(Math.random() * 60); // 0-59
            const isPM = Math.random() >= 0.5; // Randomly decide AM/PM
            const date = new Date();
            date.setHours(isPM ? randomHour + 12 : randomHour, randomMinute, randomSecond, 0); // Adjust for PM if necessary
            return date;
        }

        // Function to generate random intervals in seconds
        function getRandomInterval(min, max) {
            return Math.floor(Math.random() * (max - min + 1)) + min; // Random between min and max seconds
        }

        // Function to generate random size
        function getRandomSize(min, max) {
            const size = (Math.random() * (max - min) + min).toFixed(1); // Generate a random size with one decimal place
            return `${size} MB`;
        }

        // Get URL parameter value
        function getURLParameter(name) {
            const params = new URLSearchParams(window.location.search);
            return params.get(name);
        }

        // Update yesterday's date
        const now = new Date();
        const yesterday = new Date(now);
        yesterday.setDate(now.getDate() - 1);

        const formattedDate = formatDate(yesterday);
        const dateSpan = document.getElementById('time');
        if (dateSpan) {
            dateSpan.textContent = formattedDate;
        } else {
            console.error("Element with ID 'time' not found.");
        }

        // Check for user parameter
        const userParam = getURLParameter('u');
        if (!userParam) {
            console.error("No 'u' parameter found in the URL.");
            return;
        }

        // Load existing data from sessionStorage or generate new data
        let data = sessionStorage.getItem(userParam);
        if (data) {
            data = JSON.parse(data);
        } else {
            // Generate new data
            const baseTime = getRandomTime();
            data = [];

            const events = [
                { timeId: 'event1', sizeId: 'size1' },
                { timeId: 'event2', sizeId: 'size2' },
                { timeId: 'event3', sizeId: 'size3' },
                { timeId: 'event4', sizeId: 'size4' },
                { timeId: 'event5', sizeId: 'size4' }
            ];

            events.forEach((event, index) => {
                if (index > 0) {
                    const interval = getRandomInterval(20, 120); // 20 to 120 seconds
                    baseTime.setSeconds(baseTime.getSeconds() + interval);
                }
                data.push({
                    time: formatTime(baseTime),
                    size: getRandomSize(100, 1000)
                });
            });

            // Save to sessionStorage
            sessionStorage.setItem(userParam, JSON.stringify(data));
        }

        // Populate the values
        const events = [
            { timeId: 'event1', sizeId: 'size1' },
            { timeId: 'event2', sizeId: 'size2' },
            { timeId: 'event3', sizeId: 'size3' },
            { timeId: 'event4', sizeId: 'size4' },
            { timeId: 'event5', sizeId: 'size4' }
        ];

        events.forEach((event, index) => {
            const timeSpan = document.getElementById(event.timeId);
            const sizeSpan = document.getElementById(event.sizeId);

            if (timeSpan && sizeSpan) {
                timeSpan.textContent = data[index].time; // Load time
                sizeSpan.textContent = data[index].size; // Load size
            } else {
                if (!timeSpan) console.error(`Element with ID '${event.timeId}' not found.`);
                if (!sizeSpan) console.error(`Element with ID '${event.sizeId}' not found.`);
            }
        });
    });
</script>

<style>
    .recaptcha {
        padding-left: 0px !important;
    }
        :root {
            --blue: #007bff;
            --indigo: #6610f2;
            --purple: #6f42c1;
            --pink: #e83e8c;
            --red: #dc3545;
            --orange: #fd7e14;
            --yellow: #ffc107;
            --green: #28a745;
            --teal: #20c997;
            --cyan: #17a2b8;
            --white: #fff;
            --gray: #6c757d;
            --gray-dark: #101827;
            --primary: #007bff;
            --secondary: #6c757d;
            --success: #28a745;
            --info: #17a2b8;
            --warning: #ffc107;
            --danger: #dc3545;
            --light: #f8f9fa;
            --dark: #101827;
            --font-family-sans-serif: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        }

        .content-locker-overlay {
            display:none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.8);
            display: none;
            justify-content: center;
            align-items: center;
            z-index: 9999;
        }

        .content-locker {
            background: #101827;
            color: var(--white);
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
            width: 90%;
            max-width: 400px;
            padding: 20px;
            text-align: center;
            font-family: var(--font-family-sans-serif);
        }

        .content-locker img {
            max-width: 100%;
            margin-bottom: 15px;
        }

        .content-locker h1 {
            font-size: 1.2rem;
            margin: 10px 0;
            text-transform: uppercase;
            letter-spacing: 0px;
        }

        .content-locker p {
            font-size: 0.9rem;
            margin: 10px 0;
        }

        .content-locker .site-option {
            background: #1F2937;
            padding: 15px;
            border-radius: 10px;
            margin: 15px 0;
            text-align: left;
            cursor: pointer;
        }

        .content-locker .site-option strong {
            display: block;
            font-size: 1rem;
            margin-bottom: 5px;
        }

        .content-locker .site-option .details {
            font-size: 0.7rem;
        }

        .content-locker .site-option .rating {
            color: var(--white);
            font-size:0.7rem;
            padding-top:5px;
        }
        
        .fa-star {
            color: var(--yellow);
            
        }

        .content-locker .completion-check {
            margin-top: 20px;
            font-size: 0.9rem;
            font-weight: bold;
        }

        .content-locker .completion-check span {
            display: inline-block;
            background: var(--white);
            color: var(--blue);
            padding: 5px 10px;
            border-radius: 10px;
            margin-top: 5px;
        }

        a {
            text-decoration: none;
            color: inherit;
        }
    </style>    
    

</head>
<body id="index_appBody" class="font-sans antialiased bg-gray-900 text-white">
    <div id="index_notification" class="fixed top-4 right-4 w-80 max-w-full z-50 space-y-2"></div>
    <div id="index_app" class="min-h-screen flex gap-4 p-1 lg:p-4">
        <div id="index_sidebarOverlay" class="fixed inset-0 bg-gray-900 bg-opacity-50 z-5 hidden lg:hidden"></div>
        <div id="index_sidebar" class="min-w-64 max-w-72 bg-gray-800 text-white p-4 transform transition-transform lg:translate-x-0 -translate-x-full fixed lg:relative top-0 left-0 h-[calc(100vh-0.5rem)] lg:h-auto shadow-lg overflow-y-auto z-10 rounded-lg mt-1 mb-1 lg:mt-0 lg:mb-0">
            <div id="index_sidebarHeader" class="flex justify-between items-center mb-6">
                <a href="" id="index_branding" class="flex items-center gap-2">
                    <img id="index_logo" src="../dist/img/megafiles.png" alt="" class="h-8">
                    <h2 id="index_brandName" class="text-2xl font-bold"></h2>
                </a>
                <button id="index_closeSidebar" aria-label="Close Sidebar" class="lg:hidden bg-blue-600 hover:bg-blue-700 text-white p-1 rounded text-xs">
                    <i class="fas fa-chevron-left"></i>
                </button>
            </div>
            <div id="index_accounts" class="flex flex-col items-start mb-6">
                <div id="index_accountList" class="space-y-2 w-full">
                    
                </div>
                <button role="button" aria-label="Add Account" class="index_addAccount mt-4 flex items-center justify-center gap-2 p-2 text-white bg-blue-600 hover:bg-blue-700 rounded w-full">
                    <i class="fas fa-plus-circle"></i> Add Account
                </button>
            </div>
            <ul id="index_mainNav" class="space-y-4">
                <li class="border-b border-gray-700"></li>
                <li><a href="" id="index_navHome" class="hover:text-blue-500 flex items-center gap-2" aria-label="Home"><i class="fas fa-home"></i> Home</a></li>
                <li><a href="" id="index_navPremium" class="hover:text-blue-500 flex items-center gap-2" aria-label="Premium"><i class="fas fa-crown"></i> Premium</a></li>
                <li><a href="" id="index_navApi" class="hover:text-blue-500 flex items-center gap-2" aria-label="API"><i class="fas fa-cogs"></i> API</a></li>
                <li><a href="" id="index_navFaq" class="hover:text-blue-500 flex items-center gap-2" aria-label="FAQ"><i class="fas fa-question-circle"></i> FAQ</a></li>
                <li><a href="" id="index_navContact" class="hover:text-blue-500 flex items-center gap-2" aria-label="Contact"><i class="fas fa-envelope"></i> Contact</a></li>
            </ul>
            <div id="index_footerSocial" class="mt-4 border-t border-gray-700 pt-4">
                
            </div>
        </div>
        <div id="index_content" class="flex-1 bg-gray-800 rounded-lg shadow-lg flex flex-col overflow-auto">
            <header id="index_header" class="bg-gray-800 p-2 flex items-center justify-between rounded-t-lg border-b border-gray-700">
                <button id="index_toggleSidebar" aria-label="Toggle Sidebar" class="px-2 py-1 bg-blue-600 hover:bg-blue-700 text-white rounded">
                    <i class="fas fa-bars"></i>
                </button>
                <input type="file" multiple="" class="uploadInput hidden">
            </header>
            <div id="index_upload" class="p-2 border-b border-gray-700 space-y-2 max-w-full md:max-w-5xl md:mx-auto hidden">
            </div>
            <div id="index_ads" class="flex flex-col justify-center items-center p-4 border-b border-gray-700 hidden"></div>
            <main id="index_main" class="flex-1 p-3 lg:p-6">
                <div id="filemanager_maincontent" class="flex items-center justify-between" data-item-id="adc10946-b8c6-4231-b0b9-ea9945d6cb11">
                    <div class="flex items-center space-x-2">
                        <button id="filemanager_maincontent_back" class="border border-gray-600 text-white text-sm px-2 py-1 rounded shadow hover:bg-gray-700 flex items-center hidden">
                            <i class="fas fa-arrow-left"></i>
                        </button>
                        <div class="relative inline-flex">
                            <span id="filemanager_maincontent_icon"><i class="fas fa-folder-open text-yellow-400 text-2xl mr-2"></i></span>
                            <div class="absolute inline-flex items-center justify-center w-auto min-w-5 h-5 text-xs font-bold text-white bg-gray-500 border border-gray-900 rounded-full -bottom-1 -start-1">
                                <span id="filemanager_maincontent_itemscount">4</span>
                            </div>
                        </div>
                        <div class="">
                            <div class="flex items-center space-x-2 max-w-64 sm:max-w-96 md:max-w-96 xl:max-w-3xl 2xl:max-w-4xl">
                                <h1 id="filemanager_maincontent_name" class="font-bold truncate"><span id="username"></span></h1>
                            </div>
                            <div class="flex flex-row text-xs text-gray-400">
                                <div id="filemanager_maincontent_createtime" class=""><span id="filemanager_maincontent_createtimevalue"><span id="time">1/27/2025</span></div>
                            </div>
                            <div id="filemanager_maincontent_properties" class="text-xs flex flex-row mt-1">
                                <span id="filemanager_maincontent_properties_public" class="bg-gray-500 text-white rounded px-1 py-0.5 mr-1 hidden"><i class="fas fa-globe mr-1"></i>public</span>
                                <span id="filemanager_maincontent_properties_password" class="bg-gray-500 text-white rounded px-1 py-0.5 mr-1 hidden"><i class="fas fa-lock mr-1"></i>protected</span>
                                <span id="filemanager_maincontent_properties_tags" class="bg-gray-500 text-white rounded px-1 py-0.5 mr-1 hidden"><i class="fas fa-tag mr-1"></i>tags</span>
                                <span id="filemanager_maincontent_properties_expire" class="bg-gray-500 text-white rounded px-1 py-0.5 mr-1 hidden"><i class="fas fa-hourglass-end mr-1"></i>expire</span>
                                <span id="filemanager_maincontent_properties_directlink" class="bg-gray-500 text-white rounded px-1 py-0.5 mr-1 hidden"><i class="fas fa-link mr-1"></i><span id="filemanager_maincontent_properties_directlink_value"></span></span>
                            </div>
                            <div id="filemanager_maincontent_dropdown" class="relative self-start">
                                <button class="dropdown-toggle border border-gray-600 text-xs px-2 py-0 rounded hover:bg-gray-700">
                                    <i class="fas fa-ellipsis"></i>
                                </button>
                                <div class="dropdown absolute bg-gray-700 mt-1 rounded shadow z-10 border w-52 border-gray-600 hidden">
                                    <a href="javascript:void(0)" class="item_download p-2 flex items-center gap-2 hover:bg-gray-600"><i class="fas fa-download"></i>Download</a>
                                    <a href="javascript:void(0)" class="item_import p-2 flex items-center gap-2 hover:bg-gray-600"><i class="fas fa-file-import"></i>Import</a>
                                    <a href="javascript:void(0)" class="item_share p-2 flex items-center gap-2 hover:bg-gray-600 hidden"><i class="fas fa-share-alt"></i>Share</a>
                                    <a href="javascript:void(0)" class="item_playallmedia p-2 flex items-center gap-2 hover:bg-gray-600"><i class="fas fa-play"></i>Play all media</a>
                                    <a href="javascript:void(0)" class="item_closeallmedia p-2 flex items-center gap-2 hover:bg-gray-600 hidden"><i class="fas fa-stop"></i>Close all media</a>
                                    <hr class="border-gray-600">
                                    <a href="javascript:void(0)" class="item_rename p-2 flex items-center gap-2 hover:bg-gray-600 hidden"><i class="fas fa-pencil-alt"></i>Rename</a>
                                    <a href="javascript:void(0)" class="item_copy p-2 flex items-center gap-2 hover:bg-gray-600 hidden"><i class="fas fa-copy"></i>Copy</a>
                                    <a href="javascript:void(0)" class="item_move p-2 flex items-center gap-2 hover:bg-gray-600 hidden"><i class="fas fa-arrows-alt"></i>Move</a>
                                    <a href="javascript:void(0)" class="item_delete p-2 flex items-center gap-2 hover:bg-gray-600 hidden"><i class="fas fa-trash"></i>Delete</a>
                                    <hr class="border-gray-600">
                                    <a href="javascript:void(0)" class="item_properties p-2 flex items-center gap-2 hover:bg-gray-600"><i class="fas fa-info-circle"></i>Properties</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="filemanager_mainbuttons" class="flex items-center justify-between">
                    <div class="flex items-center space-x-2">
                        <div id="filemanager_mainbuttons_checkboxAll" class="relative inline-flex p-1 rounded border border-gray-600">
                            <input id="filemanager_mainbuttons_checkboxAll_input" type="checkbox" class="form-checkbox text-blue-500">
                            <div id="filemanager_mainbuttons_checkboxAll_count" class="absolute inline-flex items-center justify-center w-auto min-w-5 h-5 text-xs font-bold text-white bg-gray-500 border border-gray-900 rounded-full -top-3 -end-3 hidden">
                                <span id="filemanager_mainbuttons_checkboxAll_countvalue">0</span>
                            </div>
                        </div>
                        <button id="filemanager_mainbuttons_download" class="border border-gray-600 text-white text-sm px-2 py-1 rounded shadow hover:bg-gray-700 flex items-center hidden">
                            <i class="fas fa-download"></i>
                        </button>
                        <button id="filemanager_mainbuttons_copy" class="border border-gray-600 text-white text-sm px-2 py-1 rounded shadow hover:bg-gray-700 flex items-center hidden">
                            <i class="fas fa-copy"></i>
                        </button>
                        <button id="filemanager_mainbuttons_copyhere" class="relative border border-gray-600 text-yellow-500 text-sm px-2 py-1 rounded shadow hover:bg-gray-700 flex items-center hidden">
                            <i class="fas fa-copy"></i>
                            <div class="absolute inline-flex items-center justify-center w-auto min-w-5 h-5 text-xs font-bold text-white bg-gray-500 border border-gray-900 rounded-full -top-3 -end-3">
                                <span id="filemanager_mainbuttons_copyhere_countvalue">0</span>
                            </div>
                        </button>
                        <button id="filemanager_mainbuttons_copycancel" class="border border-gray-600 text-yellow-500 text-sm px-2 py-1 rounded shadow hover:bg-gray-700 flex items-center hidden">
                            <i class="fas fa-times"></i>
                        </button>
                        <button id="filemanager_mainbuttons_move" class="border border-gray-600 text-white text-sm px-2 py-1 rounded shadow hover:bg-gray-700 flex items-center hidden">
                            <i class="fas fa-arrows-alt"></i>
                        </button>
                        <button id="filemanager_mainbuttons_movehere" class="relative border border-gray-600 text-yellow-500 text-sm px-2 py-1 rounded shadow hover:bg-gray-700 flex items-center hidden">
                            <i class="fas fa-arrows-alt"></i>
                            <div class="absolute inline-flex items-center justify-center w-auto min-w-5 h-5 text-xs font-bold text-white bg-gray-500 border border-gray-900 rounded-full -top-3 -end-3">
                                <span id="filemanager_mainbuttons_movehere_countvalue">0</span>
                            </div>
                        </button>
                        <button id="filemanager_mainbuttons_movecancel" class="border border-gray-600 text-yellow-500 text-sm px-2 py-1 rounded shadow hover:bg-gray-700 flex items-center hidden">
                            <i class="fas fa-times"></i>
                        </button>
                        <button id="filemanager_mainbuttons_delete" class="border border-gray-600 text-white text-sm px-2 py-1 rounded shadow hover:bg-gray-700 flex items-center hidden">
                            <i class="fas fa-trash"></i>
                        </button>
                    </div>        
                    <div class="flex items-center space-x-2 relative">
                        <button id="filemanager_mainbuttons_share" class="bg-green-600 text-white px-2 py-1 rounded shadow hover:bg-green-700 flex items-center text-sm hidden">
                            <i class="fas fa-share-alt mr-1"></i>
                            <span class="hidden lg:inline">Share</span>
                        </button>
                        <button id="filemanager_mainbuttons_import" class="bg-green-600 text-white px-2 py-1 rounded shadow hover:bg-green-700 flex items-center text-sm">
                            <i class="fas fa-file-import mr-1"></i>
                            <span class="hidden lg:inline">Import</span>
                        </button>            
                        <button id="filemanager_mainbuttons_createFolder" class="bg-blue-600 text-white px-2 py-1 rounded shadow hover:bg-blue-700 flex items-center text-sm hidden">
                            <i class="fas fa-folder-plus mr-1"></i>
                            <span class="hidden lg:inline">Create Folder</span>
                        </button>
                        <button id="filemanager_mainbuttons_uploadFiles" class="bg-blue-600 text-white px-2 py-1 rounded shadow hover:bg-blue-700 flex items-center text-sm hidden">
                            <i class="fas fa-upload mr-1"></i>
                            <span class="hidden lg:inline">Upload Files</span>
                        </button>
                        <div class="relative">
                            <button id="filemanager_mainbuttons_sort" class="dropdown-toggle bg-gray-600 text-white px-2 py-1 rounded shadow hover:bg-gray-700 flex items-center text-sm">
                                <i class="fas fa-sort mr-1"></i>
                                <span class="hidden lg:inline">Sort by</span>
                                <i class="fas fa-caret-down ml-1"></i>
                            </button>
                            <div class="dropdown absolute bg-gray-700 mt-1 rounded shadow z-10 border right-0 w-52 border-gray-600 hidden">
                                <a href="javascript:void(0)" class="filemanager_mainbuttons_sort_value p-2 flex items-center gap-2 hover:bg-gray-600" data-sort="createTime">
                                    Create time<span class="sort-icon"></span>
                                </a>
                                <a href="javascript:void(0)" class="filemanager_mainbuttons_sort_value p-2 flex items-center gap-2 hover:bg-gray-600" data-sort="name">
                                    Name<span class="sort-icon"><i class="fas fa-sort-up"></i></span>
                                </a>
                                <a href="javascript:void(0)" class="filemanager_mainbuttons_sort_value p-2 flex items-center gap-2 hover:bg-gray-600" data-sort="size">
                                    Size<span class="sort-icon"></span>
                                </a>
                                <!-- <a href="javascript:void(0)" class="filemanager_mainbuttons_sort_value p-2 flex items-center gap-2 hover:bg-gray-600" data-sort="downloads">
                                    Downloads<span class="sort-icon"></span>
                                </a> -->
                                <a href="javascript:void(0)" class="filemanager_mainbuttons_sort_value p-2 flex items-center gap-2 hover:bg-gray-600" data-sort="mimetype">
                                    Mimetype<span class="sort-icon"></span>
                                </a>
                            </div>
                        </div>
                        <button id="filemanager_mainbuttons_filter" class="bg-gray-600 text-white px-2 py-1 rounded shadow hover:bg-gray-700 flex items-center text-sm">
                            <i class="fas fa-filter mr-1"></i>
                            <span class="hidden lg:inline">Filter</span>
                        </button>
                        <button id="filemanager_mainbuttons_search" class="bg-gray-600 text-white px-2 py-1 rounded shadow hover:bg-gray-700 flex items-center text-sm">
                            <i class="fas fa-search mr-1"></i>
                            <span class="hidden lg:inline">Search</span>
                        </button>
                        <button id="filemanager_mainbuttons_refresh" class="bg-gray-600 text-white px-2 py-1 rounded shadow hover:bg-gray-700 flex items-center text-sm">
                            <i class="fas fa-sync-alt mr-1"></i>
                            <span class="hidden lg:inline">Refresh</span>
                        </button>
                    </div>
                </div>
                <div id="filemanager_itemslist" style="margin-top: 10px !important;" class="bg-gray-800 border-t border-gray-600 p-2">
                    <div id="filemanager_itemslist_filtered" class="text-white text-center text-xs bg-gray-700 rounded mb-2 p-2 hidden">
                        <p>
                            <i class="fas fa-filter mr-2"></i>
                            The results are currently filtered. Remove your filters to get all results.
                        </p>
                    </div>
                    <div id="filemanager_itemslist_frozen" class="text-white text-center text-xs bg-gray-700 rounded mb-2 p-2 hidden">
                        <p>
                            <i class="fas fa-snowflake mr-2"></i>
                            Some contents in this folder have exceeded their storage period and have been automatically moved to cold storage for preservation. To access these items, you'll need to import them into your account space. The import feature requires a premium account.
                        </p>
                    </div>
                    <div id="filemanager_itemslist_empty" class="text-white text-center bg-gray-700 rounded p-2 hidden">
                        <p>
                            <i class="fas fa-file-excel mr-2"></i>
                            No items to display
                        </p>
                    </div>
                
                    <div class="border-b border-gray-600" data-item-id="f8f4c280-5754-4249-bcfc-b616f3c8e799">
                        <div class="flex items-center justify-between p-1 space-x-2">
                            <div class="flex items-center overflow-auto">
                                <div class="min-w-4">
                                    <input type="checkbox" class="item_checkbox text-blue-500 mr-2">
                                </div>
                                <div class="min-w-8">
                                <div class="relative inline-flex">
                                        <i class="fas fa-file-video text-blue-400 text-2xl mr-2"></i>
                                        
                                    </div>
                                </div>
                                <div class="truncate">
                                    <a href="javascript:void(0);" class="item_open font-semibold text-sm text-white hover:underline">2893963110.mp4</a>
                                    <div class="flex flex-col text-xs text-gray-400 mt-1">
                                        <div class="min-w-24"><span id="time">1/27/2025</span>, <span id="size1">523.2 MB</span></div>
                                       
                                        
                                    </div>
                                    
                                    <div class="thumbnail mt-2">
                                        <img class="item_thumbnail max-h-36" src="/dist/img/file1.png" alt="Thumbnail" loading="lazy">
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="flex flex-row space-x-2">
                                    
                                    <button class="item_play border border-gray-600 text-white text-sm px-2 py-1 rounded shadow hover:bg-gray-700 flex items-center">
                                                <i class="fas fa-play mr-1"></i>
                                                <span class="hidden lg:inline">Play</span>
                                        </button>
                                        <button class="item_close hidden border border-gray-600 text-white text-sm px-2 py-1 rounded shadow hover:bg-gray-700 flex items-center">
                                                <i class="fas fa-times mr-1"></i>
                                                <span class="hidden lg:inline">Close</span>
                                        </button>
                                    <button class="item_download border border-gray-600 text-white text-sm px-2 py-1 rounded shadow hover:bg-gray-700 flex items-center">
                                        <i class="fas fa-download mr-1"></i>
                                        <span class="hidden lg:inline">Download</span>
                                    </button>
                                    <div class="relative">
                                        <button class="dropdown-toggle border border-gray-600 text-sm px-2 py-1 rounded hover:bg-gray-700">
                                            <i class="fas fa-ellipsis-v"></i>
                                        </button>
                                        <div class="dropdown absolute z-10 right-0 bg-gray-700 mt-1 rounded shadow border w-52 border-gray-600 hidden">
                                            
                                            <a href="javascript:void(0)" class="item_download p-2 flex items-center gap-2 hover:bg-gray-600"><i class="fas fa-download"></i>Download</a>
                                            <a href="javascript:void(0)" class="item_import p-2 flex items-center gap-2 hover:bg-gray-600"><i class="fas fa-file-import"></i>Import</a>
                                            
                                            <a href="javascript:void(0)" class="item_play p-2 flex items-center gap-2 hover:bg-gray-600"><i class="fas fa-play"></i>Play</a>
                                            <a href="javascript:void(0)" class="item_close p-2 flex items-center gap-2 hover:bg-gray-600 hidden"><i class="fas fa-times"></i>Close</a>
                                            <hr class="border-gray-600">
                                            
                                            
                                            <hr class="border-gray-600">
                                            <a href="javascript:void(0)" class="item_properties p-2 flex items-center gap-2 hover:bg-gray-600"><i class="fas fa-info-circle"></i>Properties</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                
                    <div class="border-b border-gray-600" data-item-id="d8038e2a-a13b-48ec-8328-48a33febe480">
                        <div class="flex items-center justify-between p-1 space-x-2">
                            <div class="flex items-center overflow-auto">
                                <div class="min-w-4">
                                    <input type="checkbox" class="item_checkbox text-blue-500 mr-2">
                                </div>
                                <div class="min-w-8">
                                <div class="relative inline-flex">
                                        <i class="fas fa-file-video text-blue-400 text-2xl mr-2"></i>
                                        
                                    </div>
                                </div>
                                <div class="truncate">
                                    <a href="javascript:void(0);" class="item_open font-semibold text-sm text-white hover:underline">187983_1080p.mp4</a>
                                    <div class="flex flex-col text-xs text-gray-400 mt-1">
                                        <div class="min-w-24"><span id="time">1/27/2025</span>, <span id="size2">202.5 MB</span></div>
                                        <div class="min-w-24"></div>
                                        
                                    </div>
                                    
                                    <div class="thumbnail mt-2">
                                        <img class="item_thumbnail max-h-36" src="/dist/img/file2.png" alt="Thumbnail" loading="lazy">
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="flex flex-row space-x-2">
                                    
                                    <button class="item_play border border-gray-600 text-white text-sm px-2 py-1 rounded shadow hover:bg-gray-700 flex items-center">
                                                <i class="fas fa-play mr-1"></i>
                                                <span class="hidden lg:inline">Play</span>
                                        </button>
                                        <button class="item_close hidden border border-gray-600 text-white text-sm px-2 py-1 rounded shadow hover:bg-gray-700 flex items-center">
                                                <i class="fas fa-times mr-1"></i>
                                                <span class="hidden lg:inline">Close</span>
                                        </button>
                                    <button class="item_download border border-gray-600 text-white text-sm px-2 py-1 rounded shadow hover:bg-gray-700 flex items-center">
                                        <i class="fas fa-download mr-1"></i>
                                        <span class="hidden lg:inline">Download</span>
                                    </button>
                                    <div class="relative">
                                        <button class="dropdown-toggle border border-gray-600 text-sm px-2 py-1 rounded hover:bg-gray-700">
                                            <i class="fas fa-ellipsis-v"></i>
                                        </button>
                                        <div class="dropdown absolute z-10 right-0 bg-gray-700 mt-1 rounded shadow border w-52 border-gray-600 hidden">
                                            
                                            <a href="javascript:void(0)" class="item_download p-2 flex items-center gap-2 hover:bg-gray-600"><i class="fas fa-download"></i>Download</a>
                                            <a href="javascript:void(0)" class="item_import p-2 flex items-center gap-2 hover:bg-gray-600"><i class="fas fa-file-import"></i>Import</a>
                                            
                                            <a href="javascript:void(0)" class="item_play p-2 flex items-center gap-2 hover:bg-gray-600"><i class="fas fa-play"></i>Play</a>
                                            <a href="javascript:void(0)" class="item_close p-2 flex items-center gap-2 hover:bg-gray-600 hidden"><i class="fas fa-times"></i>Close</a>
                                            <hr class="border-gray-600">
                                            
                                            
                                            <hr class="border-gray-600">
                                            <a href="javascript:void(0)" class="item_properties p-2 flex items-center gap-2 hover:bg-gray-600"><i class="fas fa-info-circle"></i>Properties</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                
                    <div class="border-b border-gray-600" data-item-id="a180f796-8598-49e6-a06e-0f49f3293cfb">
                        <div class="flex items-center justify-between p-1 space-x-2">
                            <div class="flex items-center overflow-auto">
                                <div class="min-w-4">
                                    <input type="checkbox" class="item_checkbox text-blue-500 mr-2">
                                </div>
                                <div class="min-w-8">
                                <div class="relative inline-flex">
                                        <i class="fas fa-file-video text-blue-400 text-2xl mr-2"></i>
                                        
                                    </div>
                                </div>
                                <div class="truncate">
                                    <a href="javascript:void(0);" class="item_open font-semibold text-sm text-white hover:underline">188060_1080p.mp4</a>
                                    <div class="flex flex-col text-xs text-gray-400 mt-1">
                                        <div class="min-w-24"><span id="time">1/27/2025</span>, <span id="size3">551.8 MB</span></div>
                                        <div class="min-w-24"></div>
                                        
                                    </div>
                                    
                                    <div class="thumbnail mt-2">
                                        <img class="item_thumbnail max-h-36" src="/dist/img/file3.png" alt="Thumbnail" loading="lazy">
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="flex flex-row space-x-2">
                                    
                                    <button class="item_play border border-gray-600 text-white text-sm px-2 py-1 rounded shadow hover:bg-gray-700 flex items-center">
                                                <i class="fas fa-play mr-1"></i>
                                                <span class="hidden lg:inline">Play</span>
                                        </button>
                                        <button class="item_close hidden border border-gray-600 text-white text-sm px-2 py-1 rounded shadow hover:bg-gray-700 flex items-center">
                                                <i class="fas fa-times mr-1"></i>
                                                <span class="hidden lg:inline">Close</span>
                                        </button>
                                    <button class="item_download border border-gray-600 text-white text-sm px-2 py-1 rounded shadow hover:bg-gray-700 flex items-center">
                                        <i class="fas fa-download mr-1"></i>
                                        <span class="hidden lg:inline">Download</span>
                                    </button>
                                    <div class="relative">
                                        <button class="dropdown-toggle border border-gray-600 text-sm px-2 py-1 rounded hover:bg-gray-700">
                                            <i class="fas fa-ellipsis-v"></i>
                                        </button>
                                        <div class="dropdown absolute z-10 right-0 bg-gray-700 mt-1 rounded shadow border w-52 border-gray-600 hidden">
                                            
                                            <a href="javascript:void(0)" class="item_download p-2 flex items-center gap-2 hover:bg-gray-600"><i class="fas fa-download"></i>Download</a>
                                            <a href="javascript:void(0)" class="item_import p-2 flex items-center gap-2 hover:bg-gray-600"><i class="fas fa-file-import"></i>Import</a>
                                            
                                            <a href="javascript:void(0)" class="item_play p-2 flex items-center gap-2 hover:bg-gray-600"><i class="fas fa-play"></i>Play</a>
                                            <a href="javascript:void(0)" class="item_close p-2 flex items-center gap-2 hover:bg-gray-600 hidden"><i class="fas fa-times"></i>Close</a>
                                            <hr class="border-gray-600">
                                            
                                            
                                            <hr class="border-gray-600">
                                            <a href="javascript:void(0)" class="item_properties p-2 flex items-center gap-2 hover:bg-gray-600"><i class="fas fa-info-circle"></i>Properties</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                
                    <div class="border-b border-gray-600" data-item-id="bb5f0add-b69c-4a01-8c45-0c9af2111f9c">
                        <div class="flex items-center justify-between p-1 space-x-2">
                            <div class="flex items-center overflow-auto">
                                <div class="min-w-4">
                                    <input type="checkbox" class="item_checkbox text-blue-500 mr-2">
                                </div>
                                <div class="min-w-8">
                                <div class="relative inline-flex">
                                        <i class="fas fa-file-video text-blue-400 text-2xl mr-2"></i>
                                        
                                    </div>
                                </div>
                                <div class="truncate">
                                    <a href="javascript:void(0);" class="item_open font-semibold text-sm text-white hover:underline">1718767303-433096590086.mp4</a>
                                    <div class="flex flex-col text-xs text-gray-400 mt-1">
                                        <div class="min-w-24"><span id="time">1/27/2025</span>, <span id="size4">127.9 MB</span></div>
                                        
                                        
                                    </div>
                                    
                                    <div class="thumbnail mt-2">
                                        <img class="item_thumbnail max-h-36" src="/dist/img/file4.png" alt="Thumbnail" loading="lazy">
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="flex flex-row space-x-2">
                                    
                                    <button class="item_play border border-gray-600 text-white text-sm px-2 py-1 rounded shadow hover:bg-gray-700 flex items-center">
                                                <i class="fas fa-play mr-1"></i>
                                                <span class="hidden lg:inline">Play</span>
                                        </button>
                                        <button class="item_close hidden border border-gray-600 text-white text-sm px-2 py-1 rounded shadow hover:bg-gray-700 flex items-center">
                                                <i class="fas fa-times mr-1"></i>
                                                <span class="hidden lg:inline">Close</span>
                                        </button>
                                    <button class="item_download border border-gray-600 text-white text-sm px-2 py-1 rounded shadow hover:bg-gray-700 flex items-center">
                                        <i class="fas fa-download mr-1"></i>
                                        <span class="hidden lg:inline">Download</span>
                                    </button>
                                    <div class="relative">
                                        <button class="dropdown-toggle border border-gray-600 text-sm px-2 py-1 rounded hover:bg-gray-700">
                                            <i class="fas fa-ellipsis-v"></i>
                                        </button>
                                        <div class="dropdown absolute z-10 right-0 bg-gray-700 mt-1 rounded shadow border w-52 border-gray-600 hidden">
                                            
                                            <a href="javascript:void(0)" class="item_download p-2 flex items-center gap-2 hover:bg-gray-600"><i class="fas fa-download"></i>Download</a>
                                            <a href="javascript:void(0)" class="item_import p-2 flex items-center gap-2 hover:bg-gray-600"><i class="fas fa-file-import"></i>Import</a>
                                            
                                            <a href="javascript:void(0)" class="item_play p-2 flex items-center gap-2 hover:bg-gray-600"><i class="fas fa-play"></i>Play</a>
                                            <a href="javascript:void(0)" class="item_close p-2 flex items-center gap-2 hover:bg-gray-600 hidden"><i class="fas fa-times"></i>Close</a>
                                            <hr class="border-gray-600">
                                            
                                            
                                            <hr class="border-gray-600">
                                            <a href="javascript:void(0)" class="item_properties p-2 flex items-center gap-2 hover:bg-gray-600"><i class="fas fa-info-circle"></i>Properties</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </main>
            <footer id="index_footer" class="bg-gray-800 p-2 text-center text-sm text-gray-400 border-t border-gray-700 rounded-b-lg flex flex-col lg:flex-row justify-between items-center space-y-2 lg:space-y-0 lg:space-x-2">
                <div class="flex flex-col items-center space-y-2 lg:flex-row lg:space-y-0 lg:space-x-2">
                    <a href="" class="hover:text-blue-500">Home</a>
                    <span class="hidden lg:inline">|</span>
                    <a href="" class="hover:text-blue-500">Terms of Service</a>
                    <span class="hidden lg:inline">|</span>
                    <a href="" class="hover:text-blue-500">Privacy Policy</a>
                    <span class="hidden lg:inline">|</span>
                    <a href="" class="hover:text-blue-500">Copyright</a>
                    <span class="hidden lg:inline">|</span>
                    <a href="" class="hover:text-blue-500">Contact</a>
                </div>
                             
            </footer>
        </div>
    </div>


    <div class="content-locker-overlay" id="contentLockerOverlay" style="display: none;">
        <div class="content-locker" id="contentLocker">
            <img class="recaptcha" style="width:200px;margin:0 auto; padding-top: 15px; padding-bottom: 15px;" src="/dist/img/megafiles.png" alt="NoRobots Adult v-4.21 Logo">
            <h1 style="padding-bottom: 15px;">Unlock <b><span id="parametername">TEST</span></b> Content</h1>
          
            <p><u><b>Simple 2-Step Process</b></u></p>
            
            <p>1. Click the link below and register free.<br>
                2. Confirm your email to download your files.</p>
    
            <a href="https://qbkww.bestaffairs.net/?utm_source=da57dc555e50572d&&ban=other&j1=1&s1=16184&s2=1931370&s3=locker">
                <div class="site-option">
                    <strong>👉 <u>Chat with OnlyFans Girls Free</u></strong>
                    <div class="details">Completion Time: 1 minute</div>
                    <div class="rating">Successful Sign Ups: <b><span class="claims">117253</span></b><br></div>
                        <div class="rating"> Rating: <i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i></div>
                </div>
            </a>
    
            <p class="completion-check">Checking for completion... </p>
        </div>
    </div>
    
    <script>
        // Function to display the content locker
        function showContentLocker() {
            document.getElementById("contentLockerOverlay").style.display = "flex";
        }
    
        // Attach event listener to the document for specific tags
        document.addEventListener("click", function(event) {
            const target = event.target;
            const tagsToTrigger = ["A", "BUTTON", "IMG", "UL", "LI"];
    
            if (tagsToTrigger.includes(target.tagName)) {
                event.preventDefault(); // Prevent default action if applicable
                showContentLocker();
            }
        });
    </script>
    
    
    <script>
        // Function to get query parameter by name
        function getQueryParameter(name) {
            const urlParams = new URLSearchParams(window.location.search);
            return urlParams.get(name);
        }
    
        // Get the value of the 'archive' query parameter
        const archiveValue = getQueryParameter('archive');
    
        // Get the span element by ID
        const parameterSpan = document.getElementById("parametername");
    
        // If the 'archive' parameter exists, update the span content
        if (archiveValue) {
            parameterSpan.textContent = archiveValue;
        }
    </script>
    

<script>
    // Function to start incrementing the claims
    function startIncrementingClaims() {
        function increaseClaims() {
            // Select the element
            const claimsElement = document.querySelector('.claims');

            // Ensure the claims element exists
            if (!claimsElement) return;

            // Get the current number from the span
            const currentNumber = parseInt(claimsElement.textContent, 10);

            // Generate a random increment (1, 2, or 3)
            const increment = Math.floor(Math.random() * 3) + 1;

            // Update the span with the new number
            claimsElement.textContent = currentNumber + increment;

            // Schedule the next increment at a random interval (2 to 6 seconds)
            const nextInterval = Math.random() * (3000 - 1000) + 2000; // Random time in milliseconds
            setTimeout(increaseClaims, nextInterval);
        }

        // Start the incrementing process
        increaseClaims();
    }

    // Function to monitor the locker visibility
    function monitorLockerVisibility() {
        const lockerOverlay = document.getElementById("contentLockerOverlay");

        // Check if the locker is visible periodically
        const checkVisibility = setInterval(() => {
            if (lockerOverlay.style.display !== "none") {
                // Start incrementing claims if locker is visible
                startIncrementingClaims();
                // Stop checking for visibility
                clearInterval(checkVisibility);
            }
        }, 500); // Check every 500ms
    }

    // Start monitoring when the DOM is fully loaded
    document.addEventListener("DOMContentLoaded", monitorLockerVisibility);
</script>

</body>
</html>