Skip to content

Instantly share code, notes, and snippets.

@christianboyle
christianboyle / index.html
Created March 9, 2025 20:29
Pokemon Cards Holo effect v2
<svg viewBox="0 0 330 330">
<g>
<path d="M304.394,139.394l-139.39,139.393L25.607,139.393c-5.857-5.857-15.355-5.858-21.213,0.001 c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393s7.794-1.581,10.606-4.394l149.996-150 c5.858-5.858,5.858-15.355,0-21.213C319.749,133.536,310.251,133.535,304.394,139.394z" />
<path d="M154.398,190.607c2.813,2.813,6.628,4.393,10.606,4.393s7.794-1.581,10.606-4.394l149.996-150 c5.858-5.858,5.858-15.355,0-21.213c-5.857-5.858-15.355-5.858-21.213,0l-139.39,139.393L25.607,19.393 c-5.857-5.858-15.355-5.858-21.213,0c-5.858,5.858-5.858,15.355,0,21.213L154.398,190.607z" />
</g>
</svg>
<p class="scroll">Scroll 4 moar!</p>
<!--
yes, im totally cheating here... I built these cards and app in SvelteKit and thought I'd be able to export it into a plain JS file to put in Codepen... however it seems it's not possible, and Codepen can't handle Svelte (yet?), so I deployed to Netlify and linked with an iFrame.
@christianboyle
christianboyle / index.html
Last active July 18, 2023 02:54
eo1 workaround
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<meta name="viewport" content="height=1920; width=1080;">
<style>
html,
body {
margin: 0;
padding: 0;
{
"meta": {
"theme": "elegant"
},
"basics": {
"name": "Christian Boyle",
"label": "JavaScript Developer",
"picture": "",
"email": "[email protected]",
"phone": "913-723-1337",
Verifying my Blockstack ID is secured with the address 1MDokXv8tt9ynGaFGdk4B8LCQ4e4cL9KTt https://explorer.blockstack.org/address/1MDokXv8tt9ynGaFGdk4B8LCQ4e4cL9KTt
/www/voice2 (master ✔) ᐅ grunt dev
Running "clean:server" (clean) task
Cleaning web/styles/voice-bootstrap.css...OK
Cleaning web/styles/voice-bootstrap.css.map...OK
Cleaning web/styles/voice.css...OK
Cleaning web/styles/voice.css.map...OK
Running "less:bootstrap" (less) task
File web/styles/voice-bootstrap.css.map created.
File web/styles/voice-bootstrap.css created
@christianboyle
christianboyle / 0_reuse_code.js
Created September 29, 2015 17:25
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
# Instance files
/local/config.inc
/local/event.db
/local/TEST_BUILD_OVERRIDE
/local/inbox/*
/local/files/*
/local/tmp/*
/locks/*
/logs/*
startiphonesim () {
open /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/Applications/iPhone\ Simulator.app
}
### Keybase proof
I hereby claim:
* I am christianboyle on github.
* I am cb (https://keybase.io/cb) on keybase.
* I have a public key whose fingerprint is 9F20 511E 5526 A6EC D286 3F6C 17DD F33E 40ED DA1D
To claim this, I am signing this object:
@christianboyle
christianboyle / gist:6803399
Last active December 24, 2015 13:09
In Defense of Quentin Hardy's Interpretation of the Breaking Bad Finale
Reference: http://www.quora.com/Breaking-Bad-Series-Finale-Season-5-Episode-16-Felina/How-do-you-feel-about-the-ending-of-the-series-finale-for-Breaking-Bad/answer/Quentin-Hardy?__snids__=197891090&__nsrc__=1
tl;dr: The finale depicted an altered state of reality (final moments of life) and not actual events in the Breaking Bad world.
--
After some reflection, this seems like the correct interpretation for a few reasons:
1. Walt finds the keys. (After a futile attempt at "hot wiring" a vehicle by jamming a screwdriver in the general vicinity of the covered ignition switch.)