Skip to content

Instantly share code, notes, and snippets.

Nick Freear nfreear

Block or report user

Report or block nfreear

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View webchat.template.html
<!doctype html><html lang="en" data-secret-key="__EDIT_ME__" >
<title>Web Chat: Customizing thru style options</title>
<style>
html, body { color: #444; font: 1rem sans-serif; height: 100%; }
body { margin: 0; }
h1 { font-weight: normal; margin: .2rem 1rem; }
#webchat,
#webchat > * {
@nfreear
nfreear / Javascript-editor.html
Last active Nov 28, 2019
Simple Javascript editor using a Web Worker
View Javascript-editor.html
<!doctype html> <title> JS editor using a Web Worker </title>
<style>
body { font: .95rem/1.5 sans-serif; margin: 1rem auto; max-width: 38rem; }
h1 { font-weight: normal; }
button, #console, #editor { font-size: 1.3rem; margin: 1rem 0; padding: .5rem 1rem; }
button { cursor: pointer; }
#editor { cursor: edit; }
#console, #editor { background: #e8e8e8; border: 1px solid #999; }
</style>
View sonic-pi-notepad-24-nov-2019.rb
# Welcome to Sonic Pi v3.1
#
# See :~ https://github.com/samaaron/sonic-pi/blob/master/etc/doc/tutorial/A.07-bizet.md
# Habanera
# use_synth :fm
use_synth :prophet
# live_loop :habanera do
View rosies-sonic-pi-composition-final.rb
# Rosie's Sonic PI composition, 24-Nov-2019
#
# (Sonic PI v3.1 on Mac)
#
# https://projects.raspberrypi.org/en/projects/getting-started-with-sonic-pi
use_synth :pretty_bell
2. times do
play_chord [:Ab4, :C5, :Eb5] # [68, 72, 75]
@nfreear
nfreear / scribbletune-json-yaml-schema.json
Last active Nov 17, 2019
A JSON/ YAML schema for Scribbletune data.
View scribbletune-json-yaml-schema.json
{
"$schema": "http://json-schema.org/schema#",
"$id": "http://yourdomain.com/schemas/scribbletune-json.json",
"title": "Scribbletune-YAML",
"description": "Expose a subset of Scribbletune functionality via declarative YAML."
"#": [
"https://gist.github.com/nfreear/3af427127b75e63f4be842011b3ed7f8",
"https://scribbletune.com/documentation/core/clip",
"https://github.com/scribbletune/scribbletune/blob/master/src/typings.d.ts"
@nfreear
nfreear / scribbletune-editor.html
Last active Nov 14, 2019
Scribbletune editor (Javascript / JSON / YAML) ~~ in the browser!
View scribbletune-editor.html
<!doctype html> <title> Scribbletune — editor </title>
<style> body { font: 1rem/1.6 sans-serif; margin: 1rem auto; max-width: 37rem; } button { font-size: 2rem; margin: 1rem 3rem; } h1 { font-weight:400; } #editor { border: 3px solid #777; border-radius: .3rem; font-size: 1.3rem; } </style>
<center>
<h1> Scribbletune editor </h1>
<button id=start> Start </button> <button id=stop> Stop </button>
</center>
@nfreear
nfreear / bikeometer-track-20191027.kml-geojson.json
Last active Oct 27, 2019
Bike ride :~ Marston Moretaine | GPX/KML data converted to GeoJSON (Bikeometer) | https://mapbox.github.io/togeojson/
View bikeometer-track-20191027.kml-geojson.json
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@nfreear
nfreear / leaflet-circle.js.html
Last active Nov 10, 2019
Leaflet.js — circle / radius (23-Oct-2019)
View leaflet-circle.js.html
<!doctype html> <title> Leaflet.JS — radius </title>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css"
integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
crossorigin="" />
<style> #mapid { height: 180px; } body { font: 1rem sans-serif; color: #333; margin: 0 1rem; } h1 { font-weight: 400; margin: 0; } </style>
<script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js"
integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og=="
@nfreear
nfreear / my-first-typescript.ts
Created Oct 15, 2019
My first typescript / Typescript in 5 minutes.
View my-first-typescript.ts
/*!
My first typescript | NDF, 15-Oct-2019.
https://typescriptlang.org/docs/handbook/typescript-in-5-minutes.html
*/
class Student {
fullName: string;
constructor(public firstName: string, public middleInitial: string, public lastName: string) {
@nfreear
nfreear / www.edtech.institute-index.html
Last active Oct 14, 2019
Redirect to OU-IET ... RDFa markup
View www.edtech.institute-index.html
<!doctype html><html lang="en">
<title>Redirecting to : Institute of Educational Technology, The Open University</title>
<style>
body { color: #333; font: 1rem sans-serif; margin: 1rem auto; max-width: 31rem; }
h1, h2, h3, h4 { font-weight: normal; }
</style>
You can’t perform that action at this time.