Jeremy Keith adactio
adactio
/ sectioningcontenttest.html
Created
November 12, 2011 12:19
Illustration of sectioning content and the outline algorithm in HTML5.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <title>Sectioning Content test</title> | |
| <h1>This is an h1</h1> | |
| <p>That h1 is the heading for the body (a sectioning root).</p> | |
| <div> | |
| <h1>This is another h1</h1> | |
| <p>That h1 is inside a div so it is no different than the first h1.</p> | |
| </div> | |
| <section> |
adactio
/ updateDateTimes.js
Last active
September 11, 2023 05:10
Periodically update the text of `datetime` elements with the relative time elapsed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| (function (win, doc) { | |
| 'use strict'; | |
| if (!doc.querySelectorAll || !win.Intl || !win.Intl.RelativeTimeFormat) { | |
| // doesn't cut the mustard. | |
| return; | |
| } | |
| var rtf = new Intl.RelativeTimeFormat('en', { | |
| localeMatcher: 'best fit', | |
| numeric: 'always', | |
| style: 'long' |
adactio
/ minimal-serviceworker.js
Last active
August 18, 2023 09:15
An attempt at a minimal viable service worker.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Licensed under a CC0 1.0 Universal (CC0 1.0) Public Domain Dedication | |
| // http://creativecommons.org/publicdomain/zero/1.0/ | |
| // HTML files: try the network first, then the cache. | |
| // Other files: try the cache first, then the network. | |
| // Both: cache a fresh version if possible. | |
| // (beware: the cache will grow and grow; there's no cleanup) | |
| const cacheName = 'files'; |
adactio
/ submitFormFromDatalist.js
Last active
July 17, 2023 17:07
HTML's datalist element autocompletes. This script is my attempt to get it to autosubmit as well.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Licensed under a CC0 1.0 Universal (CC0 1.0) Public Domain Dedication | |
| // http://creativecommons.org/publicdomain/zero/1.0/ | |
| (function (win, doc) { | |
| 'use strict'; | |
| // Cut the mustard | |
| if (!doc.querySelectorAll || !doc.querySelectorAll('input[list]') || !win.HTMLDataListElement || !win.addEventListener){ | |
| return; | |
| } | |
| // Loop through each input element with a list attribute |
adactio
/ playSparkline.js
Last active
June 11, 2023 21:17
A function to convert numbers into sound.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Licensed under a CC0 1.0 Universal (CC0 1.0) Public Domain Dedication | |
| // http://creativecommons.org/publicdomain/zero/1.0/ | |
| // Pass in an array of numbers ranging from 0 to 20. | |
| function playSparkline(notes) { | |
| if (!window.AudioContext && !window.webkitAudioContext) { | |
| return; | |
| } | |
| var playing = null; |
adactio
/ basicServiceWorker.js
Last active
March 27, 2023 09:30
A basic Service Worker, for use on, say, a blog.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 'use strict'; | |
| // Licensed under a CC0 1.0 Universal (CC0 1.0) Public Domain Dedication | |
| // http://creativecommons.org/publicdomain/zero/1.0/ | |
| (function() { | |
| // Update 'version' if you need to refresh the cache | |
| var staticCacheName = 'static'; | |
| var version = 'v1::'; |
adactio
/ blogServiceWorker.js
Last active
March 27, 2023 09:26
A Service Worker to progressively enhance a blog by storing assets in a cache, and keeping limited caches of pages and images for offline browsing.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 'use strict'; | |
| // Licensed under a CC0 1.0 Universal (CC0 1.0) Public Domain Dedication | |
| // http://creativecommons.org/publicdomain/zero/1.0/ | |
| (function() { | |
| // A cache for core files like CSS and JavaScript | |
| var staticCacheName = 'static'; | |
| // A cache for pages to store for offline |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| # Licensed under a CC0 1.0 Universal (CC0 1.0) Public Domain Dedication | |
| # http://creativecommons.org/publicdomain/zero/1.0/ | |
| $mysite = 'https://adactio.com/'; // Change this to your website. | |
| $token_endpoint = 'https://tokens.indieauth.com/token'; | |
| $_HEADERS = array(); | |
| foreach(getallheaders() as $name => $value) { |
adactio
/ postToMastodon.php
Last active
December 22, 2022 16:27
A PHP function that posts an update to Mastodon
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| /* | |
| Pass in an array of data with keys for `status` | |
| e.g. | |
| postToMastodon(array( | |
| 'status' => 'Hello, world!' | |
| )); | |
| Include `reply_url` if you're responding to a post |
adactio
/ previewImageUploads.js
Created
May 12, 2022 13:33
Show inline previews of images that are going to be uploaded.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Licensed under a CC0 1.0 Universal (CC0 1.0) Public Domain Dedication | |
| // http://creativecommons.org/publicdomain/zero/1.0/ | |
| (function (win,doc) { | |
| 'use strict'; | |
| if (!win.FileReader || !win.addEventListener || !doc.querySelectorAll) { | |
| // doesn't cut the mustard. | |
| return; | |
| } | |
| doc.querySelectorAll('input[type="file"][accept="image/*"]').forEach( function (fileInput) { |