-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathnotepad.html
92 lines (92 loc) · 3.77 KB
/
notepad.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
<!DOCTYPE html>
<html style="height: 100%;">
<head>
<meta charset="UTF-8"/>
<title>Classic stylesheets</title>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" type="text/css" href="layout.css"/>
<link id="theme-link" rel="stylesheet" type="text/css" href="themes/cde/theme.css"/>
<link id="skin-link" rel="stylesheet" type="text/css" href="themes/cde/skins/crimson.css"/>
<link rel="stylesheet" type="text/css" href="demo.css"/>
</head>
<body class="flex-column" style="height: 100%;">
<div class="top-panel flex-row spacing align-center padding">
<div>Theme</div>
<select id="theme-select" size=1>
<option value="win9x">Windows 9x</option>
<option value="win3x">Windows 3.x</option>
<option value="winxp">Windows XP</option>
<option value="cde">CDE</option>
<option value="macos9">Mac OS 9</option>
</select>
<div>Skin</div>
<select id="skin-select" size=1>
</select>
</div>
<main class="desktop padding grow" style="max-width: 100%; position: relative; overflow: hidden;">
<div class="window" style="width: 800px; height: 600px;">
<div class="title-bar">
<div class="title-bar-text">
Untitled - Notepad
</div>
<div class="title-bar-buttons">
<button data-maximize></button>
</div>
</div>
<div class="window-body flex-column">
<ul role="menubar">
<li tabindex=0 aria-haspopup="true">
<u>F</u>ile
<ul role="menu">
<li tabindex=0><u>N</u>ew</li>
<li tabindex=0><u>O</u>pen</li>
<li tabindex=0><u>S</u>ave</li>
<li tabindex=0>Save <u>A</u>s…</li>
<li role="separator"></li>
<li tabindex=0>Page Se<u>t</u>up…</li>
<li tabindex=0><u>P</u>rint</li>
<li role="separator"></li>
<li tabindex=0>E<u>x</u>it</li>
</ul>
</li>
<li tabindex=0 aria-haspopup="true">
<u>E</u>dit
<ul role="menu">
<li tabindex=0 data-shortcut="Ctrl+Z"><u>U</u>ndo</li>
<li role="separator"></li>
<li tabindex=0 data-shortcut="Ctrl+X">Cu<u>t</u></li>
<li tabindex=0 data-shortcut="Ctrl+C"><u>C</u>opy</li>
<li tabindex=0 data-shortcut="Ctrl+V"><u>P</u>aste</li>
<li tabindex=0 data-shortcut="Del">De<u>l</u>ete</li>
<li role="separator"></li>
<li tabindex=0>Select <u>A</u>ll</li>
<li tabindex=0 data-shortcut="F5">Time/<u>D</u>ate</li>
<li role="separator"></li>
<li tabindex=0><u>W</u>ord Wrap</li>
<li tabindex=0>Set <u>F</u>ont…</li>
</ul>
</li>
<li tabindex=0 aria-haspopup="true">
<u>S</u>earch
<ul role="menu">
<li tabindex=0><u>F</u>ind</li>
<li tabindex=0 data-shortcut="F3">Find <u>N</u>ext</li>
</ul>
</li>
<li tabindex=0 class="help-menu" aria-haspopup="true">
<u>H</u>elp
<ul role="menu">
<li tabindex=0><u>H</u>elp Topics</li>
<li role="separator"></li>
<li tabindex=0><u>A</u>bout Notepad</li>
</ul>
</li>
</ul>
<textarea class="grow" style="width: 100%; font-family: monospace; resize: none;"></textarea>
</div>
</div>
</main>
<script type="text/javascript" src="demo.js"></script>
<script type="text/javascript" src="modules/wm.js"></script>
</body>
</html>