johnfmorton

{% capture the_collection %}{{page.collection}}{% endcapture %}
{% if page.collection %}
  {% assign  document = site[the_collection]  %}
{% endif %}
<h1>TITLE: {{ page.title }}</h1>
{% for links in document  %}
{% if forloop.first %}
	{% assign first = links %}
{% endif %}
{% if forloop.last %}

johnfmorton

class InfoPanel extends React.Component {

//   a pre-defined style
  scrollBarStyle = {
      top: 0,
      position: 'absolute',
      width: '18px',
      height: 54,
      background: '#434344'
    }

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 ""

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

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

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

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

# 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

<!-- 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

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

/**

// in HTML page

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