newtab.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <link type="image/x-icon" href="./favicon.ico" rel="icon" />
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Lora&family=Roboto&family=Roboto+Mono&display=swap" rel="stylesheet">
  <title>Tab Notes</title>
  <script type="text/javascript" src="./browser-polyfill.min.js"></script>
  <script type="text/javascript" src="./migration.js"></script>
  <script type="text/javascript" src="./utils.js"></script>
  <script type="text/javascript" src="./newtab.js"></script>
  <link rel='stylesheet' href='./newtab.css'>
  <style></style> <!-- for lazy css loading -->
</head>
<body>
  <div class='annoucement-container'></div>
  <input type="checkbox" id="list-indicator" class="hide" />
  <div id="list">
    <div class="list-inner">
      <ul></ul>
      <div id="create_entry">+</div>
      <div id="undo_deletion">undo deletion</div>
    </div>
  </div>
  <label id="list-trigger" for="list-indicator">
    <span></span>
  </label>
  <!--<textarea id="note-content" placeholder="write some notes..."></textarea>-->
  <div id="note-content" contenteditable="true"></div>
  <div id="mode-switcher" data-current="day"></div>
  <div class="setting-icon-container">
    <div id="setting-icon"></div>
  </div>
  <span id="status"></span>
  <a id="addon-author" href="https://github.com/wildskyf">WS</a>
</body>
</html>