Skip to content

Instantly share code, notes, and snippets.

View knowler's full-sized avatar

Nathan Knowler knowler

147 followers · 160 following
View GitHub Profile
@knowler
knowler / keybase.md
Last active August 29, 2015 14:07

Keybase proof

I hereby claim:

  • I am knowler on github.
  • I am knowler (https://keybase.io/knowler) on keybase.
  • I have a public key whose fingerprint is 68DB B663 00FD 3260 850E 2440 3B3A 57CE 9971 992F

To claim this, I am signing this object:

@knowler
knowler / regolith.sh
Last active March 16, 2021 17:23
#!/bin/bash
# Regolith aka Un-Bedrock
# "But what if we need to hand it off to another agency?" No more!
# This script converts a Bedrock site to a normal WordPress structure.
# Run it from the root of a Bedrock project.
# Created by Nathan Knowler and Daniel Roe
echo "Converting Bedrock to a normal WordPress file structure..."
@knowler
knowler / mp3these.sh
Last active March 16, 2021 17:23
mp3these () {
mkdir -p mp3-320
for input in "$@"
do sox -S $input -C 320 "mp3-320/${input%.*}.mp3"
done
}
@knowler
knowler / wp-active-theme.sh
Last active March 16, 2021 17:23
theme() { cd $(wp theme path)/$(wp option get stylesheet | cut -d/ -f1) }
@knowler
knowler / eject.sh
Last active March 16, 2021 17:23
eject () {
if [ -z "$1" ]; then
echo "No drive specified."
else
dot_clean "/Volumes/$1"
diskutil unmount "$1"
fi
}
@knowler
knowler / flacdown.sh
Last active July 31, 2021 21:33
flacdown () {
mkdir -p converted
for input in "$@"
do sox -S $input -r 44100 -b 16 "converted/$(basename $input)"
done
}
@knowler
knowler / app.css
Last active December 8, 2021 17:06
Potential future with ES Modules and Web Components (multi-file version)
main fancy-article::part(header) {
color: red;
}
aside fancy-article::part(header) {
color: blue;
}
@knowler
knowler / app.css
Last active December 8, 2021 17:07
Potential future with ES Modules and Web Components (single HTML-module version)
main fancy-article::part(header) {
color: red;
}
aside fancy-article::part(header) {
color: blue;
}
@knowler
knowler / custom-element-expander.js
Last active November 10, 2023 19:49
deno run custom-element-expander.js
import {parseHTML} from "https://esm.sh/linkedom";
// This is just so IDEs use HTML syntax highlighting.
const html = String.raw;
const { window, document, customElements, HTMLElement } = parseHTML(html`
<!doctype html>
<html lang="en-ca">
<head>
<meta charset="utf-8">
@knowler
knowler / restart-animations-element.js
Created November 30, 2023 23:49
A web component for restarting all the animations on the page.
export class RestartAnimationsElement extends HTMLElement {
#controller;
get #buttonElement() { return this.shadowRoot.querySelector(':host > button'); }
connectedCallback() {
if (!this.shadowRoot) {
this.attachShadow({mode: 'open'});
this.shadowRoot.innerHTML = `<button type="button" part="button"><slot>Restart Animations</slot></button>`;
this.#controller = new AbortController();