johnfmorton

// get all .blade elements
let bladeElements = document.querySelectorAll('.blade');

function handleIntersection(entries) {
  entries.map((entry) => {
    if (entry.isIntersecting) {
      entry.target.classList.add('blade--active');
    } else {
      entry.target.classList.remove('blade--active');
    }

johnfmorton

<?php

/**
 * About this script:
 * This proxy was built with PartyTown.js in mind. https://github.com/BuilderIO/partytown
 * Partytown is a lazy-loaded library to help relocate resource intensive scripts into a
 * web worker, and off of the main thread.
 * Many third-party scripts already provide the correct CORS headers, but not all do.
 * For services that do not add the correct headers, then a reverse proxy to another domain must be used in order to provide the CORS headers.
 * see: https://github.com/BuilderIO/partytown/wiki/Proxying-Requests

johnfmorton

var ambientVideo = document.getElementById("ambientVideo");

/**

// in HTML page

<video muted playsinline id='abientVideo'>
  <source src="my-video-file.webm" type="video/webm">
</video>

johnfmorton

<!-- Revised snippet based on https://www.stefanjudis.com/snippets/a-picture-element-to-load-correctly-resized-webp-images-in-html/ -->
<picture>
  <!-- load avif if supported -->
	<source type="image/avif"
	srcset="image-100x200.avif 100w,
	image-200x400.avif 200w" 
	sizes="
	(max-width: 768px) calc(100vw - 3em),
	(max-width: 1376px) calc(50vw - 8em),
	550px"

johnfmorton

# This script is used to deploy a Craft CMS site on an Arcustech server
# 
# It will clone the git main branch from a private repo into 
# a 'deployments' directory and them create symlinks for the 
# static assets: .env, and 3 directories of assets.
# It then does a composer install of the Craft site. 
# The scripts in the composer file are like this: https://github.com/nystudio107/devmode/blob/f2b231e772026860f75e255c9e22722dac983de8/cms/composer.json#L55
# These scripts update Craft, clear caches, etc.
# Finally, it will symlink the web directory in the newly downloaded files
# to the public folder which is the one used by Arcustech

johnfmorton

// Select the multiselect fields
var mulitSelectFields = document.querySelectorAll('select[multiple]');
// For each field found...
Array.prototype.forEach.call(mulitSelectFields, function(el, i) {
  // count how many selection options are present
  var itemsInSelect = el.length;
  // then set the height with the size attribute to match
  el.setAttribute('size', itemsInSelect);
  // finally remove the scroll indicator for that field
  el.style.overflowY = 'auto';

johnfmorton

<style>
    body {
        background: #282828;
        color: #FFFFFF;
    }
    h1, h2, h3, h4, h5, h6 {
        margin: 1em;
    }
    .fizz {
        color: #FACB3E;

johnfmorton

let mix = require('laravel-mix');
let precss = require("precss");
let tailwindcss = require("tailwindcss");

require('laravel-mix-purgecss');
require('laravel-mix-criticalcss');

class TailwindExtractor {
    static extract(content) {
        return content.match(/[A-z0-9-:\/]+/g) || [];

johnfmorton

/*
This gist is to archive the way we code a "privacy bar", a bit of legal text that must appear 
on each viewing of a page on a site. The act of closing the privacy bar once sets a cookie 
that will make that privacy notice not appear again until the cookie is deleted or expires.

<div class="privacy-bar" id="privacy-bar" style="display: block;">
    <div class="privacy-bar-content">
        <p>We use cookies to make interactions with our websites and services easy and meaningful, 
	to better understand how they are used and to tailor advertising. You can read more and make 
	your cookie choices&nbsp;<a href="#">here</a>. By continuing to use this site you are giving 

johnfmorton

on openTerminal(location, remoteHost, serverPort)
	
    tell application "System Events"
        -- some versions might identify as "iTerm2" instead of "iTerm"
        set isRunning to (exists (processes where name is "iTerm")) or (exists (processes where name is "iTerm2"))
    end tell

    tell application "iTerm"
        activate
        set targetTab to ""