index.html

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  
  <link href="https://fonts.googleapis.com/css?family=Press+Start+2P&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="style.css" />
  <title>New Tab</title>
 </head>
 
 <body>
     
    <p class="rice">
        
        It's probably:
    </p>

    <time id="time" class="time">

    </time>
    
    <div id="date" class="date">    
        
    </div>

    <p class="rice">
        but we can't be sure...
    </p>

    <p class="greeting">
        
        Welcome to the Matrix, 
        
        <span 
            id="name" class="name" spellcheck="false" 
            contenteditable="true"
            title="Insert your nickname">
            Neo
        </span>
    </p>

     
 <script src="matrix.js"></script>

</body>
</html>