treetrum’s gists

treetrum / twig-webpack.js

Created October 10, 2018 06:28

Twig Webpack Copy/Compile

	const Path = require('path');
	const CopyWebpackPlugin = require('copy-webpack-plugin');
	const Twig = require('twig');

	module.exports = {
	mode: 'development',
	entry: './src/app.js',
	output: {
	path: Path.join(__dirname, 'dist'),
	filename: 'bundle.js'

treetrum / index.js

Last active August 19, 2021 09:33

jQuery Slideup & Slidedown replacement with GSAP - TweenLite

	import { TweenLite } from 'gsap';

	const DEFAULT_DURATION = 0.3;

	export const hideElement = (el, speed = DEFAULT_DURATION) => {
	const oldSpacing = { height: el.clientHeight };
	const newSpacing = { height: 0 };
	const additionalSpacingProperties = ['paddingTop', 'paddingBottom', 'marginTop', 'marginBottom'];

	additionalSpacingProperties.forEach(property => {

treetrum / inline-svg-min.js

Last active April 19, 2018 00:17

Automatically inline SVGs when using img tags.

'use strict';(function(){var a=new DOMParser,b=document.querySelectorAll('img[data-svg-inline]');b.forEach(function(c){var d=c.src,e=c.parentNode;fetch(d).then(function(f){return f.text()}).then(function(f){var g=a.parseFromString(f,'image/svg+xml'),h=g.documentElement;e.replaceChild(h,c)})})})();

treetrum / flexFridWithInsideBorders.scss

Last active February 9, 2018 03:36

Sass Mixin to create a flex grid with inside/internal borders Raw

	@mixin flexGridWithInsideBorders( $numberOfColumns, $borderColor: hsl(0, 0, 90%), $borderWidth: 1px, $borderStyle: solid, $numberOfItemsInLastRow: false) {

	// Handle default numberOfItemsInLastRow
	@if ( $numberOfItemsInLastRow == false ) { $numberOfItemsInLastRow: $numberOfColumns; }

	// Setup the base flex grid
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;

treetrum / pdf-one-page-jpg.sh

Created January 24, 2018 03:09

Get a JPEG of the first page of a PDF file

	# Extracts the first page of the PDF
	gs -dSAFER -dNOPAUSE -dBATCH -sDEVICE=pdfwrite -sOutputFile="page1.pdf" -dFirstPage=1 -dLastPage=1 {pdf-file-name}

	# Converts that 1 page PDF into a JPEG
	convert "page1.pdf" {pdf-file-name}.jpg

	# Delete the 1-page pdf
	rm "page1.pdf"

treetrum / remove-comments-wordpress.php

Last active October 9, 2017 22:59

Remove comments on WordPress without a plugin

-<?php
-add_action('init', 'remove_comment_support', 100);
-function remove_comment_support() {
-    // Remove post type support for each post type
-    foreach (get_post_types() as $post_type) {
-        if (post_type_supports( $post_type, 'comments' )) {
-            // Don't remove comment support for shop orders

treetrum / tlm-donation-try-catch.php

Last active June 22, 2017 01:29

	<?php

	// Add contact
	$donation->setContact(
	$safe_data['contact-title'],
	$safe_data['contact-firstname'],
	$safe_data['contact-surname'],
	$safe_data['addressline1'],
	$safe_data['addressline2'],
	$safe_data['suburb'],

treetrum / target-placeholder-text-mixin.scss

Last active September 13, 2016 01:41

Sass mixin for easily target placeholder text within an input.

	@mixin targetPlaceholderText {
	&::-webkit-input-placeholder { @content; }
	&:-moz-placeholder { @content; } // Firefox 18-
	&::-moz-placeholder { @content; } // Firefox 19+
	&:-ms-input-placeholder { @content; }
	}

	// Usage example:
	input {
	@include targetPlaceholderText {

treetrum / previous-next-post-looped.php

Last active August 25, 2021 10:30

Get Next or Previous Post (Looped). Will continue working once end of posts reached.

	<?php
	/**
	* Gets the next post in the current post type, even if is last post
	* Inspired from https://gist.github.com/banago/5603826
	*
	* @method get_next_post_looped
	* @return WordPress Post Object
	*/
	function get_next_post_looped() {
	$post_type = get_post_type();

treetrum / animated-hamburger.scss

Last active September 24, 2016 12:32

	/**
	The following mixin works when @include[ed] onto a div containing three empty spans:

	<div class="animated-hamburger">
	<span></span>
	<span></span>
	<span></span>
	</div>

	To get the animation on click, use the following JQuery:

Sam Davis treetrum