summaryrefslogtreecommitdiff
path: root/app/public/index.html
blob: d5932a19bce0a59f52291b4dcc13adb29bf1706d (plain)
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
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Notes</title>
    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="user-scalable=no,width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1">

    <!--link rel="icon" type="image/x-icon" href="favicon.ico">
    <link rel="apple-touch-icon" href="img/apple-touch-icon-57.png"        sizes="57x57"    >
    <link rel="apple-touch-icon" href="img/apple-touch-icon-60.png"        sizes="60x60"    >
    <link rel="apple-touch-icon" href="img/apple-touch-icon-72.png"        sizes="72x72"    >
    <link rel="apple-touch-icon" href="img/apple-touch-icon-76.png"        sizes="76x76"    >
    <link rel="apple-touch-icon" href="img/apple-touch-icon-114.png"       sizes="114x114"  >
    <link rel="apple-touch-icon" href="img/apple-touch-icon-120.png"       sizes="120x120"  >
    <link rel="apple-touch-icon" href="img/apple-touch-icon-144.png"       sizes="144x144"  >
    <link rel="apple-touch-icon" href="img/apple-touch-icon-152.png"       sizes="152x152"  >
    <link rel="apple-touch-icon" href="img/apple-touch-icon-168.png"       sizes="168x168"  >
    <link rel="apple-touch-icon" href="img/apple-touch-icon-180.png"       sizes="180x180"  >
    <link rel="apple-touch-startup-image" href="img/apple-splash-2048.png" sizes="2048x2732">
    <link rel="apple-touch-startup-image" href="img/apple-splash-1668.png" sizes="1668x2224">
    <link rel="apple-touch-startup-image" href="img/apple-splash-1536.png" sizes="1536x2048">
    <link rel="apple-touch-startup-image" href="img/apple-splash-1125.png" sizes="1125x2436">
    <link rel="apple-touch-startup-image" href="img/apple-splash-1242.png" sizes="1242x2208">
    <link rel="apple-touch-startup-image" href="img/apple-splash-750.png"  sizes="750x1334" >
    <link rel="apple-touch-startup-image" href="img/apple-splash-640.png"  sizes="640x1136" >
    <link rel="icon" type="image/png"     href="img/favicon-32.png"        sizes="32x32"    >
    <link rel="icon" type="image/png"     href="img/favicon-192.png"       sizes="192x192"  ><!- - Maskable:           - ->
    <link rel="icon" type="image/png"     href="img/favicon-256.png"       sizes="256x256"  ><!- - Safe area is circle - ->
    <link rel="icon" type="image/png"     href="img/favicon-512.png"       sizes="512x512"  ><!- - with 40% radius     - ->
    <link rel="icon" type="image/png"     href="img/favicon-96.png"        sizes="96x96"    >
    <link rel="icon" type="image/png"     href="img/favicon-48.png"        sizes="48x48"    >
    <link rel="icon" type="image/png"     href="img/favicon-16.png"        sizes="16x16"    >
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
    <link rel="manifest" href="manifest.webmanifest">

    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-title" content="Notes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="application-name" content="Notes">
    <meta name="msapplication-TileColor" content="#000000">
    <meta name="msapplication-TileImage" content="img/mstile-144.png">
    <meta name="msapplication-navbutton-color" content="#000000">
    <meta name="msapplication-tooltip" content="Notes">
    <meta name="msapplication-starturl" content="/">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="theme-color" content="#000000"-->

    <link rel="canonical" href="https://notes.ahov.co/">
    <meta name="author" content="Alexis Hovorka">
    <meta name="description" content="Zettelkasten-inspired note taking web app">

    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,700&display=swap">
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <h1>Notes</h1>

    <form>
    <input type="text" id="username" name="username">
    <input type="password" id="password" name="password">
    <input type="checkbox" id="keep-session" name="keepSession">
    <button id="login">Log In</button>
    </form>
    <br>
    <input type="password" id="new-password" name="newPassword">
    <button id="change-password">Change Password</button>
    <br>
    <input type="text" id="new-username" name="newUsername">
    <button id="change-username">Change Username</button>
    <br>
    <input type="text" id="uid" name="uid">
    <button id="logout">Log Out</button>
    <button id="logout-everywhere">Log Out Everywhere</button>
    <div id="notes"></div>
    <button id="new-note">New Note</button>

    <!--script src="sock.js"></script-->
    <script src="main.js"></script>
  </body>
</html>