-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathindex.html
107 lines (76 loc) · 3.67 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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!DOCTYPE html>
<html>
<head>
<title>Learning Log (Prototype Test!)</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="styles.css">
<script src="script.js" defer></script>
</head>
<body>
<div id="loginmodal">
<div class="modal-container">
<section id="modal-content">
<h2>Create Your Learning Log!</h2>
<p>This is a prototype for a GitHub blogging tool to help you document your learning process.</p>
<p>To use the app, first click the button below and when the GitHub window pops up, click "Authorize" to log in:</p>
<a id="loginlink" href="https://github.com/login/oauth/authorize?client_id=17506be3037f75df303a&scope=repo">
<button id="loginbutton" class="bigbutton">
<svg aria-hidden="true" class="octicon octicon-mark-github" height="40" version="1.1" viewBox="0 0 16 16" width="40"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path></svg>
Log in with GitHub
</button>
</a>
</section>
<p id="loginloading">
... Loading ...
</p>
</div><!-- end of #modal-container -->
</div><!-- end of #loginmodal -->
<div id="maincontent">
<h1>Write a New Learning Log Entry</h1>
<section id="usercontent">
<img id="useravatar" src="#">
<h2 id="username"></h2>
<h3>View all your learning logs on GitHub</strong>:<br> <span id="userrepo"></span></h3>
</section>
<div id="published">
<h2 class="green">Your learning log has been published!</h2>
<p><strong>View on GitHub</strong>:<br><span id="viewlog"></span></p>
<p><strong>Edit on GitHub</strong>:<br><span id="editlog"></span></p>
<h3>Or edit today's learning log in the form below:</h3>
</div>
<div id="write">
<p>Below is a suggested template, but feel free to use only the sections that you need! Each of your learning log entries might use different sections depending on what you did that day. Or you can throw them all out and just do your own thing!</p>
<p>This text editor supports <strong>Markdown</strong> formatting! See <strong><a href="https://guides.github.com/features/mastering-markdown/">GitHub's Markdown reference page</a></strong> for a formatting cheat sheet.</p>
<h3 class="formtitle">Today's learning log:</h3>
<form id="logform">
<textarea id="log-content">
## Today I learned (#TIL):
- .....
- .....
## Link(s) to my work:
- ....
- ....
## Questions:
- .....
- .....
## Bugs discovered / what I got stuck on:
- ....
- ....
## Useful links to save for later:
- .....
- .....
## My next steps:
- .....
- .....
## Any other thoughts:
... .... ....
</textarea>
<p id="lastupdated"></p>
<input id="publishbutton" class="bigbutton" type="submit" value="Publish Your Learning Log for Today!">
</form>
</div><!-- end of #write -->
</div> <!-- end of #maincontent -->
</body>
</html>