Skip to content

Instantly share code, notes, and snippets.

View rebane2001's full-sized avatar
🦊

Lyra Rebane rebane2001

🦊
866 followers · 92 following
View GitHub Profile
@rebane2001
rebane2001 / discord-colored-text-generator.html
Last active September 9, 2026 12:20
https://rebane2001.com/discord-colored-text-generator/
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<title>Rebane's Discord Colored Text Generator</title>
<meta charset="UTF-8">
<meta name="description" content="Rebane's Discord Colored Text Generator">
<meta name="author" content="rebane2001">
<style>
/*
@rebane2001
rebane2001 / evil-tailwind.html
Last active August 15, 2026 16:42
Monkey-patch Tailwind CSS to also support attributes (outside of classes)
<script>
const original_querySelectorAll = document.querySelectorAll;
document.querySelectorAll = function () {
if (arguments?.[0] == "[class]" && (new Error().stack).split("\n").filter(e=>e!="Error")?.[1]?.includes?.("tailwindcss/browser"))
return [...original_querySelectorAll.apply(document,["*"])].map(e=>({classList:[...e.classList,...[...e.attributes].map(x=>x.name.replace(/⁄/g,'/'))]}));
return original_querySelectorAll.apply(document,arguments);
}
const original_push = Array.prototype.push;
Array.prototype.push = function () {
if ((s=(new Error().stack).split("\n").filter(e=>e!="Error")?.[1],s)?.includes?.("enter")
@rebane2001
rebane2001 / jellyfin-simple-clipper.js
Last active August 15, 2026 13:02
simple clipper poc for jellyfin
(() => {
let clipButton;
let clipRecorder;
let clipData = [];
let clipTime = 0;
let clipListener;
function clipAction() {
const videoEl = document.querySelector("video");
if (clipTime) {
clipRecorder.onstop = () => {
@rebane2001
rebane2001 / pdubhelper4.html
Last active June 19, 2026 11:34
For making ponydubs
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script crossorigin="anonymous"
src="https://cdn.jsdelivr.net/npm/@ffmpeg/ffmpeg@0.10.1/dist/ffmpeg.min.js"></script>
<title>Pdubhelper4</title>
@rebane2001
rebane2001 / 2d-movement-demo.html
Last active June 11, 2026 14:44
2d movement demo for CSS Clicker training (https://lyra.horse/slides/#2025-congress), based on Corncycle's coquest! game (https://cohost.org/Corncycle/post/362844-div-style-line-hei)
<!--
2d movement demo for CSS Clicker training
>>> https://lyra.horse/slides/#2025-congress
based on Corncycle's coquest! game
>>> https://cohost.org/Corncycle/post/362844-div-style-line-hei
-->
<div style="display:inline-flex;position:relative;overflow:visible;border:1px solid red">
<!-- game map -->
@rebane2001
rebane2001 / css-only-cfworkers-demo.html
Last active June 5, 2026 17:14
CSS + SVG filters only version of https://twitter.com/mattrothenberg/status/2040416074710102300
<!-- i have to warn you, this code SUCKS! i DO NOT recommend using this code, but you can if you want -->
<div style="width:calc(442px + 28px * 2); outline:1px solid #232323; border-radius:8px;position: absolute;top:0;left:0;translate:calc(50vw - 50%) calc(50vh - 50%); box-sizing: border-box;container-type: size;height:600px;contain:strict">
<div style="overflow: clip;contain:strict;width:100%;height:100%;position:absolute">
<div style="padding:28px;display: flex;height:100%;box-sizing:border-box;flex-direction: column;align-items: center;justify-content: center;">
<svg class="nv-block sm:nv-hidden nv-h-6 nv-w-auto" style="width:100px;margin-top:2px" viewBox="0 0 1230.574 519.774" xmlns="http://www.w3.org/2000/svg" aria-label="Cloudflare"><path d="m784.025 512.011 5.872-20.311c6.998-24.169 4.394-46.511-7.349-62.926-10.801-15.122-28.804-24.022-50.666-25.056l-414.114-5.281c-2.788-.147-5.096-1.403-6.518-3.471-1.44-2.123-1.773-4.856-.886-7.478 1.366-4.08 5.41-7.164 9.62-7.349l417.954-5.299c49.576-2.271 103.2
@rebane2001
rebane2001 / discord-pin-compressor.html
Last active May 22, 2026 22:06
This is a simple app that converts Discord pins to Discord messages, which is useful for example when you've reached the pin limit and wish to have more room for new pins.
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<title>Rebane's Discord Pin Compressor</title>
<meta charset="UTF-8">
<meta name="description" content="Rebane's Discord Pin Compressor">
<meta name="author" content="rebane2001">
<style>
/*
@rebane2001
rebane2001 / bad-apple-text-demo.html
Last active May 17, 2026 12:03
bad apple text demo
<canvas id=c width=960 height=800></canvas>
<video id=v src="bad apfel.mp4" controls></video>
<script id=s>
/* Bad Apple text demo by Rebane */
const ctx = c.getContext("2d");
const words = s.textContent.replace(/\n/g,' ').replace(/ +/g,' ').split(/(?=[ ,.(<=])/);
const WIDTH = 960;
const HEIGHT = 720;
const fontSize = 20;
@rebane2001
rebane2001 / _safest-eval-writeup.md
Last active April 21, 2026 19:48

Hack.lu CTF 2023 - Safest Eval (Python jail escape)

Challenge by: realansgar
Writeup by: rebane2001

Overview

The challenge consists of a simple Flask webapp that lets you eval arbitrary Python code in a jail in order to evaluate your solution to a leetcode-style programming challenge. The flag can be retrieved by running the /readflag setuid program. The source code was provided.

Flash challenge website

@rebane2001
rebane2001 / glass-with-controls.html
Last active April 15, 2026 16:21
glass effect test css/svg thing (messy) - demo: https://codepen.io/rebane2001/details/OPVQXMv
<div style="position:absolute;top:-999px;left:-999px">
<svg
id="effectSvg"
width="200"
height="200"
viewBox="0 0 200 200"
xmlns="http://www.w3.org/2000/svg">
<filter id="displacementFilter4">