-
Notifications
You must be signed in to change notification settings - Fork 190
/
index.html
114 lines (113 loc) · 5.27 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>98.js - Windows 98 Online</title>
<link href="layout.css" rel="stylesheet" type="text/css">
<link href="lib/os-gui/layout.css" rel="stylesheet" type="text/css">
<link href="lib/os-gui/windows-98.css" rel="stylesheet" type="text/css">
<link href="lib/clippy.js/build/clippy.css" rel="stylesheet" type="text/css">
<link href="classic.css" rel="stylesheet" type="text/css">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=LbWArJzeO7">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=LbWArJzeO7">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=LbWArJzeO7">
<link rel="manifest" href="/site.webmanifest?v=LbWArJzeO7">
<link rel="mask-icon" href="/safari-pinned-tab.svg?v=LbWArJzeO7" color="#5bbad5">
<link rel="shortcut icon" href="/favicon.ico?v=LbWArJzeO7">
<meta name="apple-mobile-web-app-title" content="98.js">
<meta name="application-name" content="98.js">
<meta name="msapplication-TileColor" content="#2b5797">
<meta name="theme-color" content="#008080">
<meta name="viewport" content="width=device-width, user-scalable=no">
<!-- For WayBack Machine, hopefully get it to save these resources -->
<link rel="prefetch" href="/filesystem-index.json">
<link rel="prefetch" href="/desktop/CREDITS.txt">
<link rel="prefetch" href="/programs/notepad/index.html">
</head>
<body>
<div class="desktop" style="background-image: url(images/clouds.jpg); background-size: cover; background-position: center;"></div>
<div class="taskbar" style="z-index: 5000;">
<button class="start-button toggle" title="Click here to begin.">
<img src="images/start.png"/><b>Start</b>
</button>
<div class="taskbar-divider"></div>
<!-- TODO: pinned apps and resizing handles -->
<div class="tasks"></div>
<div class="taskbar-divider"></div>
<div class="tray inset-shallow">
<div class="tray-icons">
<img class="tray-icon" src="images/icons/task-scheduler-16x16.png" title="Task Scheduler is not ready." onclick="showMessageBox({iconID: 'info', message: 'Good day to you!'})">
<img class="tray-icon" src="images/icons/audio-okay-16x16.png" title="Volume" onclick="showMessageBox({iconID: 'info', message: 'Have a wonderful day!'})">
</div>
<div class="taskbar-time" ondblclick="showMessageBox({iconID: 'info', message: 'Time to get an old clock!'})"></div>
</div>
</div>
<div class="start-menu outset-deep" hidden style="display: none; z-index: 5001;">
<div class="start-menu-titlebar"></div>
<div class="start-menu-content">
<h1 style="font-family: cursive; font-size: 2em;">’S tart</h1>
<h2 style="font-family: cursive; font-size: 1em; color: gray; margin: 0; margin-left: 300px; white-space: nowrap;">’s a strawberry tart</h1>
<img src="https://i.postimg.cc/dtxsJq0d/CK1IhDr.gif"/>
</div>
</div>
<script src="lib/jquery.min.js"></script>
<script src="lib/browserfs.js"></script>
<script src="lib/clippy.js/build/clippy.js"></script>
<script src="lib/konami.js"></script>
<script src="lib/os-gui/parse-theme.js"></script>
<script src="lib/os-gui/MenuBar.js"></script>
<script src="lib/os-gui/$Window.js"></script>
<script src="src/msgbox.js"></script>
<script>defaultMessageBoxTitle = "Windows";</script>
<script src="src/3d-fun.js"></script>
<script src="src/helpers.js"></script>
<script src="src/filesystem-setup.js"></script>
<script src="src/iframe-windows.js"></script>
<script src="src/Task.js"></script>
<script src="src/$taskbar-time.js"></script>
<script src="src/$start-menu.js"></script>
<script src="src/FolderView.js"></script>
<script src="src/FolderViewItem.js"></script>
<script src="src/$desktop.js"></script>
<script src="src/window-switcher.js"></script>
<script src="src/visualizer-overlay.js"></script>
<script src="src/programs.js"></script>
<!-- TODO: DRY -->
<svg style="position: absolute; pointer-events: none; bottom: 100%;">
<defs>
<filter id="disabled-inset-filter" x="0" y="0" width="1px" height="1px">
<feColorMatrix
in="SourceGraphic"
type="matrix"
values="
1 0 0 0 0
0 1 0 0 0
0 0 1 0 0
-1000 -1000 -1000 1 0
"
result="black-parts-isolated"
/>
<feFlood result="shadow-color" flood-color="var(--ButtonShadow)"/>
<feFlood result="hilight-color" flood-color="var(--ButtonHilight)"/>
<feOffset in="black-parts-isolated" dx="1" dy="1" result="offset"/>
<feComposite in="hilight-color" in2="offset" operator="in" result="hilight-colored-offset"/>
<feComposite in="shadow-color" in2="black-parts-isolated" operator="in" result="shadow-colored"/>
<feMerge>
<feMergeNode in="hilight-colored-offset"/>
<feMergeNode in="shadow-colored"/>
</feMerge>
</filter>
</defs>
</svg>
<script>
// This doesn't seem to be a problem in the Help viewer,
// but better safe than sorry.
window.addEventListener("resize", ()=> {
// work around a browser bug in Chrome where
// the SVG filter behaves differently based on the INITIAL zoom level
// (if you zoom in, the icons get cut off, if you zoom out, the effect is too thick)
document.getElementById("disabled-inset-filter").setAttribute("x", "0");
});
</script>
</body>
</html>