gfscott’s gists

gfscott / index.html

Last active February 16, 2023 17:38

Basic dark mode toggler using CSS variables and cookies

	<!-- https://gfscott.com/blog/dark-mode-for-real/ -->

	<!doctype html>
	<html lang="en-CA">
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<script>
	// Get cookie value by name
	function getCookie (name) {

gfscott / index.html

Created June 5, 2017 20:53

SVG Dash Stroke Offset Animation Test

	<div class="c">
	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
	<path class="trace" fill="transparent" stroke="red" stroke-width="4" d="M21 25s91-15 121 17-77 78-77 78 141 2 97 27 24 32 24 32"/>
	</svg>
	</div>

gfscott / related-list-creator.html

Last active March 7, 2017 00:33

Create a list of related links to go at the end of a story on CanadianBusiness.com

gfscott / keybase.md

Created August 2, 2016 16:23

I hereby claim:

I am gfscott on github.
I am gfscott (https://keybase.io/gfscott) on keybase.
I have a public key whose fingerprint is 235C DC32 D0D8 DED1 69FC 0762 2752 D0A7 179C 6306

To claim this, I am signing this object:

gfscott / getJson.js

Created June 17, 2016 19:59

A simple, reusable AJAX helper function for GETting JSON

	// -----------------------------------------------------------------------------
	// SIMPLE REUSABLE AJAX GET JSON FUNCTION
	// A frequent thing I find myself writing in projects is a simple function to
	// get JSON via AJAX. This simple helper does that in a sensible way without
	// needing jQuery or a needlessly complex standalone Ajax library. Get data
	// so you can do stuff with it. That’s all it does. No POSTing, no crazy edge-
	// case error handling.

	function getJson(url, callback) {

gfscott / related-creator.html

Last active March 16, 2017 21:09

Related Link Creator

gfscott / html5-figure-image.php

Last active August 29, 2015 14:21 — forked from rezen/wp.filter.php

	function html5_figure_image( $html, $id, $caption, $title, $align, $url )
	{

	$html5 = "<figure id='post-$id media-$id' class='align-$align'>";
	$html5 .= "<img src='$url' alt='$title' />";
	if ($caption) {
	$html5 .= "<figcaption>$caption</figcaption>";
	}
	$html5 .= "</figure>";

gfscott / wordpress-embed-soundcloud-mini-player.php

Last active February 14, 2023 14:21

Wordpress function to switch auto-embed Soundcloud player from large "visual" version to "mini"

	<?php

	/////////////////////////////////////////////////////////////////////////////////////
	// Ask Wordpress to Embed Soundcloud’s Mini Player Instead of the Large Visual Player
	/////////////////////////////////////////////////////////////////////////////////////
	// Add function to theme’s functions.php file
	// Relevant documentation:
	// https://wordpress.org/support/topic/hookfilter-for-auto-embed-function-of-wp
	// https://wordpress.org/support/topic/filter-hook-for-built-in-oembed-providers-eg-youtube
	// https://developers.soundcloud.com/docs/oembed

gfscott / nginx.conf

Last active August 29, 2015 14:08 — forked from konklone/ssl.rules

	# Basically the nginx configuration I use at konklone.com.
	# I check it using https://www.ssllabs.com/ssltest/analyze.html?d=konklone.com
	#
	# To provide feedback, please tweet at @konklone or email [email protected].
	# Comments on gists don't notify the author.
	#
	# Thanks to WubTheCaptain (https://wubthecaptain.eu) for his help and ciphersuites.
	# Thanks to Ilya Grigorik (https://www.igvita.com) for constant inspiration.

	server {

gfscott / provincely-css.html

Last active December 15, 2015 04:09

HTML to include Provincely CSS in your project

	<link rel="stylesheet" href="provincely.css">
	<!-- Note: double-check @import paths for font files -->

	<!doctype html>
	<html lang="en-CA">
	<head>
	<title>Related Articles List Maker</title>
	<link rel="stylesheet" href="https://cdn.rawgit.com/LeaVerou/awesomplete/58b0004e96c3048bd6c36b3fb18d7d489b260f2c/awesomplete.css">
	<style>
	#search {
	display: block;
	margin-top: 10em;
	margin-left: auto;


	<!doctype html>
	<html lang="en_CA">
	<head>

	<meta charset="utf-8">
	<title>Related Link Builder</title>

	<style>

Graham F. Scott gfscott