Eric Greeff modster

Basic Setup

First turn your project into an npm one with npm init -y

Next install the package of your choice. In this video I used Luxon

npm install luxon

People

People

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Tinting Images with CSS</title>
	<link href="https://fonts.cdnfonts.com/css/brandon-grotesque" rel="stylesheet" />
	<link rel="stylesheet" href="./style.css" />
	<script>

	<!doctype html>
	<script>
	async function load() {
	let say = await import('./say.js');
	say.hi(); // Hello!
	say.bye(); // Bye!
	say.default(); // Module loaded (export default)!
	}
	</script>
	<button onclick="load()">Click me</button>

	export const ockto = `
	MMM. .MMM
	MMMMMMMMMMMMMMMMMMM
	MMMMMMMMMMMMMMMMMMM _________________________________
	MMMMMMMMMMMMMMMMMMMMM \| \|
	MMMMMMMMMMMMMMMMMMMMMMM \| Responsive is better than fast. \|
	MMMMMMMMMMMMMMMMMMMMMMMM \|_ _____________________________\|
	MMMM::- -:::::::- -::MMMM \|/
	MM~:~ 00~:::::~ 00~:~MM
	.. MMMMM::.00:::+:::.00::MMMMM ..

	<!DOCTYPE html>
	<html lang="en">

	<script type="module">
	import { h, Component, render } from 'https://unpkg.com/preact?module';
	import htm from 'https://unpkg.com/htm?module';

	// Initialize htm with Preact
	const html = htm.bind(h);

	<div id="observablehq-283dc2f2"></div>
	<p>Credit: <a href="https://observablehq.com/d/e6d73635a98814b7@519">Bar Chart by Eric Michael Greeff</a></p>

	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@observablehq/inspector@5/dist/inspector.css">
	<script type="module">
	import {Runtime, Inspector} from "https://cdn.jsdelivr.net/npm/@observablehq/runtime@5/dist/runtime.js";
	import define from "https://api.observablehq.com/d/e6d73635a98814b7@519.js?v=3";
	new Runtime().module(define, Inspector.into("#observablehq-283dc2f2"));
	</script>