andreas andreasvirkus

🙊

made you look

Quite the butter-fingers of code writing.

andreasvirkus / OtpInput.vue

Created September 1, 2025 19:24

	<template>
	<div class="otp-input my-4 flex justify-center gap-2 text-black">
	<input
	v-for="i of 6"
	:key="i"
	v-model="otp[i - 1]"
	type="tel"
	maxlength="1"
	class="otp-field text-heading"
	required

andreasvirkus / audio-vis.js

Created June 3, 2025 07:00

Audio visualisation with p5.js - drop an MP3 file and then click the page to view the visualisation.

	var canvas,
	bgColor,
	radialArcs = [],
	fft,
	soundFile,
	soundSpectrum;

	function setup() {
	colorMode(HSB,360,100,100); // set colour mode of sketch to HSB (360 degress, 100%, 100%)
	frameRate(60); // set framerate

andreasvirkus / eventBus.ts

Created December 4, 2024 12:33

	export const EventBus = {
	$on (eventType, callback) {
	document.addEventListener(eventType, (ev) => callback(ev.detail))
	},
	$dispatch (eventType, data) {
	const event = new CustomEvent(eventType, { detail: data })
	document.dispatchEvent(event)
	},
	$off (eventType, callback) {
	document.removeEventListener(eventType, callback)

andreasvirkus / singularize.js

Created September 30, 2024 12:49

andreasvirkus / movies

Created July 9, 2024 18:16

like... to watch or something

	The Fountain
	Eternal Sunshine of the Spotless Mind
	Into the Wild
	Ex Machina
	Okja
	Isle of Dogs
	JoJo Rabbit
	The Nice Guys
	Mad Max: Fury Road
	I am Sam

andreasvirkus / resizeImage.js

Created November 15, 2022 17:03

	function resizeImage(el, width, height, quality) {
	var canvas = document.createElement('canvas')
	canvas.width = width
	canvas.height = height
	var context = canvas.getContext('2d')
	context.drawImage(el, 0, 0, width, height)

	try {
	return canvas.toDataURL('image/jpeg', quality)
	} catch (e) {

andreasvirkus / Modal.vue

Last active September 10, 2022 22:03

Simple Vue modal component

andreasvirkus / roundingThatScales.js

Created August 16, 2022 10:28

	const roundingStops = [5, 10, 50, 100, 500, 1000, 5000, 10000, 50000, 100000]

	export const roundToScale = (count, scale = roundingStops) => {
	if (count === 0) return 0

	const nearestIdx = scale.findIndex((s) => s > count)
	let nearest = scale[nearestIdx]
	if (nearestIdx !== 0 && nearest / 2 > count) nearest = scale[nearestIdx - 1] \|\| scale[0]

	return nearest \|\| count

andreasvirkus / strip.js

Created March 2, 2022 07:12

	export const strip = (html: string) => {
	const doc = new DOMParser().parseFromString(html, 'text/html')
	return (doc.body.textContent \|\| '').trim()
	}

andreasvirkus / Editor.vue

Last active April 28, 2025 07:58

Tiptap emoji plugin for Klausapp

	<template>
	<div ref="editor" class="notranslate">
	<div v-show="showSuggestions" ref="suggestions">
	<template v-if="(filteredSuggestions \|\| []).length">
	<div
	v-for="(item, index) in filteredSuggestions.slice(0, 10)"
	:key="index"
	:class="[$style.suggestion, navigatedSuggestionIndex === index && $style.selected]"
	@click="selectSuggestion(item)"
	>

	<template>
	<transition-fade :duration="200">
	<div
	v-if="show"
	:class="$style.backdrop"
	@click="$emit('close')"
	@keydown.stop
	@keyup.esc="handleEscape"
	>
	<dialog v-show="show" ref="dialog" :open="show" :class="$style.modal" tabindex="-1">