-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
69 lines (66 loc) · 3.13 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
<!DOCTYPE html>
<html lang="en">
<head>
<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="stylesheet" href="style.css">
<title>TIL: Today I Learned</title>
<meta name="description"
content="A simple web app to collect the things you learn every day, and then share them with the world. By Mark Conroy." />
<meta property="og:site_name" content="TIL: Today I Learned" />
<meta property="og:url"
content="https://til.mark.ie" />
<meta property="og:title"
content="TIL: Today I Learned" />
<meta property="og:description"
content="A simple web app to collect the things you learn every day, and then share them with the world. By Mark Conroy." />
<meta property="og:image"
content="https://til.mark.ie/til-screenshot.jpg" />
<meta property="og:image:url"
content="https://til.mark.ie/til-screenshot.jpg" />
<meta property="og:image:secure_url"
content="https://til.mark.ie/til-screenshot.jpg" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@markconroy" />
<meta name="twitter:description"
content="A simple web app to collect the things you learn every day, and then share them with the world. By Mark Conroy." />
<meta name="twitter:title" content="TIL: Today I Learned" />
<meta name="twitter:creator" content="twitter.com/markconroy" />
<meta name="twitter:url"
content="https://til.mark.ie" />
<meta name="twitter:image"
content="https://til.mark.ie/til-screenshot.jpg" />
</head>
<body>
<header class="title">
<h1>Today I Learned!</h1>
</header>
<main class="grid">
<div class="grid__column grid__column--inputs">
<div class="inputs">
<div class="thing">
<label class="thing__label" for="text-for-thing">What did you learn today?</label>
<textarea name="text-for-thing" class="thing__thing" id="text-for-thing" cols="30" rows="10"
placeholder="What did you learn today?"></textarea>
</div>
<div class="buttons">
<input type="button" class="add-item" value="Add Item">
<input type="button" class="remove-all" value="Remove All">
</div>
</div>
</div>
<div class="grid__column grid__column--items">
<div class="items-learned">
<h2>The things you have learned are:</h2>
</div>
</div>
</main>
<footer class="footer">
<p>This is a simple webapp that allows you to collect a list of the things you learn, and optionally share them with the world. Items are stored in localStorage in your browser. If you clear your browser's cache, they will be removed.</p>
<p>This website stores no cookies, has no analytics, and respects your privacy 100%. Source code is available on <a href="https://github.com/markconroy/til/">GitHub</a>.</p>
<p>Created by <a href="https://mark.ie">Mark Conroy</a>. I'm on Twitter <a href="https://twitter.com/markconroy">@markconroy</a>. I run <a href="https://the-confident.com">The Confident</a> digital agency.</p>
</footer>
<script src="script.js"></script>
</body>
</html>