benhaldenby’s gists

benhaldenby / osx-for-hackers.sh

Created May 20, 2023 16:26 — forked from brandonb927/osx-for-hackers.sh

OSX for Hackers: Yosemite/El Capitan Edition. This script tries not to be *too* opinionated and any major changes to your system require a prompt. You've been warned.

	#!/bin/sh

	###
	# SOME COMMANDS WILL NOT WORK ON macOS (Sierra or newer)
	# For Sierra or newer, see https://github.com/mathiasbynens/dotfiles/blob/master/.macos
	###

	# Alot of these configs have been taken from the various places
	# on the web, most from here
	# https://github.com/mathiasbynens/dotfiles/blob/5b3c8418ed42d93af2e647dc9d122f25cc034871/.osx

benhaldenby / multi-colour-blur-bg.css

Created December 13, 2022 17:18

Multi-coloured round blurred background #css

	.multi-colour-round-blurred-bg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 192px;
	height: 192px;
	background-image: linear-gradient( -45deg, #bd34fe 50%, #47caff 50% );
	filter: blur(50px);
	border-radius: 50%;

benhaldenby / wp-config.php

Created December 1, 2022 16:55

WordPress multisite wp-config.php

	/* Multisite */
	define( 'WP_ALLOW_MULTISITE', true );
	define( 'SUBDOMAIN_INSTALL', true );
	define( 'DOMAIN_CURRENT_SITE', 'launchpad.ddev.site' );
	define( 'PATH_CURRENT_SITE', '/' );
	define( 'SITE_ID_CURRENT_SITE', 1 );
	define( 'BLOG_ID_CURRENT_SITE', 1 );

benhaldenby / logo.css

Last active December 1, 2022 16:57

Row of logos, consistent sizes #css

	.logo {
	width: 15%;
	aspect-ratio: 3/2;
	object-fit: contain;
	mix-blend-mode: colour-burn;
	}

benhaldenby / hr.css

Last active December 1, 2022 16:57

Attractive HR #css

	<hr data-content="Heading goes here" />
	hr {
	position: relative;
	outline: 0;
	border: 0;
	text-align: center;
	&::before {
	content: '';
	background: #ff0000;
	background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#ff0000), to(transparent));

benhaldenby / Animated hover links.css

Created May 12, 2022 11:13

	a {
	position: relative;
	padding: 0;
	font-weight: bold;
	text-decoration: none;
	background: linear-gradient(to right, #FFE7BD, #FFE7BD),linear-gradient(to right, #9DA0A4, #9DA0A4, #9DA0A4);
	background-size: 100% 2px,0 2px;
	background-position: 100% 100%, 0 100%;
	background-repeat: no-repeat;
	color: #000;

benhaldenby / Scroll indicator (mouse illustration) ALTERNATE.css

Created May 12, 2022 11:13

	<div class="mousey">
	<div class="scroller"></div>
	</div>

	.mousey {
	width: 2px;
	height: 28px;
	margin: auto;
	padding: 7px 10px;
	border: 1px solid #fff;

benhaldenby / Scroll indicator (mouse illustration, animated arrow).css

Created May 12, 2022 11:13

	<a href="#">
	<div id="mouse-scroll">
	<div class="mouse">
	<div class="mouse-in"></div>
	</div>
	<div>
	<span class="down-arrow-1"></span>
	<span class="down-arrow-2"></span>
	<span class="down-arrow-3"></span>
	</div>

benhaldenby / 0_reuse_code.js

Created March 13, 2014 09:43

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

Ben Haldenby benhaldenby