O9In71Na8mYAQ4eQs1s5

    <div class="iframe-container mb-4" id="iframe-wrapper">
        <iframe id="notepad-iframe" src="https://offlinenotepad.com/b5e2567b" class="responsive-iframe"></iframe>
    </div>

    <div class="controls">
        <h5>Pick a Letter</h5>
        <!-- Letters A-Z Buttons -->
        <div>
            <script>
                for (let i = 65; i <= 90; i++) {
                    document.write(`<button class="btn btn-primary btn-control" onclick="updateIframes('${String.fromCharCode(i)}', '')">${String.fromCharCode(i)}</button>`);
                }
            </script>
        </div>
        <h5 class="mt-3">Pick a Number</h5>
        <!-- Numbers 0-9 Buttons -->
        <div>
            <script>
                for (let i = 0; i <= 9; i++) {
                    document.write(`<button class="btn btn-secondary btn-control" onclick="updateIframes('', '${i}')">${i}</button>`);
                }
            </script>
        </div>
    </div>
    
    <!-- Secondary URL Input -->
    <input type="text" id="custom-url" class="form-control input-url" placeholder="Enter custom URL" oninput="updateCustomIframe()">

    <div class="iframe-container mt-4">
        <iframe id="custom-iframe" src="https://www.literallyanything.io?$" class="responsive-iframe"></iframe>
    </div>
</div>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js"></script>
<script>
    function updateIframes(letter, number) {
        const notepadIframe = document.getElementById('notepad-iframe');
        const customIframe = document.getElementById('custom-iframe');

        if (letter) {
            notepadIframe.src = `https://www.literallyanything.io?${letter}`;
        }
        
        if (number) {
            customIframe.src = `https://www.literallyanything.io?${number}`;
        }
        
        console.log("Updated iframes with:", letter, number);
    }

    function updateCustomIframe() {
        const customUrl = document.getElementById('custom-url').value;
        const customIframe = document.getElementById('custom-iframe');
        customIframe.src = customUrl;
        console.log("Custom iframe updated to:", customUrl);
    }

    function updateCustomIframeTop() {
        const customUrlTop = document.getElementById('custom-url-top').value;
        const notepadIframe = document.getElementById('notepad-iframe');
        notepadIframe.src = customUrlTop;
        console.log("Top custom iframe updated to:", customUrlTop);
    }

    function removeIframe() {
        document.getElementById('iframe-wrapper').style.display = 'none';
    }

    function minimizeIframe() {
        document.getElementById('iframe-wrapper').style.height = '100px';
    }

    function refreshIframe() {
        const notepadIframe = document.getElementById('notepad-iframe');
        notepadIframe.src = notepadIframe.src;
    }
</script>