win98/index.html at gh-pages · solid-apps/win98 · GitHub

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
<!doctype html>
<html lang="en" data-theme="win98">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>win98 — your Solid pod, but it's 1998</title>
<meta name="description" content="A Solid desktop OS dressed as Windows 98. Same primitives as solid-apps/chrome — windows, panes, real-time, pod sync — wrapped in peak teal aesthetic." />
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' fill='%23c0c0c0'/%3E%3Crect x='3' y='3' width='8' height='8' fill='%23ff0000'/%3E%3Crect x='13' y='3' width='8' height='8' fill='%2300ff00'/%3E%3Crect x='3' y='13' width='8' height='8' fill='%230000ff'/%3E%3Crect x='13' y='13' width='8' height='8' fill='%23ffff00'/%3E%3C/svg%3E" />
<link rel="stylesheet" href="./style.css" />
<script type="importmap">
{
  "imports": {
    "preact":       "https://esm.sh/preact@10.19.0",
    "preact/hooks": "https://esm.sh/preact@10.19.0/hooks",
    "htm":          "https://esm.sh/htm@3.1.1"
  }
}
</script>
</head>
<body>
  <div id="wallpaper" aria-hidden="true"></div>
  <div class="desktop-icons" id="desktop" aria-label="Desktop"></div>

  <div class="windows" id="windows"></div>

  <div class="taskbar" id="shelf">
    <button class="start-btn" id="tray-launcher" title="Start (⌘Space)">
      <span class="start-flag" aria-hidden="true">
        <span></span><span></span>
        <span></span><span></span>
      </span>
      <b>Start</b>
    </button>
    <div class="taskbar-divider"></div>
    <div class="shelf-running" id="shelf-running"></div>
    <div class="taskbar-divider"></div>
    <div class="systray">
      <button class="tray-pill" id="tray-quick" title="Settings">⚙</button>
      <button class="tray-pill tray-auth" id="tray-auth" title="Sign in">Sign in</button>
      <span class="tray-desks" id="tray-desks"></span>
      <span class="tray-clock" id="tray-clock">—</span>
    </div>
  </div>

  <script src="https://unpkg.com/xlogin"></script>
  <script type="module" src="./src/app.js"></script>
</body>
</html>