Instantly share code, notes, and snippets.

View caniuse-multi.js.html
<!doctype html> <title> Compatibility - Can I Use — multi </title>
<style>
iframe[ src *= caniuse ] { border: none; height: 347px; width: 100%; }
</style>
<h1> Can I Use — multi </h1>
<div id="caniuse-multi"> <p> Javascript required. </div>
View pinboard-feed-js.html
<!doctype html> <title> Pinboard JSON feed test </title>
<style>
body { font: 1rem/1.7rem sans-serif; margin: 1rem auto; max-width: 40rem; }
.pinboard-js li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
</style>
<h1> Pinboard JSON feed test </h1>
View self-replicator.js.html
<!doctype html><html lang="en"> <title> Self-replicator HTML + JS </title>
<h1> Self-replicator HTML + JS </h1>
<div id="my-container">
<p><form class="saveForm">
<label>File <input class="filename" value="journey-test.html" required pattern="[a-z][\w\-]+\.html" /></label>
<button type="submit">Save HTML journey</button>
View our-journey-logo.html
<!doctype html> <title> *our-journey logo-text </title>
<style>
.oj-logo-text {
background: #246384; /* Was: #2b6ab7 */
border-radius: 1rem;
color: #fff;
font: 1rem arial,sans-serif;
line-height: normal;
padding: .6rem;
View our-journey-schema.json
{
"#": "https://spacetelescope.github.io/understanding-json-schema/basics.html#hello-world",
"$schema": "http://json-schema.org/schema#",
"id": "https://iet-ou.github.io/our-journey/#2018",
"title": "Our Journey",
"description": "Schema for the 'our-journey' JSON format. (Nick Freear, 27-June-2018)",
"type": "object",
View n-player-js.html
<!doctype html> <title> n-player-js | Loading ... </title>
<meta name="copyright" content=" © Nick Freear, 26-June-2018. " />
<style>
.n-player-js {
background: #eee;
border: 1px solid #ccc;
border-radius: .3rem;
color: #222;
View our-journeys--test-sharing.html
<!doctype html> <title> *Our Journeys - test sharing </title>
<h1> Our Journeys - test sharing </h1>
<p><a href=
"../index.html?j=base64:W3siZUlEIjoicGxhY2UwIiwiZGVzY3JpcHRpb24iOiJ0ZXN0IGRlc2NyaXB0aW9uIDAiLCJlbW90
aWNvbiI6ImhhcHB5IiwiaWNvbiI6InRpbWVsb3N0IiwicG9zdGl0IjoicG9zdCBpdCB0ZXh0In0s
eyJlSUQiOiJwbGFjZTEiLCJkZXNjcmlwdGlvbiI6InRlc3QgZGVzY3JpcHRpb24gMSIsImVtb3Rp
Y29uIjoiaGFwcHkiLCJpY29uIjoidGltZWxvc3QiLCJwb3N0aXQiOiJwb3N0IGl0IHRleHQifSx7
ImVJRCI6InBsYWNlMiIsImRlc2NyaXB0aW9uIjoidGVzdCBkZXNjcmlwdGlvbiAyIiwiZW1vdGlj
View cookie-notice-data-data.js.html
View simple-autosave.js.html
<!doctype html> <html lang="en"> <title> *autosave </title>
<h1> autosave </h1>
<p><label> Field 1 <input id="uniq_id_1" class="autosave" ></label>
<p><label> Field 2 <input class="autosave" ></label>
<p><label> Field 3 <select class="autosave" ><option>Option A</option><option>Option B</option></select>
View buy-me-a-coffee-badge.html
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="258px" data-x-width="70.9083mm" height="13.2292mm"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.2" baseProfile="tiny" xml:lang="en" >
<title>Buy Me A Coffee</title>
<!--
https://www.buymeacoffee.com/
-->