Skip to content

Commit

Permalink
Rename vars, edit readme file
Browse files Browse the repository at this point in the history
  • Loading branch information
@jonathanzuniga
jonathanzuniga committed Oct 17, 2019
1 parent a1be525 commit defe5bf
Show file tree
Hide file tree
Showing 5 changed files with 99 additions and 157 deletions.
2 changes: 1 addition & 1 deletion README.md
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
# The Infinity Fart

Coming soon.
[Demo](https://jonathanzuniga.github.io/the-infinity-fart/)
42 changes: 23 additions & 19 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,25 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<head>
<meta charset="utf-8" />

<link rel="canonical" href="https://jonathanzuniga.github.io/infinite-fart/" />
<link
rel="canonical"
href="https://jonathanzuniga.github.io/the-infinity-fart/"
/>

<title>Infinity Fart</title>
</head>
<body>
<div id="status"></div>
<title>The Infinity Fart</title>
</head>
<body>
<div id="status"></div>
<div id="infinite" style="height: 2000px"></div>

<div id="infinite" style="height: 2000px"></div>
<script type="text/javascript" src="fartscroll.js"></script>
<script type="text/javascript" src="scripts.js"></script>

<script type="text/javascript" src="fartscroll.js"></script>
<script type="text/javascript" src="scripts.js"></script>

<script type="text/javascript">
// register ServiceWorker, remember to use absolute path!
if (navigator.serviceWorker) {
navigator.serviceWorker.register('/infinite-fart/sw.js', { scope: '/infinite-fart/' })
}
</script>
</body>
</html>
<script type="text/javascript">
// register ServiceWorker, remember to use absolute path!
if (navigator.serviceWorker) {
navigator.serviceWorker.register("/the-infinity-fart/sw.js", {
scope: "/the-infinity-fart/"
});
}
</script>
</body>
</html>
38 changes: 18 additions & 20 deletions scripts.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,30 +2,28 @@
fartscroll();

var scroll = function test() {
console.log(document.getElementById('infinite').style.height)
var el = document.getElementById('infinite');
var newHeight = document.getElementById('infinite').offsetHeight + 10;
el.style.height = newHeight + 'px';
}
window.addEventListener('scroll', scroll, false);

var el = document.getElementById("infinite");
var newHeight = document.getElementById("infinite").offsetHeight + 10;
el.style.height = newHeight + "px";
console.log(el.style.height);
};
window.addEventListener("scroll", scroll, false);

window.addEventListener("load", function() {
var status = document.getElementById("status");

window.addEventListener('load', function() {
var status = document.getElementById('status');
function updateOnlineStatus(event) {
var condition = navigator.onLine ? "online" : "offline";

function updateOnlineStatus(event) {
var condition = navigator.onLine ? 'online' : 'offline';
status.className = condition;
status.innerHTML = condition.toUpperCase();
}

status.className = condition;
status.innerHTML = condition.toUpperCase();
}

window.addEventListener('online', updateOnlineStatus);
window.addEventListener('offline', updateOnlineStatus);
window.addEventListener("online", updateOnlineStatus);
window.addEventListener("offline", updateOnlineStatus);
});

if (navigator.onLine === false) {
alert('You seem to be offline.');
console.log('Is offline.');
}
alert("You seem to be offline.");
console.log("Is offline.");
}
65 changes: 0 additions & 65 deletions service-worker.js
View file

This file was deleted.

109 changes: 57 additions & 52 deletions sw.js
View file
Original file line number Diff line number Diff line change
@@ -1,60 +1,65 @@
var APP_PREFIX = 'infinite-fart_' // Identifier for this app (this needs to be consistent across every cache update)
var VERSION = 'version_01' // Version of the off-line cache (change this value everytime you want to update cache)
var CACHE_NAME = APP_PREFIX + VERSION
var URLS = [ // Add URL you want to cache in this list.
'/infinite-fart/', // If you have separate JS/CSS files,
'/infinite-fart/index.html', // add path to those files here
'/infinite-fart/fartscroll.js',
'/infinite-fart/scripts.js'
]
var APP_PREFIX = "the-infinity-fart_"; // Identifier for this app (this needs to be consistent across every cache update)
var VERSION = "version_01"; // Version of the off-line cache (change this value everytime you want to update cache)
var CACHE_NAME = APP_PREFIX + VERSION;
var URLS = [
// Add URL you want to cache in this list.
"/the-infinity-fart/", // If you have separate JS/CSS files,
"/the-infinity-fart/index.html", // add path to those files here
"/the-infinity-fart/fartscroll.js",
"/the-infinity-fart/scripts.js"
];

// Respond with cached resources
self.addEventListener('fetch', function (e) {
console.log('fetch request : ' + e.request.url)
e.respondWith(
caches.match(e.request).then(function (request) {
if (request) { // if cache is available, respond with cache
console.log('responding with cache : ' + e.request.url)
return request
} else { // if there are no cache, try fetching request
console.log('file is not cached, fetching : ' + e.request.url)
return fetch(e.request)
}
self.addEventListener("fetch", function(e) {
console.log("fetch request : " + e.request.url);
e.respondWith(
caches.match(e.request).then(function(request) {
if (request) {
// if cache is available, respond with cache
console.log("responding with cache : " + e.request.url);
return request;
} else {
// if there are no cache, try fetching request
console.log("file is not cached, fetching : " + e.request.url);
return fetch(e.request);
}

// You can omit if/else for console.log & put one line below like this too.
// return request || fetch(e.request)
})
)
})
// You can omit if/else for console.log & put one line below like this too.
// return request || fetch(e.request)
})
);
});

// Cache resources
self.addEventListener('install', function (e) {
e.waitUntil(
caches.open(CACHE_NAME).then(function (cache) {
console.log('installing cache : ' + CACHE_NAME)
return cache.addAll(URLS)
})
)
})
self.addEventListener("install", function(e) {
e.waitUntil(
caches.open(CACHE_NAME).then(function(cache) {
console.log("installing cache : " + CACHE_NAME);
return cache.addAll(URLS);
})
);
});

// Delete outdated caches
self.addEventListener('activate', function (e) {
e.waitUntil(
caches.keys().then(function (keyList) {
// `keyList` contains all cache names under your username.github.io
// filter out ones that has this app prefix to create white list
var cacheWhitelist = keyList.filter(function (key) {
return key.indexOf(APP_PREFIX)
})
// add current cache name to white list
cacheWhitelist.push(CACHE_NAME)
self.addEventListener("activate", function(e) {
e.waitUntil(
caches.keys().then(function(keyList) {
// `keyList` contains all cache names under your username.github.io
// filter out ones that has this app prefix to create white list
var cacheWhitelist = keyList.filter(function(key) {
return key.indexOf(APP_PREFIX);
});
// add current cache name to white list
cacheWhitelist.push(CACHE_NAME);

return Promise.all(keyList.map(function (key, i) {
if (cacheWhitelist.indexOf(key) === -1) {
console.log('deleting cache : ' + keyList[i] )
return caches.delete(keyList[i])
}
}))
})
)
})
return Promise.all(
keyList.map(function(key, i) {
if (cacheWhitelist.indexOf(key) === -1) {
console.log("deleting cache : " + keyList[i]);
return caches.delete(keyList[i]);
}
})
);
})
);
});

0 comments on commit defe5bf

Please sign in to comment.