Skip to content

Instantly share code, notes, and snippets.

View gfscott's full-sized avatar

Graham F. Scott gfscott

31 followers · 21 following
View GitHub Profile
@gfscott
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
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
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
gfscott / keybase.md
Created August 2, 2016 16:23

Keybase proof

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
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
gfscott / related-creator.html
Last active March 16, 2017 21:09
Related Link Creator
@gfscott
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
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
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 eric@konklone.com.
# 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
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 -->