🐈‍⬛

kj kristoferjoseph

🐈‍⬛

Dream ⌁ Create ⌁ Collaborate

kristoferjoseph / login.js

Created May 24, 2021 19:25

	import html from 'https://registry.begin.com/html'

	export default function Login(state={}) {
	return html`
	<my-page>
	<my-form>
	<my-input></my-input>
	<my-button>Submit</my-button>
	</my-form>
	</my-page>

kristoferjoseph / index.html

Created March 1, 2021 18:12

Color scale prototype

kristoferjoseph / arc-grammar.js

Created December 4, 2020 23:44

Architect arc format grammar for Highlightjs

	module.exports = function(hljs) {
	const LITERALS = [
	'true',
	'false',
	'null'
	].join(' ')
	const BUILTIN = {
	className: 'built_in',
	begin: '^@.*'
	}

kristoferjoseph / gist:31643839117acf165273e3eac40ba5fa

Created November 26, 2020 21:38

Updated and sprankled Hemisu dark theme for Highlightjs

kristoferjoseph / backticks

Created November 18, 2020 17:29

kristoferjoseph / gh-orgs-pagination.html

Last active October 7, 2020 18:48

List all repos for an organization using the GitHub API and pagination Link header.

kristoferjoseph / nested-components.js

Created July 22, 2020 16:56

Wishlist fot SSR html from tagged template literal

	import html from 'super-cool-lib.js'
	import child from './child.js'

	export default function Parent(props) {
	return html`
	<x-parent>
	<x-child></x-child>
	</x-parent>
	`
	}

kristoferjoseph / watch.ts

Last active May 4, 2022 19:33

deno file watcher test runner

	import { exec } from "https://deno.land/x/exec/mod.ts";
	const watcher = Deno.watchFs("./");

	for await (const event of watcher) {
	// if you're curious
	// let kind = event.kind
	// console.log('EVENT KIND: ', kind)
	await exec('clear')
	await exec('deno test --allow-read')
	}

kristoferjoseph / dam-accordion.html

Created March 11, 2020 04:20

Dam Accordian Web Component

	<template id="dam-accordian-template">
	<style>
	:host {
	display: flex;
	flex-direction: column;
	font-family: sans-serif;
	border: 1px solid #DDD;
	border-radius: 2px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.25);
	transition: box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);

kristoferjoseph / dam-counter.html

Created March 10, 2020 03:17

Stock JavaScript Web Component Counter

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Dam Counter</title>
	</head>
	<body>
	<template id="dam-count-template">
	<button class="dam-count-btn"></button>
	</template>