-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
89 lines (76 loc) · 4.75 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>Gitographer Notes</title>
<meta name="description" content="Homepage for the Gitographer Note App">
<meta name="author" content="zalo">
<!-- Security
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta http-equiv="Content-Security-Policy" content="default-src 'self' https://fonts.gstatic.com https://fonts.googleapis.com https://api.github.com 'unsafe-inline'">
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- FONT
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link href="https://fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
<!-- CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="./css/normalize.css">
<link rel="stylesheet" href="./css/skeleton.css">
<link rel="stylesheet" type="text/css" href="./css/main.css" />
<!-- Favicon
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="icon" type="image/png" href="./images/favicon.png">
</head>
<body>
<!-- Primary Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<div class="container">
<div class="row">
<div class="column" style="margin-top: 2.5%">
<h1>Gitographer</h1>
<div id="logged-out">
<button id="btn-login" disabled="true" onclick="login()">Log in</button>
<p>Gitographer is a minimal, Github-backed Note Taking System.</p>
<p>Simply log in, and create a private Gitographer repository to get started.</p>
<p>Storing your notes on Github gives you maximum flexibility and control over how they're maintained.</p>
</div>
<div class="hidden" id="logged-in">
<div class="hidden" id="no-repository">
<p> You're seeing this because you're <strong>logged in</strong>, but you have no <strong>Gitographer Repository</strong>! </p>
<p> A Gitographer Repository is a normal Github Repository that stores all your Gitographer Notes. </p>
<p> Would you like to create a <strong>Gitographer Repository</strong>? </p>
<button id="btn-create-repository" onclick="gitographer.createRepository()">Create Gitographer Repository</button>
<button id="btn-logout" onclick="logout()">Log out</button>
</div>
<div class="hidden" id="found-repository">
<button id="btn-push-repository" onclick="gitographer.pushNotes()">Commit to Repository</button> <button id="btn-logout" onclick="logout()">Log out</button>
<div id="note-editor-and-note-container">
<div id="note-editor-container">
<textarea id="edit-box" class="note-editor" rows="4" cols="50"></textarea>
</div>
<div id="note-container"></div>
</div>
</div>
</div>
<div class="hidden" id="error-container">
<p>Oh no! Something unexpected went wrong!</p>
<p>See what happened below and report it on the <a href="https://github.com/zalo/Gitographer">Gitographer Github Page</a>.</p>
<pre><code id="error-friendly-msg"></code></pre>
<pre><code id="error-msg"></code></pre>
</div>
</div>
</div>
</div>
<!-- Add Scripts to the page
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<script src="./js/utf8.js"></script>
<script src="./js/noteApp.js"></script>
<script src="./js/app.js"></script>
<!-- End Document
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>
</html>