Skip to content

Instantly share code, notes, and snippets.

View oelna's full-sized avatar
😔
The light inside has broken, but I still work

Arno Richter oelna

😔
The light inside has broken, but I still work
View GitHub Profile
@oelna
oelna / flavor-wheel.svg
Created December 1, 2023 15:54
work-in-progress interactive flavor-profile generator in SVG and JS
View flavor-wheel.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View AVMetadataMachineReadableCodeObject+Binary.swift
import Foundation
import AVKit
// This extension is based upon https://www.thonky.com/qr-code-tutorial/data-encoding
extension AVMetadataMachineReadableCodeObject
{
var binaryValue: Data?
{
switch type
{
@oelna
oelna / native-styles.css
Created October 13, 2023 13:05
Native OS styles exposed in the Browser via CSS
View native-styles.css
/* SYSTEM FONTS */
.body { font: -apple-system-body; }
.headline { font: -apple-system-headline; }
.subheadline { font: -apple-system-subheadline; }
.caption1 { font: -apple-system-caption1; }
.caption2 { font: -apple-system-caption2; }
.footnote { font: -apple-system-footnote; }
.short-body { font: -apple-system-short-body; }
@oelna
oelna / relics.txt
Created February 14, 2023 10:38
List of Relics in Slay the Spire
View relics.txt
Akabeko
Anchor
Ancient Tea Set
Art of War
Astrolabe
Bag of Marbles
Bag of Preparation
Bird-Faced Urn
Black Blood
Black Star
@oelna
oelna / grid-demo.html
Created October 7, 2022 13:19
A very basic implementation of a six column grid in HTML and CSS
View grid-demo.html
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<title>Raster Tests</title>
<style>
html {
font: 24px/1.25 system-ui, sans-serif;
}
@oelna
oelna / hash.md
Last active September 23, 2022 15:46
Collection of hash algorithms for frontend/Javascript development
@oelna
oelna / shortcuts.js
Last active April 10, 2022 15:06
Quick $ and $$ wrappers for querySelector
View shortcuts.js
const $ = document.querySelector.bind(document);
const $$ = document.querySelectorAll.bind(document);
@oelna
oelna / flexbox.css
Last active April 1, 2022 14:39
Rasterexperimente mit Flexbox und Grid, HTML-Kurs April 2022
View flexbox.css
html {
font: 125%/1.2 system-ui;
background-color: #999;
}
img {
max-width: 100%;
height: auto;
display: block;
}
@oelna
oelna / cats.txt
Created January 21, 2022 11:08
Katzenrassen
View cats.txt
Abessinier
Ägyptische Mau
American Bobtail Shorthair
American Curl Shorthair
American Shorthair
American Wirehair
Anatoli
Arabische Mau
Asian
Australian Mist
@oelna
oelna / commands.md
Last active June 12, 2020 12:05
A few custom Nightbot commands to use on Twitch
View commands.md

Nightbot custom commands

This is an incomplete list of Nightbot commands I use on my Twitch channel to facilitate the teaching of webdesign. Many commands only generate links to specific sites, but some also offer advanced functionality, such as RNG. You should probably adjust the code, if you'd like to use them.

Random Number

Command: !random
Description: Generate a random number between 1 and 100, or a specific interval
Usage: !random, !random 1 10 or !random 5 20

$(eval if ($(1) && $(2)) {