-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
37 lines (36 loc) · 1.42 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>home</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="style.css">
<script src="javascript/jquery-1.8.2.min.js"></script>
</head>
<body>
<div id="wrapper">
<nav><a href="index.html">Home</a> <a href="page1.html">HTML</a> <a href="page2.html">CSS</a> <a href="page3.html">WEBFONTS</a> <a href="offline.html">offline</a> </nav>
<article id="articletext">
<h1>Read Offline App</h1>
<p>This mini website is a demo for HTML5 based web application ReadOfflineApp. The 3 pages HTML CSS WEBFONTS contain some basic articles, just to fill content with something readable, slightly different from lorem ipsum.
The last page called "offline" contains the basic html structure for reading stored articles when you're offline. The offline.html page is saved in cache manifest and makes calls to localStorage to restore saved articles. Use navigation menu at the top of the page, to browse the site.
</p>
<p>Project hosting : <a href="https://github.com/phbroc/ReadOfflineApp" target="_blank">https://github.com/phbroc/ReadOfflineApp</a></p>
</article>
</div>
<script>
function myOnload()
{
if (!navigator.onLine)
{
document.location.href='offline.html';
}
};
$(document).ready(function() {
// Handler for .ready() called.
console.log('ready');
myOnload();
});
</script>
</body>
</html>