tylersticka

/**
 * This project's actual gulpfile contains much more than this,
 * but these are the relevant bits.
 */

// Node libraries
var fs = require('fs');
var path = require('path');

// Gulp + plugins

tylersticka

// include gulp + template plugin
var gulp = require('gulp');
var template = require('gulp-template');
// include the koTemplates module locally
var koTemplates = require('./koTemplates');

// create the 'templates' task
gulp.task('templates', function () {
  // single-page app, so just pipe through index
  gulp.src('./src/templates/index.html')

tylersticka

/*
 * Format a date using Moment.
 * Usage: {{moment date format="MMMM YYYY"}}
 */

var Handlebars = require('handlebars'),
    _ = require('lodash'),
    moment = require('moment');

Handlebars.registerHelper('moment', function (context, block) {

tylersticka

/**
 * Iterate over a block a given number of times.
 *
 * Usage:
 *   <ul>
 *     {{#times 5}}<li>Item {{@index}}</li>{{/times}}
 *   </ul>
 */

var Handlebars  = require('handlebars');

tylersticka

.media-gallery__item-thumbnail:has(img:not([alt])) {
	position: relative;
}

.media-gallery__item-thumbnail:has(img:not([alt]))::after {
	align-items: center;
	background: rgb(191, 64, 64);
	border-radius: 4px;
	color: #fff;
	content: 'No alt';

tylersticka

// https://cloudfour.com/thinks/video-gifs-are-forever-lets-make-them-better/

class GifLike extends HTMLElement {
  static motionQuery = window.matchMedia(
    "(prefers-reduced-motion: no-preference)"
  );

  connectedCallback() {
    this.video = this.querySelector("video");