File "3.html"

Full Path: /var/www/up.9oko.com/misc/3.html
File size: 1.44 KB
MIME-type: text/html
Charset: utf-8

 
Open Edit   Advanced Editor   Back 
<!DOCTYPE html>
<html>
<head>
  <title>Linux Terminal Website</title>

  <style>
    body {
      background-color: black;
      color: white;
      font-family: monospace;
    }
    
    #terminal {
      width: 600px;
      margin: 0 auto;
      padding: 20px; 
      border-radius: 10px;
    }
  </style>

</head>

<body>

  <div id="terminal"></div>

  <script>

    // Render initial terminal view
    let terminal = document.getElementById("terminal");
    terminal.innerHTML = `
      <span id="prompt">~$</span> 
    `;

    // Type out intro message
    let i = 0;
    let intro = "Welcome to my website!";
    let typeInterval = setInterval(function() {
      if (i < intro.length) {
        document.getElementById("prompt").innerHTML += intro.charAt(i);
        i++;
      } else {
        clearInterval(typeInterval);
        simulatePrompt();
      }
    }, 100);

    // Simulate prompt
    function simulatePrompt() {
      terminal.innerHTML += `<br><span id="prompt">~$</span>`; 
      
      // Blink cursor
      let cursorInterval = setInterval(function() {
        let prompt = document.getElementById("prompt");
        prompt.style.visibility = prompt.style.visibility == "" ? "hidden" : ""; 
      }, 500); 
      
      // Type out contact  
      setTimeout(function() {
        clearInterval(cursorInterval);
        typeOut("Contact: myemail@oko.com");
      }, 2000);
    }
    
    // ... More DHTML features

  </script>

</body>
</html>