-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
88 lines (82 loc) · 16.3 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
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<title>Service Workers - Web Semantics, Inc.</title>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.2/semantic.min.css">
<style>.masthead.segment,.ui.vertical.segment{border-bottom:none!important}body,h1,h2,h3,h4,h5{color:#4C4845!important}.ui.button{border-radius:2em}.masthead.segment{min-height:700px;padding:1em 0}.masthead .hero{margin-top:5em}.masthead .hero img{width:200px}.masthead .hero .ui.label .info.icon{padding-left:15px}.masthead .hero h1.ui.header{margin-top:.7em;margin-bottom:.2em;font-size:4em;font-weight:400}.masthead .hero p{color:#4e4b48;margin-top:1em;margin-bottom:2em;font-size:1.5em}.ui.footer img{width:24px;vertical-align:middle;margin:0 4px 0 2px}.ui.secondary.menu a.item:hover{background:rgba(76,72,69,1);color:#fff}.masthead h2{font-size:1.7em;font-weight:400}.ui.vertical.stripe{padding:10em 0}.ui.vertical.stripe h3{font-size:2em}.ui.vertical.stripe p{padding:1em 0;font-size:1.33em}.footer.segment{padding:5em 0}</style>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
<script type="text/javascript" >/*base64, larder and gitters*/!function(a){var b="object"==typeof exports&&exports,c="object"==typeof module&&module&&module.exports==b&&module,d="object"==typeof global&&global;d.global!==d&&d.window!==d||(a=d);var e=function(a){this.message=a};e.prototype=new Error,e.prototype.name="InvalidCharacterError";var f=function(a){throw new e(a)},g="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",h=/[\t\n\f\r ]/g,i=function(a){a=String(a).replace(h,"");var b=a.length;b%4==0&&(a=a.replace(/==?$/,""),b=a.length),(b%4==1||/[^+a-zA-Z0-9\/]/.test(a))&&f("Invalid character: the string to be decoded is not correctly encoded.");for(var d,e,c=0,i="",j=-1;++j<b;)e=g.indexOf(a.charAt(j)),d=c%4?64*d+e:e,c++%4&&(i+=String.fromCharCode(255&d>>(-2*c&6)));return i},j=function(a){a=String(a),/[^\0-\xFF]/.test(a)&&f("The string to be encoded contains characters outside of the Latin1 range.");for(var e,h,i,k,b=a.length%3,c="",d=-1,l=a.length-b;++d<l;)e=a.charCodeAt(d)<<16,h=a.charCodeAt(++d)<<8,i=a.charCodeAt(++d),k=e+h+i,c+=g.charAt(k>>18&63)+g.charAt(k>>12&63)+g.charAt(k>>6&63)+g.charAt(63&k);return 2==b?(e=a.charCodeAt(d)<<8,h=a.charCodeAt(++d),k=e+h,c+=g.charAt(k>>10)+g.charAt(k>>4&63)+g.charAt(k<<2&63)+"="):1==b&&(k=a.charCodeAt(d),c+=g.charAt(k>>2)+g.charAt(k<<4&63)+"=="),c},k={encode:j,decode:i,version:"0.1.0"};if("function"==typeof define&&"object"==typeof define.amd&&define.amd)define(function(){return k});else if(b&&!b.nodeType)if(c)c.exports=k;else for(var l in k)k.hasOwnProperty(l)&&(b[l]=k[l]);else a.base64=k}(this);!function(a,b){"function"==typeof define&&define.amd?define([],function(){return a.Larder=b()}):"object"==typeof module&&module.exports?module.exports=b():a.Larder=b()}(this,function(){function e(a,b){for(var c in b)a=a.replace("{{"+c+"}}",b[c]);return a}function f(a,b){d.debug&&console.log("object"==typeof b?e(a,b):a)}var b=(this||global,{VERSION:"1.0.2"}),d={debug:!0,id:"larder",expires:60,useCookie:!0};return b.defaults=function(a){var b;for(b in a||{})d[b]&&(d[b]=a[b])},b.fetch=function(a){var c=JSON.parse(localStorage.getItem(d.id)||"{}"),e=a&&c[a]?c[a]:null,g=(new Date).getTime()/6e4;if(e&&e.timestamp){if(e.timestamp>g)return f("Item ({{id}}) has been retrieved successfully (expires in {{minutes}} minutes)",{id:a,minutes:Math.floor(e.timestamp-g)}),e.value?e.value:null;b.remove(a),f("Item ({{key}}) has expired ({{minutes}}) minute(s) ago and removed from the cache",{key:a,minutes:Math.floor(g-e.timestamp)})}return null},b.save=function(a,b,c){var e=JSON.parse(localStorage.getItem(d.id)||"{}");return"string"==typeof a&&"undefined"!=typeof b&&(e[a]={value:b,timestamp:(new Date).getTime()/6e4+(c||d.expires)},localStorage.setItem(d.id,JSON.stringify(e)),f("Item ({{key}}) has been stored successfully",{key:a})),b},b.remove=function(a){var b=JSON.parse(localStorage.getItem(d.id)||"{}");"string"==typeof a&&b[a]&&(delete b[a],localStorage.setItem(d.id,JSON.stringify(b)))},b.clear=function(){localStorage.removeItem(d.id),f("Cache ({{id}}) has been cleared",{id:d.id})},b}),function(a,b){"function"==typeof define&&define.amd?define(["jQuery","larder","base-64"],function(c,d,e){return a.Gitters=b(c,d,e)}):"object"==typeof module&&module.exports?module.exports=b(require("jquery"),require("larder"),require("base-64")):a.Gitters=b(a.jQuery,a.Larder,a.base64)}(this,function(a,b,c){function g(c,d){var e=b.fetch(c),f=a.Deferred();if(e)return f.resolve(e);try{a.get(c).done(function(a){f.resolve(b.save(c,h(a)))}).error(function(a){l(a.error)})}catch(a){if(d)throw new Error(a);l(a.error)}return f}function h(a){return f.decodeBase64&&a&&a.content>""&&a.encoding&&"base64"===a.encoding&&(a.content=j(a.content)),a}function j(a){return c.decode(a.toString())}function k(a,b){for(var c in b)a=a.replace("{{"+c+"}}",b[c]);return a}function l(a,b){f.debug&&console.log("object"==typeof b?k(a,b):a)}var d={VERSION:"1.0.5"},e="https://api.github.com/repos/{{repo}}/contents/{{path}}?ref={{branch}}",f={};return d.defaults=function(c){var d=a.extend(!0,f,c);return b.defaults({expires:f.expires,debug:f.debug}),d},d.fetch=function(b,c,d,f,h){"function"==typeof c?(f=c,h=d,g(k(e.substring(0,e.indexOf("/contents")),{repo:b}),h).then(function(a){f.call(null,a)})):("function"==typeof d&&(h=f,f=d,d="master"),c="object"==typeof c||"object"==typeof c?c:[c],a.when.apply(a,c.map(function(a){return g(a.indexOf("github.com")!==-1?a:k(e,{repo:b,path:a,branch:d}),h)})).then(function(){f.call(null,c.length>1?arguments:arguments[0])}).fail(function(a){l(a&&a.responseJSON?a.responseJSON.message:"There has been an error")}))},init=function(){f.clearOnStart&&b.clear()},"undefined"==typeof a?console.error("Please install the latest jQuery library"):"undefined"==typeof b?console.error("Please install the latest Larder library"):"undefined"==typeof c?console.error("Please install the latest Base64 library"):a(function(){init()}),d.defaults({debug:!1,clearOnStart:!0,decodeBase64:!0,expires:60}),d});</script>
<script type="text/javascript" src="https://cdn.rawgit.com/websemantics/bragit/0.1.6/bragit.js"></script>
<script type="text/javascript">
// https://madebymike.com.au//writing/service-workers/?utm_source=codropscollective
if ( 'serviceWorker' in navigator && (typeof Cache !== 'undefined' && Cache.prototype.addAll) ) {
navigator.serviceWorker.register('/sw.js');
}
</script>
</head>
<body>
<div class="pusher">
<div class="ui vertical masthead center aligned segment">
<div class="ui text hero container">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="300px">
<g>
<path fill="#d8e5ea" d="M114.67 52.265H99.682c-.588-1.782-1.316-3.498-2.154-5.153l10.613-10.61c4.597-4.597 4.597-12.047 0-16.643-4.595-4.595-12.045-4.595-16.64 0L80.887 30.47c-1.655-.837-3.37-1.566-5.153-2.156V13.33c0-6.5-5.268-11.767-11.766-11.767-6.5 0-11.77 5.268-11.77 11.768v14.986c-1.78.59-3.496 1.32-5.15 2.155L36.44 19.858c-4.598-4.594-12.05-4.594-16.644 0-4.595 4.597-4.595 12.047 0 16.642L30.41 47.11c-.838 1.65-1.565 3.368-2.156 5.152H13.266C6.77 52.264 1.5 57.532 1.5 64.032c0 6.497 5.268 11.765 11.768 11.765h14.986c.59 1.783 1.316 3.498 2.154 5.15l-10.61 10.615c-4.596 4.597-4.596 12.048 0 16.64 2.298 2.3 5.31 3.448 8.32 3.448 3.01 0 6.023-1.15 8.32-3.448l10.61-10.61c1.654.838 3.37 1.562 5.152 2.155v14.986c0 6.498 5.268 11.767 11.768 11.767 6.498 0 11.766-5.27 11.766-11.766V99.747c1.783-.594 3.498-1.317 5.154-2.156L91.5 108.2c2.3 2.3 5.308 3.45 8.32 3.45 3.012 0 6.023-1.15 8.32-3.45 4.597-4.594 4.595-12.046 0-16.64L97.527 80.95c.838-1.654 1.566-3.37 2.154-5.152l14.99-.002c6.5 0 11.768-5.27 11.768-11.765 0-6.5-5.27-11.766-11.767-11.764zM78.06 64.03c0 7.77-6.32 14.09-14.09 14.09S49.877 71.8 49.877 64.03 56.2 49.938 63.97 49.938 78.06 56.26 78.06 64.03z"/>
<animateTransform attributeType="xml" attributeName="transform" type="rotate" from="360 64 64" to="0 64 64" dur="10s" repeatCount="indefinite"/>
</g>
<g>
<path fill="#fff" d="M0 0v128h128V0H0zm63.97 1.563c6.497 0 11.78 5.28 11.78 11.78v14.97c1.783.59 3.47 1.32 5.125 2.156L91.5 19.843c4.596-4.594 12.06-4.594 16.656 0 4.596 4.596 4.596 12.06 0 16.656L97.53 47.125c.84 1.655 1.57 3.343 2.157 5.125h14.97v.03c6.496 0 11.78 5.25 11.78 11.75 0 6.496-5.283 11.75-11.78 11.75l-14.97.032c-.587 1.784-1.318 3.47-2.156 5.126l10.595 10.624c4.595 4.594 4.597 12.03 0 16.626-2.297 2.3-5.3 3.468-8.313 3.468-3.01 0-6.012-1.17-8.312-3.47L80.875 97.596c-1.656.84-3.373 1.562-5.156 2.156v14.97c0 6.495-5.253 11.78-11.75 11.78-6.5 0-11.782-5.283-11.782-11.78V99.75c-1.783-.593-3.472-1.318-5.126-2.156l-10.624 10.594c-2.298 2.297-5.303 3.468-8.313 3.468-3.01 0-6.014-1.17-8.313-3.47-4.596-4.59-4.596-12.027 0-16.624L30.407 80.94c-.838-1.653-1.566-3.343-2.156-5.126H13.28c-6.5 0-11.78-5.284-11.78-11.78 0-6.5 5.285-11.782 11.78-11.782h14.97c.59-1.784 1.318-3.475 2.156-5.125L19.78 36.5c-4.594-4.595-4.594-12.06 0-16.656 4.595-4.594 12.06-4.594 16.657 0L47.063 30.47c1.654-.836 3.344-1.567 5.124-2.157v-14.97c0-6.5 5.282-11.78 11.782-11.78zm0 48.374c-7.77 0-14.095 6.324-14.095 14.094S56.2 78.126 63.97 78.126 78.062 71.8 78.062 64.03 71.74 49.938 63.968 49.938z"/>
<path fill="#33363a" d="M63.97 127.998c-7.316 0-13.27-5.95-13.27-13.266v-13.92c-1.128-.414-2.248-.882-3.35-1.403l-9.85 9.852c-2.507 2.507-5.84 3.888-9.38 3.888-3.545 0-6.877-1.38-9.384-3.888-2.506-2.504-3.886-5.834-3.886-9.378 0-3.544 1.38-6.876 3.886-9.383l9.853-9.855c-.527-1.11-.997-2.23-1.403-3.348h-13.92C5.952 77.297 0 71.347 0 64.032c0-7.316 5.95-13.268 13.266-13.268h13.922c.41-1.12.878-2.242 1.403-3.35L18.74 37.56c-5.172-5.173-5.172-13.59 0-18.765 5.173-5.17 13.59-5.17 18.764 0l9.855 9.856c1.114-.527 2.234-.997 3.347-1.403V13.33C50.702 6.015 56.654.062 63.97.062c7.314 0 13.266 5.952 13.266 13.268v13.92c1.112.405 2.233.874 3.35 1.403l9.854-9.855c5.172-5.17 13.59-5.17 18.764 0 5.172 5.174 5.172 13.592 0 18.764l-9.855 9.853c.525 1.114.995 2.235 1.4 3.35h13.926c3.54 0 6.87 1.38 9.376 3.885 2.506 2.505 3.887 5.837 3.888 9.38 0 7.315-5.95 13.266-13.265 13.266l-13.923.002c-.406 1.115-.875 2.236-1.403 3.35l9.853 9.853c2.506 2.505 3.886 5.836 3.887 9.38 0 3.544-1.38 6.876-3.886 9.38-2.505 2.51-5.836 3.89-9.38 3.89-3.543 0-6.875-1.38-9.382-3.89l-9.854-9.852c-1.104.522-2.225.992-3.352 1.403v13.92c-.002 7.316-5.953 13.267-13.267 13.267zM47.05 96.09c.23 0 .462.053.678.162 1.61.816 3.274 1.513 4.948 2.07.612.205 1.025.778 1.025 1.424v14.986c0 5.66 4.608 10.266 10.27 10.266 5.66 0 10.266-4.605 10.266-10.266V99.746c0-.646.413-1.22 1.026-1.423 1.668-.554 3.334-1.25 4.95-2.07.58-.292 1.28-.18 1.74.278l10.61 10.61c1.94 1.94 4.52 3.01 7.26 3.01 2.743 0 5.32-1.067 7.26-3.007 1.94-1.94 3.008-4.52 3.008-7.26 0-2.744-1.068-5.32-3.008-7.26l-10.615-10.61c-.458-.46-.57-1.16-.278-1.74.83-1.645 1.527-3.31 2.066-4.946.203-.615.777-1.03 1.425-1.03l14.99-.002c5.66 0 10.267-4.604 10.267-10.265 0-2.742-1.07-5.32-3.01-7.26-1.937-1.938-4.514-3.006-7.254-3.006h-14.99c-.648 0-1.223-.416-1.426-1.03-.54-1.638-1.236-3.302-2.067-4.946-.293-.578-.182-1.28.277-1.738l10.613-10.61c4.002-4.004 4.002-10.52 0-14.522-4.005-4.002-10.52-4-14.52 0L81.95 31.532c-.46.458-1.16.57-1.737.277-1.652-.834-3.317-1.53-4.95-2.07-.613-.204-1.028-.778-1.028-1.425V13.33c0-5.66-4.605-10.268-10.265-10.268-5.663 0-10.27 4.607-10.27 10.27v14.985c0 .647-.413 1.22-1.027 1.424-1.634.54-3.298 1.24-4.945 2.07-.576.293-1.278.18-1.737-.277L35.38 20.917c-4.004-4-10.518-4.003-14.522 0-4.002 4.004-4.002 10.52 0 14.52L31.47 46.052c.46.458.57 1.16.278 1.74-.826 1.63-1.523 3.293-2.07 4.946-.203.614-.777 1.028-1.424 1.028H13.266C7.606 53.764 3 58.372 3 64.032s4.606 10.265 10.268 10.265h14.986c.647 0 1.222.415 1.425 1.03.54 1.645 1.236 3.308 2.065 4.942.293.58.182 1.28-.277 1.74L20.856 92.62c-1.938 1.94-3.007 4.518-3.007 7.26 0 2.743 1.067 5.32 3.006 7.258 1.94 1.94 4.52 3.01 7.262 3.01 2.74 0 5.318-1.07 7.26-3.01l10.608-10.61c.288-.29.672-.44 1.06-.44zm16.92-16.47c-8.6 0-15.593-6.993-15.593-15.59S55.37 48.438 63.97 48.438c8.596 0 15.59 6.995 15.59 15.592 0 8.597-6.995 15.59-15.59 15.59zm0-28.182c-6.944 0-12.593 5.648-12.593 12.592 0 6.942 5.648 12.59 12.592 12.59 6.94 0 12.59-5.647 12.59-12.59s-5.65-12.592-12.59-12.592z"/>
<animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 64 64" to="360 64 64" dur="4s" repeatCount="indefinite"/>
</g>
<g>
<path fill="#a7bbc1" d="M 64 42.46875 C 52.110707 42.46875 42.46875 52.110707 42.46875 64 C 42.46875 64.116675 42.466901 64.227516 42.46875 64.34375 L 85.53125 64.34375 C 85.533099 64.227516 85.53125 64.116675 85.53125 64 C 85.53125 52.110707 75.889293 42.46875 64 42.46875 z "/>
<path fill="#33363a" d="M64 41c-12.68 0-23 10.317-23 23 0 12.68 10.317 23 23 23 12.68 0 23-10.317 23-23S76.683 41 64 41zm0 2.945c10.56 0 19.22 8.21 19.98 18.582H44.02c.758-10.372 9.418-18.582 19.98-18.582zm0 40.108c-10.56 0-19.222-8.21-19.98-18.582h39.96C83.22 75.843 74.56 84.054 64 84.054z"/>
<circle cx="63.969" cy="64.015" r="7.251" fill="#fff" transform="matrix(.9816 0 0 .9816 1.208 1.208)"/>
<path fill="#d8e5ea" d="M58.967 69.08c-2.78-2.78-2.78-7.29 0-10.07 2.78-2.778 7.287-2.778 10.066 0"/>
<path fill="#33363a" d="M64 72.63c-2.198 0-4.4-.835-6.075-2.51-3.347-3.35-3.347-8.8 0-12.15 1.623-1.622 3.78-2.515 6.076-2.515 2.295 0 4.452.893 6.074 2.516 3.35 3.35 3.35 8.8 0 12.15C68.4 71.794 66.2 72.63 64 72.63zm0-14.23c-1.508 0-2.924.586-3.99 1.653-2.202 2.202-2.202 5.784 0 7.985 2.2 2.2 5.782 2.2 7.982 0s2.2-5.783 0-7.984c-1.067-1.07-2.483-1.656-3.992-1.656z"/>
<animateTransform attributeType="xml" attributeName="transform" type="rotate" from="360 64 64" to="0 64 64" dur="2s" repeatCount="indefinite"/>
</g>
</svg>
<h1 class="ui header">Service Workers</h1>
<p>Acting on your behalf to keep your users happy.</p>
<a class="ui labeled huge button github-websemantics-service-workers-stars">
<div class="ui grey huge button"> <i class="star icon"></i> Stars </div>
<div class="ui basic grey left pointing label"> <i class="spinner loading icon"></i> </div>
</a>
<a class="ui labeled huge button github-websemantics-service-workers-forks">
<div class="ui grey huge button"> <i class="fork icon"></i> Forks </div>
<div class="ui basic grey left pointing label"> <i class="spinner loading icon"></i> </div>
</a>
<a class="ui grey huge button github-websemantics-service-workers-github"> <i class="github icon"></i> Github </a>
</div>
</div>
<div class="ui vertical footer segment">
<div class="ui container">
<div class="ui stackable divided equal height stackable grid">
<div class="three wide column">
<h4 class="ui header">Github</h4>
<div class="ui link list">
<a href="https://github.com/websemantics/service-workers" class="item">Fork Me</a>
<a href="https://github.com/GoogleChrome/sw-toolbox" class="item">Service Workers Toolbox</a>
</div>
</div>
<div class="three wide column">
<h4 class="ui header">Links</h4>
<div class="ui link list">
<a href="https://madebymike.com.au//writing/service-workers/?utm_source=codropscollective" class="item">Service Workers</a>
<a href="https://jakearchibald.com/2014/offline-cookbook" class="item">The Offline Cookbook</a>
</div>
</div>
<div class="seven wide column">
<h4 class="ui header">Company</h4>
<p>Built with <i class="empty red heart icon"></i> by Web Semantics, Inc.</p>
</div>
</div>
</div>
</div>
</div>
</body>
</html>