egstad

//    __   ___  ___ ____ ____     ___   __   _  _ _  _ __   ___ 
//   /__\ / __)/ __(_  _(_  _)   / __) /__\ ( \( ( \/ /__\ / __)
//  /(__)\\__ ( (__ _)(_ _)(_   ( (__ /(__)\ )  ( \  /(__)\\__ \
// (__)(__(___/\___(____(____)   \___(__)(__(_)\_) \(__)(__(___/

// What you'll need...
// 1. A canvas: <canvas id="asciiCanvas"></canvas>
// 2. An image: <img id="image" src="" alt="">

// Fetch elements

egstad

import LazyLoad from "vanilla-lazyload";
import utils from "./utils";


/* ==========================================================================
   LAZYLOAD
   ==========================================================================
   • Once an element enters viewport, load it up!
   • Handles lazyloading images, iframes, scripts, etc...
   • https://github.com/verlok/lazyload

egstad

import dom from "./dom"
import utils from "./utils"


/* ==========================================================================
   ANIMATE
   ==========================================================================
   • When ".js-animate" elements are in view, ".is-active" class is added.
   • Intersection Observer for modern browsers
   • Scroll event fallback for browsers that don't support Intersection Ob.

egstad

class BreakText {
    constructor ( element, splitAfter ) {
        this.element = document.querySelector( element );
        this.stringOriginal = this.element.textContent;
        this.stringNew = this.stringOriginal.replace( splitAfter, `${splitAfter}\u000A` );
        this.element.innerText = this.stringNew;
    }
}

// How to init

egstad

Tada68 Remapping on Mac

Wanna remap your TADA68? Of course you do, especially if you're like me and use a Mac.

---

STEP 1 — Visit the editor

Click here to visit the site. This website is a piece of absolute horse shit. Enable flash and prepare yourself. View the notes section of this doc for some helpers. Once you're pleased with the layout, compile and save it into your Downloads folder. Name it FLASH.BIN (all caps).

egstad

'use strict';

export const colors = {
  'red': {
    'dark': true,
    'colors': ['d50000']
  },
  'redViolet': {
    'dark': true,
    'colors': ['c51162']

egstad

// Viewport sizes
$vp1 : 40em;
$vp2 : 60em;

@mixin breakpoint($min:$vp1, $max:null) {
  // for max-width
  @if $min == max {
    @media (max-width: $max) { @content; }
  }
  

egstad

// background color change according to cursor position
$(document).mousemove(function (e) {

  var $width = ($(document).width()) / 255;
  var $height = ($(document).height()) / 255;
  var $pageX = parseInt(e.pageX / $width, 10);
  var $pageY = parseInt(e.pageY / $height, 10);

  // rgba($a-$b-$c);
  var $a = $pageX,

egstad

rss2_ns - allows to add new namespaces inside the root XML element;

rss2_head - allows to add to add tags in the feed header;

the_content_feed - allows to modify the content of each Post displayed in the Feed;

rss2_item - allows to add new sub-elements to each (Post) element;

egstad

<?php // don't include the php tag

function custom_search_where($where){
  global $wpdb;
  if (is_search())
    $where .= "OR (t.name LIKE '%".get_search_query()."%' AND {$wpdb->posts}.post_status = 'publish')";
  return $where;
}

function custom_search_join($join){