Skip to content

Instantly share code, notes, and snippets.

View gfscott's full-sized avatar

Graham F. Scott gfscott

35 followers · 23 following
View GitHub Profile
@gfscott
gfscott / pagination.njk
Created August 28, 2025 00:14
11ty pagination with Nunjucks
{% if (pagination.pages.length > 1) %}
<nav class="pagination">
<span>Page: </span>
{% for pageEntry in pagination.pages %}
{% if page.url == pagination.hrefs[ loop.index0 ] %}
<span class="pg" aria-current="page">{{ loop.index }}</span>
{% else %}
<a href="{{ pagination.hrefs[ loop.index0 ] }}">{{ loop.index }}</a>
{% endif %}
{% endfor %}
@gfscott
gfscott / pagination.vto
Last active August 29, 2025 00:09
11ty pagination with Vento
{{ if (pagination.pages.length > 1) }}
<nav class="pagination">
<span>Page: </span>
{{# `pagination.pages` is an array of arrays, so `index` here acts as a counter #}}
{{ for index, _content of pagination.pages }}
{{if pagination.hrefs[index] == page.url}}
<span class="pg" aria-current="page">{{index + 1}}</span>
{{else}}
<a href="{{pagination.hrefs[index]}}">{{index + 1}}</a>
{{/if}}
@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