Skip to content

Instantly share code, notes, and snippets.

View craigerskine's full-sized avatar
🎮
UX Designer/Developer

Craig @qrayg craigerskine

🎮
UX Designer/Developer
View GitHub Profile
@craigerskine
craigerskine / alpinejs_elasticlunr.html
Last active November 2, 2023 14:13
Elasticlunr and Alpine.js
<!doctype html>
<html lang="en" class="bg-transparent antialiased" x-data="app" x-init="searchData()">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title x-text="site.title"></title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link href="https://fonts.gstatic.com" rel="preconnect" />
<link href="https://fonts.googleapis.com/css2?family=Inter:[email protected]&display=swap" rel="stylesheet" />
@craigerskine
craigerskine / 11ty-gh-pages.md
Last active August 22, 2024 13:47
11ty + Github Pages

11ty + gh-pages

  • Add empty .nojekyll to root.
  • Add scripts command "build": "eleventy" in package.json.
  • Add workflow .github/workflows/eleventy_build.yml.
name: Eleventy Build

on:
 push:
@craigerskine
craigerskine / rutherforb-b-hayes.md
Last active October 4, 2022 14:20
Report on Rutherford B. Hayes

Rutherford B. Hayes was born humbly to his own son RBH Jr. in Delaware, while it was still Ohio, sometime after the French Revolution.

Rejecting a career as a professional speller, he was admitted to the bar in 1845 though he did not drink lustfully from it.

Serving heroically in the Civil War, Hayes admitted later that it was in the Army where he first tasted human flesh.

In 1876 Hayes beat Bill Tilden in a 3-set quarterfinal at Flushing Meadows which caused the electrical college to declare him President of the United States.

Here are a few highlight of his administration:

@craigerskine
craigerskine / .eleventy.js
Created August 26, 2022 15:38
11ty - Markdown Paired Shortcode (for use in templates OTHER than .md)
// let's prep for the markdown stuff, add this to the top of your config
// we are using a plugin here, so markdown can be a truly worthy option
// don't forget to `npm markdown-it-attrs --save` into your project
const markdownIt = require("markdown-it");
const markdownItAttrs = require("markdown-it-attrs");
module.exports = function(eleventyConfig) {
// somewhere in your config block, add this stuff
// you can remove the `.disable('code')` part if you want
@craigerskine
craigerskine / twind.html
Last active August 26, 2022 19:47
Twind Starter
<!doctype html>
<html lang="en" class="motion-safe:(scroll-smooth)" hidden>
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>Tailwind + Twind</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="https://fonts.gstatic.com" rel="preconnect" />
<link href="https://fonts.googleapis.com/css2?family=Inter:[email protected]&display=swap" rel="stylesheet" />
</head>
@craigerskine
craigerskine / safe-popup.html
Created June 2, 2022 12:12
Accessible popup
<a
href="file.html"
onclick="
window.open(this.href,
'_blank',
'width=640,height=480,top=100,left=100,titlebar=no,toolbar=no,location=no,menubar=no,status=no,scrollbars=yes,resizable=yes');
return false;
"
>
Safe Popup
@craigerskine
craigerskine / 2022-05-31.md
Last active June 1, 2022 02:09
Class of 1992 30 Year Planning

30 year blah blah

~ 5/31/2022 notes ~


  • 11/5/2022 @7pm
  • woods golf course
  • 5/per person
  • Customized solo cup?
@craigerskine
craigerskine / the-paragraph.md
Last active May 27, 2022 16:21
the paragraph

As an accountable sixth grade student I should assume the responsibility to see that my work is done and completed to the best of my ability. This will enable me to develop mature work habits, avoid unnecessary work, and reach my full potential as a sixth grade student.

@craigerskine
craigerskine / prose-alt.html
Last active June 10, 2022 16:36
twind prose
<!doctype html>
<html lang="en" class="bg-gray-200 motion-safe:scroll-smooth" hidden>
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="https://fonts.gstatic.com" rel="preconnect" />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;400;600;700;900&display=swap" rel="stylesheet" />
</head>
@craigerskine
craigerskine / twind.config.js
Last active March 9, 2022 13:57
Twind over CDN or skypack
import { tw, setup, theme, silent } from 'https://cdn.skypack.dev/twind'
import { css, apply } from 'https://cdn.skypack.dev/twind/css'
import * as colors from 'https://cdn.skypack.dev/twind/colors'
import { observe } from 'https://cdn.skypack.dev/twind/observe'
setup({
mode: silent,
theme: {
extend: {
colors: {