Skip to content

Instantly share code, notes, and snippets.

View YoungElPaso's full-sized avatar

Jesse Sutherland YoungElPaso

11 followers · 10 following
View GitHub Profile
@YoungElPaso
YoungElPaso / index.html
Created December 15, 2022 17:48
X-Fade Open and Close
<div id="wc-demo">
<!-- With awaitChildReady attribute set, mds-placeholder will wait for a child component to fire a childready event to set the 'ready' status, which reflected to an attribute of the same name, allowing some styling (in this case become fully opaque). -->
<mds-placeholder awaitChildReady>
<!-- Custom Element for a Open/Close 'Toggle'. -->
<open-close-toggle animate id="demo"></open-close-toggle>
<hr />
<extra-details activeStatus>
<h3 slot="summary">activeStatus true - so open</h3>
<div>
@YoungElPaso
YoungElPaso / dropdown-menu-prototype-using-tachyons-css-and-vue-js.markdown
Last active April 17, 2018 16:22
Dropdown Menu Prototype Using Tachyons CSS and Vue.js
@YoungElPaso
YoungElPaso / ewshack
Created November 27, 2017 16:45
"use strict";
// node-ews for Exchange Web Services API calls.
const EWS = require("node-ews");
// map-json for mapping JSON to something simpler.
const MP = require("map-json");
// require lodash.
const _ = require("lodash");
@YoungElPaso
YoungElPaso / featured-site.md
Last active April 25, 2017 19:10
A template for featured sites
@YoungElPaso
YoungElPaso / index.html
Created April 11, 2017 18:58
Twemoji Preact Component // source https://jsbin.com/madopek
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Twemoji Preact Component</title>
<script src="https://unpkg.com/preact"></script>
<script src="http://twemoji.maxcdn.com/2/twemoji.min.js?2.2.3"></script>
</head>
@YoungElPaso
YoungElPaso / index.html
Created February 28, 2017 19:37
D3 Demos // source https://jsbin.com/quwokus
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>D3 Demos</title>
<script src="https://fb.me/react-15.1.0.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.2.3/d3.min.js"></script>
<script src="https://fb.me/react-dom-15.1.0.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.string/3.3.4/underscore.string.js"></script>
@YoungElPaso
YoungElPaso / x
Created February 13, 2009 20:11
const BASEBLOCK = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at turpis.Ut sit amet lectus nec libero auctor congue. Integer vitae leo ac metuscommodo vulputate. Nam erat tellus, ultricies ac, feugiat eget,adipiscing ut, ante. Quisque magna. Morbi tempor tortor vel diam. Etiamhendrerit nulla eu elit ornare cursus. Maecenas nec leo. Maecenaslacinia imperdiet eros. Donec consequat erat quis justo. Vestibulumante ipsum primis in faucibus orci luctus et ultrices posuere cubiliaCurae; In ut nisi vitae lacus vestibulum posuere. Donec scelerisquefeugiat risus.Phasellus a arcu vitae arcu ornare euismod. Ut malesuada volutpatlectus. Nulla in odio. Vestibulum malesuada. Vivamus non neque.In egetnibh. Quisque vel lacus. Vivamus tincidunt. Sed in justo non duivehicula commodo. Pellentesque dui nunc, imperdiet id, condimentum ac,congue sit amet, magna. Aliquam erat volutpat. Proin vitae justo.Phasellus molestie, enim et mollis luctus, erat dui ultricies quam,tempor vehicula sem lacus nec magna. Curabitur
@YoungElPaso
YoungElPaso / x
Created February 13, 2009 19:49
//Just a little script I made to make my life a little easier. Author - Jesse Sutherland
const BASEBLOCK = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at turpis.Ut sit amet lectus nec libero auctor congue. Integer vitae leo ac metuscommodo vulputate. Nam erat tellus, ultricies ac, feugiat eget,adipiscing ut, ante. Quisque magna. Morbi tempor tortor vel diam. Etiamhendrerit nulla eu elit ornare cursus. Maecenas nec leo. Maecenaslacinia imperdiet eros. Donec consequat erat quis justo. Vestibulumante ipsum primis in faucibus orci luctus et ultrices posuere cubiliaCurae; In ut nisi vitae lacus vestibulum posuere. Donec scelerisquefeugiat risus.Phasellus a arcu vitae arcu ornare euismod. Ut malesuada volutpatlectus. Nulla in odio. Vestibulum malesuada. Vivamus non neque.In egetnibh. Quisque vel lacus. Vivamus tincidunt. Sed in justo non duivehicula commodo. Pellentesque dui nunc, imperdiet id, condimentum ac,congue sit amet, magna. Aliquam erat volutpat. Proin vitae justo.Phasellus molestie, eni
@YoungElPaso
YoungElPaso / x
Created February 12, 2009 18:13
//Just a little script I made to make my life a little easier. Author - Jesse Sutherland
const BASEBLOCK = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at turpis.Ut sit amet lectus nec libero auctor congue. Integer vitae leo ac metuscommodo vulputate. Nam erat tellus, ultricies ac, feugiat eget,adipiscing ut, ante. Quisque magna. Morbi tempor tortor vel diam. Etiamhendrerit nulla eu elit ornare cursus. Maecenas nec leo. Maecenaslacinia imperdiet eros. Donec consequat erat quis justo. Vestibulumante ipsum primis in faucibus orci luctus et ultrices posuere cubiliaCurae; In ut nisi vitae lacus vestibulum posuere. Donec scelerisquefeugiat risus.Phasellus a arcu vitae arcu ornare euismod. Ut malesuada volutpatlectus. Nulla in odio. Vestibulum malesuada. Vivamus non neque.In egetnibh. Quisque vel lacus. Vivamus tincidunt. Sed in justo non duivehicula commodo. Pellentesque dui nunc, imperdiet id, condimentum ac,congue sit amet, magna. Aliquam erat volutpat. Proin vitae justo.Phasellus molestie, eni