index.html

<title>各種考試倒數計時 | ExamCountdown</title>
<link rel="icon" href="/favicon.ico" />
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="bookmark" href="/favicon.ico" />
<link
  rel="stylesheet"
  href="https://unpkg.com/font-awesome@4.7.0/css/font-awesome.min.css"
/>
<style>
  @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@500&display=swap&text=ExamCountdownv0.123456789()hrlieMm廣告位招租?");
  * {
    border: 0;
    font-family: "Noto Sans TC", sans-serif;
  }
  #version {
    position: fixed;
    right: 20px;
    bottom: 20px;
    color: black;
    opacity: 0.5;
  }
  #settings {
    position: fixed;
    right: 20px;
    top: 20px;
    color: black;
    opacity: 0.5;
    cursor: pointer;
  }
</style>
<div id="settings" onclick="window.location.replace('/settings.html')">
  <i class="fa fa-cog fa-2x"></i>
</div>
<table width="100%" height="100%">
  <tr>
    <td>
      <iframe
        width="100%"
        height="100%"
        id="third"
        src="/assets/third.html"
      ></iframe>
    </td>
  </tr>
</table>
<div id="version">ExamCountdown v2.3.3<br />(C) 2024 CharlieMoomoo</div>
<script>
  if (localStorage.getItem("dark") == "true") {
    document.querySelector("#version").style.color = "white";
    document.querySelector("#settings").style.color = "white";
    document.querySelector("body").style.backgroundColor = "black";
  }
  if (localStorage.getItem("lang") == "en") {
    document.querySelectorAll("iframe").forEach((frame) => {
      frame.src = `/assets/translate/${frame.id}_en.html`;
    });
    var request = new XMLHttpRequest();
    request.open("GET", "/assets/translate/en.json", false);
    request.send(null);
    var translations = JSON.parse(request.responseText);
    document.title = `${translations.index.title} | ExamCountdown`;
  }
</script>