This repository has been archived by the owner on Nov 17, 2017. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathfallback.html
51 lines (41 loc) · 1.86 KB
/
fallback.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
<!DOCTYPE html>
<!-- the <html> element is wrapped around everything within the page. -->
<html>
<!-- the <head> element is "executed" before the content is loaded. We load
the styling files here -->
<head>
<!-- set the charset to utf-8 -->
<meta charset="utf-8">
<!-- set the viewport (what you see) to the devices' width, so we use the
whole available space -->
<meta name="viewport" content="width=device-width">
<!-- load all the styling files. Those are written in CSS and describe how
every element on the page has to look. -->
<link rel="stylesheet" type="text/css" href="css/base.css">
<!-- the <title> element specifies the title of your application -->
<title>Your app title comes here</title>
</head>
<!-- everything between the <body> element is shown to the user -->
<body>
<header>
<!-- The heading to be shown in offline mode -->
<h1>Your app title comes here</h1>
</header>
<!-- here comes the main content (displayed below the title) -->
<div id="main">
<p>You are currently offline. You came here through the manifest.appcache file.</p>
</div>
<!-- at the bottom of a page, you sometimes see a copyright notice or something similar. This is done with a <footer>
element. In this case, we have a second toolbar with the "update" button and a "save bookmark" button. -->
<footer>
<ul>
<li><button id="save-bookmark">Save bookmark</button></li>
<li><button id="reload" class="reload">Reload</button></li>
</ul>
</footer>
<!-- now we load all the JavaScript files -->
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/webapp.js"></script>
<!-- Based on the Firefox OS Boilerplate App: https://github.com/robnyman/Firefox-OS-Boilerplate-App -->
</body>
</html>