[OfflineClockImage] initialize a package
authorJoonghun Park <jh718.park@samsung.com>
Mon, 20 May 2013 12:25:07 +0000 (21:25 +0900)
committerJoonghun Park <jh718.park@samsung.com>
Tue, 21 May 2013 05:07:03 +0000 (14:07 +0900)
Change-Id: Idbd55abacb3865dbfcf791ed95d16a1970d00f3d

css/clock.css [new file with mode: 0755]
css/style.css [new file with mode: 0755]
images/tizen.png [new file with mode: 0755]
index.html [new file with mode: 0755]
js/clock.js [new file with mode: 0755]
tizen.appchche [new file with mode: 0755]

diff --git a/css/clock.css b/css/clock.css
new file mode 100755 (executable)
index 0000000..bb3b3fd
--- /dev/null
@@ -0,0 +1 @@
+output { font: 2em sans-serif; }
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
new file mode 100755 (executable)
index 0000000..2e43828
--- /dev/null
@@ -0,0 +1,11 @@
+* {
+    margin:0;padding:0
+}
+
+h1 {
+    font-size:1.4em;margin:10px 0 20px 10px;color:#6587ac;
+}
+
+h1 + .desc {
+    font-size:0.8em;border-bottom:2px solid #6587ac;margin:-10px 10px 20px;color:#6587ac;
+}
\ No newline at end of file
diff --git a/images/tizen.png b/images/tizen.png
new file mode 100755 (executable)
index 0000000..e2325b4
Binary files /dev/null and b/images/tizen.png differ
diff --git a/index.html b/index.html
new file mode 100755 (executable)
index 0000000..2d3d851
--- /dev/null
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+    <meta name="description" content="SIMPLE CLOCK AND IMAGE CHECK IN OFFLINE - ApplicationCaches Tutorial"/>
+
+    <title>SIMPLE CLOCK AND IMAGE CHECK IN OFFLINE - ApplicationCaches Tutorial</title>
+
+    <link rel="stylesheet" type="text/css" href="css/style.css"/>
+    <script src="js/clock.js"></script>
+</head>
+
+<body>
+    <h1>HTML5 APPLICATION CACHES</h1>
+    <p class="desc">SIMPLE CLOCK AND IMAGE CHECK IN OFFLINE</p>
+
+    <p><strong>WHILE OFFLINE PLEASE RELOAD THIS PAGE</strong></p>
+    <p><output id="clock"></output></p>
+    <img src="images/tizen.png" alt="" />
+</body>
+</html>
diff --git a/js/clock.js b/js/clock.js
new file mode 100755 (executable)
index 0000000..89022a1
--- /dev/null
@@ -0,0 +1,3 @@
+setInterval(function () {\r
+    document.getElementById('clock').value = new Date();\r
+}, 1000);
\ No newline at end of file
diff --git a/tizen.appchche b/tizen.appchche
new file mode 100755 (executable)
index 0000000..061da15
--- /dev/null
@@ -0,0 +1,7 @@
+CACHE MANIFEST
+#VERSION 1.0.0
+CACHE:
+js/clock.js
+css/clock.css
+images/tizen.png
+