Skip to content

Instantly share code, notes, and snippets.

View jonnyhaynes's full-sized avatar

Jonny Haynes jonnyhaynes

View GitHub Profile
@jonnyhaynes
jonnyhaynes / gist:29657a25acadf069268242cf7fb52eab
Created August 18, 2026 08:19
Explain Like I'm Five. - Claude Output Style
---
name: ELI5
description: keep it simple pls
keep-coding-instructions: true
---
It's been a long day and my brain is fried, talk to me like I'm 5.
Small words, short sentences, short paragraphs. If you have to use a big word, explain it right after. Only return what's actually necessary.
WARNING:
Your email below falls foul of GDPR legalisation for a number of reasons:
1) I didn't sign up to your email list. For consent to be valid under GDPR law, a customer must actively confirm their consent
2) You haven't made it easy for me to unsubscribe. GDPR law requires that you make it easy for people to withdraw consent and tell
them how to do it
3) GDPR requires companies to keep a secure record of these consents.
The GDPR forms part of the data protection regime in the UK, together with the new Data Protection Act 2018 (DPA 2018) and applies to all existing EU subscribers on your email list.
@jonnyhaynes
jonnyhaynes / batch_replace.txt
Created May 10, 2018 08:24
Batch replacing file extensions
find . -name '*.jpg.html' -exec sh -c 'mv "$0" "${0%.jpg.html}.jpg"' {} \;
@jonnyhaynes
jonnyhaynes / ie67891011-css-hacks.txt
Created April 3, 2017 15:51 — forked from ricardozea/ie67891011-css-hacks.txt
IE CSS hacks - IE6, 7, 8, 9, 10, 11
IE6 Only
==================
_selector {...}
IE6 & IE7
==================
*html or { _property: }
IE7 Only
==================
# Compiled source #
###################
*.com
*.class
*.dll
*.exe
*.o
*.so
# Packages #
<!-- SIMPLE SOLUTION -->
<div id="map"></div>
<script>
var map;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8,
icon: '/path/to/image'
});
@jonnyhaynes
jonnyhaynes / index.html
Last active December 10, 2015 14:50
For Shaun
<div class="image image--logo">
Company Name
</div>
<div class="image image--replaced">
Replaced Image Text
</div>
@jonnyhaynes
jonnyhaynes / flickity-fade.scss
Created September 4, 2015 09:21
Quick SCSS tweak to make Flickity fade rather than slide.
.flickity-slider { transform: none !important; }
.slider__item{
left: 0 !important;
opacity: 0;
transition: opacity 0.3s ease-in-out;
&.is-selected{
opacity: 1;
}
@jonnyhaynes
jonnyhaynes / SassMeister-input.scss
Created April 8, 2015 08:11
Generated by SassMeister.com.
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
$fonts: (
'english': ('Helvetica Light', 'Helvetica', 'Droid Sans', 'Arial', 'Arial Unicode MS', sans-serif)
);
$lang-locales: (