added app cache for offline support

7e9bf689 · diesys · 4e6643d7 · 7e9bf689 · 7e9bf689 · 7e9bf689
Commit 7e9bf689 authored Jan 11, 2017 by diesys 🎈
Expand all Hide whitespace changes
Inline Side-by-side

Showing with 57 additions and 3 deletions

snap.svg-min.js bower_components/Snap.svg/dist/snap.svg-min.js +21 -0

glock.appcache glock.appcache +33 -0

index.html index.html +3 -3

No files found.
--- a/bower_components/Snap.svg/dist/snap.svg-min.js
+++ b/bower_components/Snap.svg/dist/snap.svg-min.js
--- a/glock.appcache
+++ b/glock.appcache
+CACHE MANIFEST
+# Version 1
+
+CACHE:
+manifest.json
+glock.min.js
+style.min.css
+bower_components/Snap.svg/dist/snap.svg-min.js
+jscolor.min.js
+
+#IMAGES
+img/favicon72.png
+img/favicon114.png
+img/favicon144.png
+img/favicon256.png
+img/texture.png
+
+  #howto
+img/howto/ht1.png
+img/howto/ht2.png
+img/howto/ht3.png
+img/howto/ht4.png
+img/howto/ht5.png
+
+#FALLBACK:
+# This will enable imagename4.png to be as a replacement for
+# all resources under the images dir when there is no network connectivity.
+#img/favicon images/favicon256.png
+
+
+#NETWORK:
+# This will prevent other network resources from being accessed.
+#images/imagename5.png
--- a/index.html
+++ b/index.html
 <!DOCTYPE html>
-<html lang="it">
+<html lang="it" manifest="glock.appcache">

 <head>
    <title>Glock</title>
@@ -10,17 +10,17 @@
    <meta name="Keywords" content="clock symmetries time geometry">
    <meta name="Description" content="Glock - Graphic Clock">
    <script src="jscolor.min.js"></script>
-    <script src="dist/snap.svg-min.js"></script>
+    <script src="bower_components/Snap.svg/dist/snap.svg-min.js"></script>
    <script src="glock.min.js"></script>
    <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
    <link rel="stylesheet" href="style.min.css">
+    <link rel="manifest" href="manifest.json">

    <!-- Mobile Specifics -->
    <meta name="HandheldFriendly" content="true"/>
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="MobileOptimized" content="320"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5 maximum-scale=1.0">
-    <link rel="manifest" href="manifest.json">

    <!-- Colors and bars -->
    <!-- Chrome, Firefox OS and Opera -->