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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
|
<!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="width=device-width,initial-scale=1.0">
<!--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>
<dialog id="sign-in-dialog">
<form id="sign-in-form" class="card" method="dialog">
<h1 class="logo"><img src="logo-icon.svg" alt="" class="logo-icon"> Notes</h1>
<p id="sign-in-error" class="error-message"></p>
<div>
<input type="text" id="sign-in-username" name="username" placeholder="Username" autocomplete="username" autocorrect="off" autocapitalize="off" spellcheck="false" required autofocus>
<input type="password" id="sign-in-password" name="password" placeholder="Password" autocomplete="current-password" autocorrect="off" autocapitalize="off" spellcheck="false" required>
<label>
<input type="checkbox" id="sign-in-keep-session" name="keepSession">
<span class="checkbox-icon"></span> Keep me signed in
</label>
<button id="sign-in-basic-go"><span class="loading-spinner"></span>Sign in</button>
</div>
<!--div>
<input type="text" inputmode="numeric" id="sign-in-otp" name="otp" placeholder="OTP Code" autocomplete="one-time-code" autocorrect="off" autocapitalize="off" spellcheck="false" pattern="\d{6,6}" required>
<button id="sign-in-otp-go">Sign in</button>
</div>
<div>
<input type="password" id="sign-in-new-password" name="newPassword" placeholder="New password" autocomplete="new-password" autocorrect="off" autocapitalize="off" spellcheck="false" minlength=8 maxlength=512 required>
<input type="password" id="sign-in-new-password-confirm" name="newPasswordConfirm" placeholder="Confirm new password" autocomplete="new-password" autocorrect="off" autocapitalize="off" spellcheck="false" minlength=8 maxlength=512 required>
<button id="sign-in-change-password-go">Change password</button>
</div-->
</form>
</dialog>
<div id="menu" class="card-shadow">
<div class="card">
<input type="password" id="new-password" name="newPassword" placeholder="New password" autocomplete="new-password" autocorrect="off" autocapitalize="off" spellcheck="false">
<button id="change-password">Change password</button>
<br>
<input type="text" id="new-username" name="newUsername" placeholder="New username" autocomplete="none" autocorrect="off" autocapitalize="off" spellcheck="false">
<button id="change-username">Change username</button>
<br>
<button id="sign-out">Sign out</button>
<button id="sign-out-everywhere">Sign out everywhere</button>
<br>
<!--input type="text" inputmode="search" id="search" name="search" placeholder="Search…" list="search-hints"-->
<input type="search" id="search" name="search" placeholder="Search…" list="search-hints" incremental>
<datalist id="search-hints">
<option value="#hash"></option>
<option value="#tag"></option>
</datalist>
</div>
</div>
<div id="notes" class="notes-column"></div>
<div id="toolbar">
<button class="toolbar-btn" id="menu-btn"></button>
<button class="toolbar-btn" id="window-btn"></button>
<button class="toolbar-btn" id="search-btn"></button>
<button class="toolbar-btn" id="conflict-btn"></button>
<button class="toolbar-fab" id="add-btn"></button>
</div>
<script type="module">
import Ponys from "./ponys.js";
Ponys.defineAll();
</script>
<template name="note-card" src="./note-ponys.html"></template>
<script type="module" src="main.js"></script>
</body>
</html>
|
