NotePad--_legacy_/index.html at main · technogodCEO/NotePad--_legacy_ · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>NotePad--</title>
  <link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
  <header>
    <h1>Welcome to NotePad--</h1>
    <h3>NotePad-- is a basic notetaking application to fufill your needs</h3>
    <form id="activeNoteForm">
      <textarea id="activeNote"></textarea>
      <button type="submit" id="submitButton" class="button">submit</button>
      <label for="selectFolder">select a folder:</label>
      <select id="selectFolder">
        <option value="my notes">my notes</option>
      </select>
    </form>
    <form id="activeCheckItemForm">
      <textarea id="activeCheckItem"></textarea>
      <button type="submit" id="checklistSubmitButton" class="button">submit as checklist item</button>
    </form>
    <form id="activeFolderForm">
      <textarea id="activeFolder"></textarea>
      <button type="submit" id="folderSubmitButton" class="button">create a folder</button>
    </form>
  </header>
  <main>
    <section>
      <h2>my notes:</h2>
      <ul id="notelist">

      </ul>
    </section>
    <section>
      <h2>my checklist:</h2>
      <ul id="checklist">

      </ul>
    </section>
    <section>
      <h2>my folders:</h2>
      <ul id="folderlist">
        <li>
          <button class="folderButton button">name of folder</button>
          <ul id="name-of-folder" class="folderNotes">
            <li>example note</li>
          </ul>
        </li>
      </ul>
    </section>
  </main>
  <footer>
    <small>Roshan Kareer © 2023,</small>
    <small>Join open beta <a href=https://www.youtube.com/watch?v=dQw4w9WgXcQ>here</a></small>
  </footer>
  <script src="notescript.js"></script>
  <script src="checklistscript.js"></script>
  <script src="folderscript.js"></script>

  <!--
  This script places a badge on your repl's full-browser view back to your repl's cover
  page. Try various colors for the theme: dark, light, red, orange, yellow, lime, green,
  teal, blue, blurple, magenta, pink!
  -->
  <script src="https://replit.com/public/js/replit-badge-v2.js" theme="dark" position="bottom-right"></script>
</body>

</html>