Skip to content

Instantly share code, notes, and snippets.

View egillespie's full-sized avatar

Erik Gillespie egillespie

36 followers · 41 following
View GitHub Profile
@egillespie
egillespie / index.html
Created November 1, 2021 03:26
A web component as a module
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Web components as ES Modules</title>
<link rel="preload" href="page-title.mjs" as="script" crossorigin="anonymous">
</head>
<body>
<page-title></page-title>
<script src="page-title.mjs" type="module"></script>
@egillespie
egillespie / app.css
Last active December 6, 2020 03:34 — forked from chrisvfritz/app.css
Joke-a-tron 9000
h1 {
text-align: center;
}
#joke-box {
padding: 20px;
background-color: #f9f7f5;
}
#joke-box p:last-child {
@egillespie
egillespie / index.html
Last active March 25, 2021 23:46
Woofer - Anonymous messaging
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>🐾 Woofer</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<main class="container">
@egillespie
egillespie / clicky.js
Created March 31, 2017 16:25
Clicky Clicky
var startButton = document.getElementById('start-button')
var bestResult = document.getElementById('best-result')
var timeResult = document.getElementById('time-result')
var TICK_INTERVAL = 1
var NUM_CLICKIES = 10
var CLICKY_SIZE = 50
var timer, time, best
@egillespie
egillespie / index.html
Last active March 21, 2017 02:27
Sassy Components
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Sassy Components</title>
<link rel="stylesheet" href="compiled/css/style.css">
</head>
<body>
<p><a href="#">My color palette</a></p>
<h1>Heading One</h1>