nfreear’s gists

## 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>

## 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>


## 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>

## 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;

## 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",

## 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;

## 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

## cookie-notice-data-data.js.html
<!doctype html> <title> data-data </title>

<h1> cookie-notice / data-data </h1>


<script
  data-cookie-notice=
  '{ "learnMoreLinkEnabled": true, "learnMoreLinkHref": "/privacy.html", "X-cookieNoticePosition": "top", "debug": true }'
  data-CDN-src="https://unpkg.com/cookie-notice@^1/dist/cookie.notice.min.js"
  src="../src/cookie.notice.js"

## 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>

## 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/
-->