popup.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="style.css" />
    <script src="getCurrentYear.js" defer></script>
    <script src="popup.js" defer></script>
  </head>
  <body>
    <h1>LinkedOut</h1>
    <img class="logo" src="assets/logo.png" alt="LinkedOut" />

    <h2>View the content of subscriptions</h2>
    <label class="switch">
      <input type="checkbox" id="checkbox-subs" checked />
      <span class="slider round"></span>
      <span id="toggOnOff"></span>
    </label>

    <h3 style="text-align: center">Time of consumption</h3>
    <div
      style="text-align: center; margin-top: -0.5rem"
      title="Click here to see how much time you waste each day!"
    >
      <button id="timeOfConsumption"></button>
    </div>

    <div style="text-align: center">
      <button
        id="goToFAQ"
        title="Do you have a question? You'll find the answer here!"
      >
        FAQ Section &nbsp;<img src="assets/questionmark.png" alt="" />
      </button>
    </div>

    <p style="text-align: center" id="nameYear"></p>
    <div class="separator">How To Support Us</div>
    <div class="underButtons">
      <a
        title="Rate us on the chrome store!"
        href="https://chromewebstore.google.com/detail/kgpjbfbjceknmgmgnadicddjomnoleim?utm_source=item-share-cp"
        target="_blank"
      >
        <button>Rate US👍</button>
      </a>
      <a
        href="https://buymeacoffee.com/olivierluethy"
        target="_blank"
        title="Do you want to support my project?"
      >
        <img
          src="https://cdn.buymeacoffee.com/buttons/v2/default-orange.png"
          alt="Buy Me a Coffee"
          class="coffee-button"
        />
      </a>
    </div>
  </body>
</html>