Skip to content

Instantly share code, notes, and snippets.

View haydenbleasel's full-sized avatar
🔮
Working on Eververse

Hayden Bleasel haydenbleasel

🔮
Working on Eververse
View GitHub Profile
@haydenbleasel
haydenbleasel / qz-plash.css
Last active September 19, 2021 04:17
Quartz Plash Wallpaper
figure, form, img, nav, div[aria-hidden], footer, aside:first-of-type, iframe { display: none !important; }
aside { top: 0 !important; }
aside:first-of-type + div { border-left: none; }
main > div { background: white !important; }
#main { padding-top: 0; }
.form {
grid-column: 6 / 11;
@media (--laptop) {
grid-column: 1;
}
}
.form.loading {
opacity: 0.4;
@haydenbleasel
haydenbleasel / react-native-phone-input.js
Created January 25, 2020 12:32
React Native phone input with country code selector
import React, { useState } from 'react';
import CountryPicker from 'react-native-country-picker-modal';
import PNF, { PhoneNumberUtil } from 'google-libphonenumber';
const [countryCode, setCountryCode] = useState('AU');
const [phoneNumber, setPhoneNumber] = useState('');
const phoneUtil = PhoneNumberUtil.getInstance();
function setCode ({ cca2 }) {
setCountryCode(cca2);
@haydenbleasel
haydenbleasel / hellosign.css
Last active May 10, 2019 08:58
CSS to make HelloSign more usable
.l-app .l-app--content {
padding-bottom: 0;
}
main.au {
padding-top: 121px;
}
.l-app .l-app--container {
padding-top: 100px;
@haydenbleasel
haydenbleasel / link-test.js
Created July 29, 2017 09:19
Make sure all the links on your page work.
@haydenbleasel
haydenbleasel / origin.js
Last active July 20, 2017 11:35
Window location origin polyfill (ES6)
if (!window.location.origin) {
const { protocol, hostname, port } = window.location;
window.location.origin = `${protocol}//${hostname}${port ? `:${port}` : ''}`;
}
@haydenbleasel
haydenbleasel / boilerplate.html
Last active April 10, 2019 17:17
A powerful HTML5 boilerplate for the modern web.
<!-- HTML5 Doctype. Remember to delete these comments (Quirks Mode). -->
<!doctype html>
<!-- HTML tag -->
<html lang="">
<!-- Let's get started -->
<head>
<!-- Document settings and metadata -->
@haydenbleasel
haydenbleasel / strikethrough.js
Created April 26, 2016 12:54
Animated strikethrough on hover
$('a').addClass('strikethrough').hover(
(e) => $(e.target).stop().addClass('mouseenter'),
(e) => {
$(e.target).stop().removeClass('mouseenter').addClass('mouseleave');
setTimeout(() => {
$(e.target).stop().removeClass('mouseleave').addClass('no-transition');
}, STIKETHROUGH_DURATION - STIKETHROUGH_OFFSET);
setTimeout(() => {
$(e.target).stop().removeClass('no-transition');
}, STIKETHROUGH_DURATION + STIKETHROUGH_OFFSET);
@haydenbleasel
haydenbleasel / github.js
Created April 24, 2016 05:50
GitHub chart for website.
#github
.row.clearfix
#canvas-container.hidden-xs
canvas#repositories
noscript Sorry, you need Javascript enabled to view this chart.
@haydenbleasel
haydenbleasel / dribbble.html
Last active April 27, 2016 13:45
Dribbble feed for portfolio
#dribbble
.row.clearfix.hidden-xs
noscript Sorry, you need Javascript enabled to view these Dribbble shots.
.column-3
p Simplicity, functionality and accessibility will always remain at the core of my philosphy. I like to combine aspects of print and graphic such as dynamic layouts and typographic flourishes with the principles of modern, minimalism.