Skip to content

Instantly share code, notes, and snippets.

View alexmwalker's full-sized avatar

Alex alexmwalker

View GitHub Profile
@alexmwalker
alexmwalker / shield-keyline.svg
Created February 20, 2025 00:26
Improved Logo SVG test
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@alexmwalker
alexmwalker / zoom-map.svg
Last active February 6, 2025 05:11
Zoomable map using URL Fragments
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@alexmwalker
alexmwalker / test-1-view.svg
Last active February 6, 2025 04:02
An SVG using URL fragments to change the VIEWbox
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@alexmwalker
alexmwalker / map-2.svg
Last active January 19, 2025 07:39
Working Electorate SVG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@alexmwalker
alexmwalker / wha.css
Created January 12, 2025 23:30
Two shakes of a lamb's tail.
body:after {
background-image: url(https://media.surlyhorns.com/monthly_2022_12/wtf.gif.d8cf3e0f68b9d513a555d7f60951434e.gif);
background-size: cover;
display: block;
position: absolute;
content: "";
width: 194px;
height: 194px;
right: 10vw;
bottom: 0;
@alexmwalker
alexmwalker / style.css
Created November 1, 2024 04:31
CSS test
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
:root {
--base-line-height: 24px;
--base-line-ratio: 0.64;
--base-font-size: calc(var(--base-line-height) * var(--base-line-ratio));
--typescale: 1.14;
--typescale-lg: 1.25;
--title-size: clamp(30px, 7vw, 60px);
--stat-font-size: clamp(5rem, 30cqi, 8rem);
--sjs-red: #ee3540;
@alexmwalker
alexmwalker / map.svg
Last active October 16, 2024 07:07
Target CSS test
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@alexmwalker
alexmwalker / sjs.css
Created October 16, 2024 00:16
Test CSS
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
:root {
--base-line-height: 24px;
--base-line-ratio: 18/28;
--base-font-size: calc(var(--base-line-height) * var(--base-line-ratio));
--typescale: 1.25;
--title-size: clamp(30px, 7vw, 60px);
--sjs-red: #ee3540;
--stat-font-size: clamp(5rem, 30cqi, 8rem);
--font-TT-bold: "TT Commons Bold", Roboto, Helvetica, Arial, sans-serif;
@alexmwalker
alexmwalker / icons.svg
Last active November 6, 2024 07:43
A growing collection of icons
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.