ben-rogerson

let counter = 0
const isTimeToUpdate = (updateRate = 10) => counter++ % updateRate === 0

ben-rogerson

<?php

class BetterWordPressValetDriver extends BasicValetDriver
{
    /**
     * Determine if the driver serves the request.
     *
     * @param  string  $sitePath
     * @param  string  $siteName
     * @param  string  $uri

ben-rogerson

#set ($releaseId = ${execution.to_revision.revision} + '-' + ${execution.id} )
mkdir -p deploy-cache
mkdir -p shared
mkdir -p releases
if [ "${execution.refresh}" = "true" ]; then echo "Removing: deploy-cache" && rm -rf deploy-cache/*; fi
if [ -d "releases/${releaseId}" ] && [ "${execution.refresh}" = "true" ]; then echo "Removing: releases/${releaseId}" && rm -rf releases/${releaseId}; fi

ben-rogerson

{% set items = [...] %}
{% set itemsPerColumn = (items|length / 2)|round %}

{% for column in items|batch(itemsPerColumn) %}

    <div class="column">
    
        {% for item in column %}

            <div class="item">

ben-rogerson

{
	// Place your snippets for scss here. Each snippet is defined under a snippet name and has a prefix, body and
	// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
	// same ids are connected.
	// Example:
	// "Print to console": {
	// 	"prefix": "log",
	// 	"body": [
	// 		"console.log('$1');",

ben-rogerson

{#

# Craft 3 Templates: Experimenting with Twig Objects as HTML building blocks

Ben Rogerson <info@benrogerson.com.au> 2018

This Gist explores a way to create HTML from a formatted TWIG object. 
I found it encourages a different way of thinking when writing HTML.

Here's an example that uses the emmet shorthand to create a `<button>` with a `<main>` parent.

ben-rogerson

{% set activeQuery = craft.app.request.getParam('q')|default('') %}

{% set searchResults = activeQuery ?
        craft.products({
            search: {
                query: activeQuery,
                subRight: true,
            },
            order: 'score',
    })|merge(

ben-rogerson

import Vue from 'vue/dist/vue.esm';
import axios from 'axios';

Vue.config.productionTip = false

// Information needed for connecting to our CraftQL endpoint
const apiToken = '[ADD KEY HERE]';
const apiUrl = '/api';

ben-rogerson

// Helper: Get a map item from an object that is a few levels deep
@function map-deep-get($map, $keys...) {
	@each $key in $keys {
		$map: map-get($map, $key);
	}
	@return $map;
}

// Define the theme within your project palette

ben-rogerson

<picture>
    <source
        srcset="/some/_1170x658_crop_center-center/man-with-a-dog.webp 1170w,
                /some/_970x545_crop_center-center/man-with-a-dog.webp 970w,
                /some/_750x562_crop_center-center/man-with-a-dog.webp 750w,
                /some/_320x240_crop_center-center/man-with-a-dog.webp 320w"
        sizes="100vw"
        type="image/webp"
    />
    <source