Joel Hooks joelhooks

Minimal p5 polyfill

This is a very minimal bit of polyfill code for when you want to use some basic p5.js code you wrote, but not pay the performance cost associated with importing the whole kitchen sink.

It basically implements some of the sintactic sugar I use the most from p5.js but using the Canvas api, so that I have the p5 api but without all the magic I'm probably not using in this particular sketch.

Note: Since writing this, I've been pointed to some exciting new research/tooling called Project Cambria https://www.inkandswitch.com/cambria.html I'll likely have to rewrite this article taking that into account. Leaving this up for posterity's sake.

(This series isn't meant to be a primer/tutorial, though we might do something regarding it in the future. For official documentation and starters, see https://developers.cloudflare.com/workers/learning/using-durable-objects.

Further - these are my personal views; I expect to be wrong about a lot of them. Indeed, I'm not paying much attention to presenting these well at the moment, simply writing down thoughts. As such, expect these writeups to change often, particularly as the platform takes shape. I'm also mostly a front end guy, so don't get mad if I get it very wrong. Give me feedback! Always happy to learn and make changes.)

Durable Objects are a fascinating new storage primitive from cloudflare for their workers platform. There's a lot of 'cool'

	# Clone llama.cpp
	git clone https://github.com/ggerganov/llama.cpp.git
	cd llama.cpp

	# Build it
	make clean
	LLAMA_METAL=1 make

	# Download model
	export MODEL=llama-2-13b-chat.ggmlv3.q4_0.bin

	/*
	Made by Elly Loel - https://ellyloel.com/
	With inspiration from:
	- Josh W Comeau - https://courses.joshwcomeau.com/css-for-js/treasure-trove/010-global-styles/
	- Andy Bell - https://piccalil.li/blog/a-modern-css-reset/
	- Adam Argyle - https://unpkg.com/[email protected]/normalize.min.css / https://codepen.io/argyleink/pen/KKvRORE

	Notes:
	- `:where()` is used to lower specificity for easy overriding.
	*/

	#!/bin/bash
	# https://gist.github.com/julianxhokaxhiu/c0a8e813eabf9d6d9873
	# Improved as per feedback from @pascal - https://gist.github.com/julianxhokaxhiu/c0a8e813eabf9d6d9873#gistcomment-3086462
	# brew install optipng pngcrush jpegoptim
	find . -type f -iname "*.png" -exec optipng -nb -nc {} \;
	find . -type f -iname "*.png" -exec pngcrush -rem gAMA -rem alla -rem cHRM -rem iCCP -rem sRGB -rem time -ow {} \;
	find . -type f \( -iname ".jpg" -o -iname ".jpeg" \) -exec jpegoptim -f --strip-all {} \;

	export const getStaticPaths: GetStaticPaths = async () => {
	const filePaths = await getComponentMDXPaths();
	const paths = filePaths.map((filePath) => {
	const extension = path.extname(filePath);
	const name = path.basename(filePath, extension);
	const slug = name.toLowerCase().replace(/\s/g, '-');
	return { params: { slug } };
	});
	return {
	paths,

	let { withProse } = require("./src/remark/withProse");
	let { withSyntaxHighlighting } = require("./src/remark/withSyntaxHighlighting");
	let { withTableOfContents } = require("./src/remark/withTableOfContents");
	let { withExamples } = require("./src/remark/withExamples");
	let { withLayout } = require("./src/remark/withLayout");
	let { withNextLinks } = require("./src/remark/withNextLinks");
	let { VueLoaderPlugin } = require("vue-loader");
	let path = require("path");

	const withMDX = require("@next/mdx")({

	import {MDXProvider} from '@mdx-js/react';
	import {MDXComponents} from 'components/MDX/MDXComponents';
	import {Toc} from 'components/Toc/Toc';
	import * as React from 'react';

	export interface MarkdownProps<Frontmatter> {
	meta: Frontmatter;
	children?: React.ReactNode;
	}

	# View registry settings
	Get-ItemProperty HKLM:\SYSTEM\CurrentControlSet\Enum\HID\\\Device` Parameters FlipFlopWheel -EA 0

	# Change registry settings
	# Reverse mouse wheel scroll FlipFlopWheel = 1
	# Normal mouse wheel scroll FlipFlopWheel = 0
	Get-ItemProperty HKLM:\SYSTEM\CurrentControlSet\Enum\HID\\\Device` Parameters FlipFlopWheel -EA 0 \| ForEach-Object { Set-ItemProperty $_.PSPath FlipFlopWheel 1 }

	# Restore default scroll direction
	# Get-ItemProperty HKLM:\SYSTEM\CurrentControlSet\Enum\HID\\\Device` Parameters FlipFlopWheel -EA 1 \| ForEach-Object { Set-ItemProperty $_.PSPath FlipFlopWheel 0 }