-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
60 lines (50 loc) · 2.07 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
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<link href="https://fonts.googleapis.com/css?family=Merriweather:300i,400&display=swap" rel="stylesheet">
<link rel='shortcut icon' type='image/x-icon' href='res/favicon.ico' />
<script src="script.js" defer></script>
<title>Explainit</title>
</head>
<body>
<header>
<a href="https://github.com/Tryops/explainit"><img id="logo" src="res/explainit-logo-light.png" width="120px"></a>
<div id="information">
<div id="claim" title="Inspired by Workflowy/Dynalist and the book 'Thing Explainer' by Randall Munroe.">
<div></div>
<h2 class="left">„Describe complex things...</h2>
<h2 class="right">...in simple words“</h2>
</div>
<div id="more" class="hidden right">
<h2>Inspired by <a href="https://workflowy.com">Workflowy</a>/<a href="https://dynalist.io">Dynalist</a> and the book '<a href="https://xkcd.com/thing-explainer/">Thing Explainer</a>' by Randall Munroe.</h2>
<div><i>Created by Yannik Wailzer (2019) ; <a href="https://github.com/Tryops/explainit">Project on Github</a></i></div>
</div>
<button id="info" title="Info">i</button>
<button id="export" title="Toggle edit/export mode">¶<!--¶--></button>
</div>
</header>
<main>
<section id="edit">
<ul id="main">
<!-- Edit list elements inserted by script.js dynamically... -->
</ul>
</section>
<section id="export" class="hidden">
<!-- Export list elements inserted by script.js dynamically... -->
</section>
<aside>
<div id="thousand-words" title="These words are allowed to be used by default, try to explain your topic using sub-explanations of new words by only using these words per default.">
<div>The</div>
<h3>1.000</h3>
<div>most common</div>
<div>english words:</div>
</div>
<ol id="words">
<!-- Word list inserted by script.js at start -->
</ol>
</aside>
</main>
</body>
</html>