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 / index.html
Created May 31, 2024 14:13
CSS light/dark mode with manual toggle
<!doctype html>
<html lang="en" data-theme="light">
<head>
<meta charset="UTF-8">
<title>dark mode</title>
<link rel="stylesheet" href="style.css" />
<script src="script.js" defer></script>
</head>
@oelna
oelna / asn1.php
Created January 2, 2024 16:04
Cleaned-up version of the asn1.php script
<?php
// ASN.1 parsing library
// Attribution: http://www.krisbailey.com
// license: unknown
// modified: Mike Macgrivin hide@address.com 6-oct-2010 to support Salmon auto-discovery
// from openssl public keys
class ASN_BASE {
@oelna
oelna / flavor-wheel.svg
Created December 1, 2023 15:54
work-in-progress interactive flavor-profile generator in SVG and JS
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
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
/* 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
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
<!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
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
html {
font: 125%/1.2 system-ui;
background-color: #999;
}
img {
max-width: 100%;
height: auto;
display: block;
}