<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Enhanced Linux-Style Terminal</title>
    <link rel="stylesheet" href="styles.css">
    <script>
        document.addEventListener("DOMContentLoaded", () => {
            const allowedURL = "https://nannestad-imk.no/~sumits/";
            if (!window.location.href.startsWith(allowedURL)) {
                document.body.innerHTML = "<h1>Access Denied</h1><p>This content can only be accessed from the allowed URL.</p>";
            }
        });
    </script>
    <script src="script.js" defer></script>
</head>
<body>
    <div class="container">
        <div class="content">
            <!-- Terminal Section -->
            <div class="terminal">
                <div id="terminalOutput" class="terminal-output">
                    <pre id="initialContent">
     _____           _             _
    |_   _|         (_)           | |
      | | ___ _ __ ___ _ __   __ _| |
      | |/ _ \ '__| | | '_ \ / _` | |
      | |  __/ |  | | | | | | (_| | |
      \_/\___|_|  |_|_|_| |_|\__,_|_|
                    </pre>
                    <div>Welcome to the Enhanced Linux-Style Terminal</div>
                    <div>Type <span style="color: var(--terminal-prompt); font-weight: bold;">help</span> to get started</div>
                </div>
                <div class="terminal-input">
                    <span class="prompt" id="prompt">user@linux:~$</span>
                    <input type="text" id="commandInput" class="input-field" placeholder="Type a command (e.g., 'help')...">
                </div>
            </div>
            <!-- Audit Log Section -->
            <div class="audit-log" id="auditLog">
                <h2>Audit Log</h2>
            </div>
        </div>
    </div>
</body>
</html>