Graham F. Scott gfscott

Staff Content Designer, Shopify

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 / 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) {