-
Notifications
You must be signed in to change notification settings - Fork 16
/
Copy pathindex.html
118 lines (104 loc) · 3.15 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
108
109
110
111
112
113
114
115
116
117
118
<!doctype html>
<html>
<head>
<title>Key to sheet · mcdlr</title>
<meta charset="utf-8">
<meta name="description" content="Keyboard cheat sheet maker"/>
<meta name="author" content="DrummerHead"/>
<link rel="stylesheet" href="css/stijl.css" />
<link rel="stylesheet" href="http://mcdlr.com/css/promiscuous.css">
<link rel='image_src' href='http://mcdlr.com/img/thumbs/key-sheet.jpg'>
</head>
<body>
<header id="quoin">
<div id="brand">
<a href="http://mcdlr.com/" title="Go to mcdlr homepage">Go to mcdlr homepage</a>
</div>
<div id="octo-peek">
<a href="https://github.com/DrummerHead/HTML-Keyboard" rel="external"><span>Fork me on Github!</span></a>
</div>
</header>
<div id="main" role="main">
<ol id="keyboard" class="macbook-pro">
<li><span>~</span>`</li>
<li><span>!</span>1</li>
<li><span>@</span>2</li>
<li><span>#</span>3</li>
<li><span>$</span>4</li>
<li><span>%</span>5</li>
<li><span>^</span>6</li>
<li><span>&</span>7</li>
<li><span>*</span>8</li>
<li><span>(</span>9</li>
<li><span>)</span>0</li>
<li><span>_</span>-</li>
<li><span>+</span>=</li>
<li class="special r" id="delete">delete</li>
<li class="special l" id="tab">tab</li>
<li>Q</li>
<li>W</li>
<li>E</li>
<li>R</li>
<li>T</li>
<li>Y</li>
<li>U</li>
<li>I</li>
<li>O</li>
<li>P</li>
<li><span>{</span>[</li>
<li><span>}</span>]</li>
<li><span>|</span>\</li>
<li class="special l" id="caps-lock">caps lock</li>
<li>A</li>
<li>S</li>
<li>D</li>
<li>F</li>
<li>G</li>
<li>H</li>
<li>J</li>
<li>K</li>
<li>L</li>
<li><span>:</span>;</li>
<li><span>"</span>'</li>
<li class="special r" id="enter"><span>enter</span>return</li>
<li class="special shift l">shift</li>
<li>Z</li>
<li>X</li>
<li>C</li>
<li>V</li>
<li>B</li>
<li>N</li>
<li>M</li>
<li><span><</span>,</li>
<li><span>></span>.</li>
<li><span>?</span>/</li>
<li class="special shift r">shift</li>
<li class="special tall l">fn</li>
<li class="special tall less-padding l">control</li>
<li class="special tall less-padding l"><span>alt</span>option</li>
<li class="special tall command r"><span>⌘</span>command</li>
<li class="special tall" id="space"> </li>
<li class="special tall command l"><span>⌘</span>command</li>
<li class="special tall less-padding r"><span>alt</span>option</li>
<li class="arrow up">↑</li>
<li class="arrow">←</li>
<li class="arrow down">↓</li>
<li class="arrow">→</li>
</ol>
<div id='lightswitch' class='key'>
<span>·</span> light
</div>
</div>
<div id="moribus">
<script src="js/gedrag.js"></script>
<script>
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='//www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-1030009-5');ga('send','pageview');
</script>
</div>
</body>
</html>