-
Notifications
You must be signed in to change notification settings - Fork 6
/
index.html
75 lines (65 loc) · 3.51 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>List of Example PWAs</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Directory of PWAs</h1>
<h2>Up-to-date Apps</h2>
<h3>Web Install Apps</h3>
<ul>
<li><b><a href="web-install/index.html">Web Install Sample App</a></b></li>
</ul>
<h3>Widgets Apps</h3>
<ul>
<li><b><a href="widgets/index.html">Widgets Sample App</a></b></li>
</ul>
<h3>Window Controls Overlay Apps</h3>
<ul>
<li><b><a href="explainer-example/index.html">Explainer example</a></b></li>
<li><b><a href="windowControlsOverlay-newCSSVars/index.html">Window Controls Overlay App with NEW new CSS vars</a></b></li>
<li><a href="windowControlsOverlay-JS-only/index.html">Window Controls Overlay App--JS Only</a></li>
<li><a href="wco-app-region/index.html">WCO App with unprefixed app-region</a></li>
</ul>
<h3>Simple Display Mode/Display Override Apps</h3>
<ul>
<li><a href="display-browser/index.html">PWA with display: browser</a></li>
<li><a href="display-fullscreen/index.html">PWA with display: fullscreen</a></li>
<li><a href="display-minimal-ui/index.html">PWA with display: minimal-ui</a></li>
<li><a href="display-standalone/index.html">PWA with display: standalone</a></li>
<li><a href="display-override-wco-empty/index.html">PWA with display_override: window-controls-overlay</a></li>
</ul>
<h3>Theme Color related apps</h3>
<ul>
<li><a href="no-theme-color/index.html">PWA with display: standalone and no theme color</a></li>
<li><a href="WCO-no-theme-color/index.html">PWA with display_override: window-controls-overlay and no theme color</a></li>
</ul>
<h3>Other apps</h3>
<ul>
<li><a href="sample/index.html">Standalone PWA with random testing bits</a></li>
<li><a href="title-vs-name/index.html">PWA with different title and name to showcase where each is used in the browser UI</a></li>
<li><a href="displayWCO-notInstallable/index.html">PWA with "display": "window-controls-overlay" to verify that this display mode is ignored</a></li>
<li><a href="nested-pwas/index.html">Nested PWAs: parent</a></li>
<li><a href="nested-pwas/child/index.html">Nested PWAs: child</a></li>
<li><a href="how-does-scope-work/index.html">SW scope installability test: parent scope w/ SW but no app</a></li>
<li><a href="how-does-scope-work/app/index.html">SW scope installability test: child scope w/ no SW but is an app</a></li>
</ul>
<h2>Outdated apps (probably won't work as expected):</h2>
<ul>
<li><a href="explainer-example-old/index.html">Explainer example [old version]</a></li>
<li><a href="windowControlsOverlay-newCSSVars-old/index.html">Window Controls Overlay App with new CSS vars [old version]</a></li>
<li><a href="windowControlsOverlay/index.html">Window Controls Overlay App</a></li>
<li><a href="customTitleBar/index.html">Custom Title Bar</a></li>
<li><a href="customTitleBar-cssVar/index.html">Custom Title Bar using CSS variables + JavaScript</a></li>
<li><a href="customTitleBar-inset-inline/index.html">Custom Title Bar with unsafe-inset-top-inset-inline-start/end</a></li>
<li><a href="customTitleBar-unsafeLR-JSinit/">Custom Title Bar with unsafe-area-top-inset-left/right and JS initialization</a></li>
</ul>
<h2>Non-app pages</h2>
<ul>
<li><a href="nothing/index.html">Empty page with just a DOCTYPE and nothing else. Not sure what this was intended for.</a></li>
</ul>
</body>
</html>