public/01-tempo/index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Ora Attuale</title>

    <!-- update the version number as needed -->
    <script defer src="/__/firebase/5.8.3/firebase-app.js"></script>
    <!-- include only the Firebase features as you need -->
    <!-- <script defer src="/__/firebase/5.8.3/firebase-auth.js"></script> -->
    <!-- <script defer src="/__/firebase/5.8.3/firebase-database.js"></script> -->
    <script defer src="/__/firebase/5.8.3/firebase-firestore.js"></script>
    <!-- <script defer src="/__/firebase/5.8.3/firebase-messaging.js"></script> -->
    <!-- <script defer src="/__/firebase/5.8.3/firebase-storage.js"></script> -->
    <!-- initialize the SDK after all desired features are loaded -->
    <script defer src="/__/firebase/init.js"></script>

    <link rel="stylesheet" href="style/main.css">
  </head>
  <body class="flex-body">
    <div id="awaiting">
      <h1>Awaiting Time 🕰</h1>
    </div>

    <div id="ready" class="invisible">
      <h1>⏲ Time is: <span id="time"></span></h1>
    </div>

    <div id="references" class="invisible">
      <p class="bigger-text">Ci sono <span class="placeholder"></span> riferimenti in memoria</p>
    </div>

    <div id="cleanup" class="invisible">
      <p class="bigger-text">5 orari precedenti sono eliminati</p>
    </div>

    <div class="bottom-text">
      <p class="bigger-text">Questo orologio ha bisogno di un produttore di orari, come il
        <a href="signore_del_tempo.html" target="_blank">
          Signore del tempo
        </a>
      </p>
    </div>

    <script src="src/index.js"></script>
  </body>
</html>