Skip to content

Instantly share code, notes, and snippets.

@xloc
xloc / april-tag-tag16h5-for-print.html
Last active November 14, 2025 01:37
populated AprilTag (family tag16h5) for printing
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>April Tag tag16h5 (30 total)</title>
<!-- Tailwind (Play CDN) -->
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
<div class="m-4 flex flex-col gap-8 text-zinc-800">
<div class="flex flex-wrap gap-2">
<div class="grid size-28 cursor-auto place-items-center rounded-2xl border border-zinc-200 bg-white shadow-md">auto</div>
<div class="grid size-28 cursor-default place-items-center rounded-2xl border border-zinc-200 bg-white shadow-md">default</div>
<div class="grid size-28 cursor-pointer place-items-center rounded-2xl border border-zinc-200 bg-white shadow-md">pointer</div>
<div class="grid size-28 cursor-wait place-items-center rounded-2xl border border-zinc-200 bg-white shadow-md">wait</div>
<div class="grid size-28 cursor-help place-items-center rounded-2xl border border-zinc-200 bg-white shadow-md">help</div>
<div class="grid size-28 cursor-not-allowed place-items-center rounded-2xl border border-zinc-200 bg-white shadow-md">not-allowed</div>
<div class="grid size-28 cursor-none place-items-center rounded-2xl border border-zinc-200 bg-white shadow-md">none</div>
<div class="grid size-2
pnpm i @typefox/pyright-browser

pyright init

import { BrowserMessageReader, BrowserMessageWriter, createMessageConnection, type MessageConnection } from 'vscode-languageserver-protocol/browser';

const worker = new Worker(new URL('@typefox/pyright-browser/dist/pyright.worker.js', import.meta.url));
worker.postMessage({ type: 'browser/boot', mode: 'foreground' })
const connection = createMessageConnection(

compile rust to wasm

# in pylyzer project
git clone https://github.com/mtshiba/pylyzer.git
cd pylyzer
cargo install wasm-pack
rustup target add wasm32-unknown-unknown
cd pylyzer_wasm/
wasm-pack build --target web
# copy to vue root
# before any ultralytics import 
import os
os.environ["YOLO_VERBOSE"] = "false"
import PIL
import cv2


class Video:
  def __init__(self, path):
    self.cap = cv2.VideoCapture(path)

 def __len__(self):
from nicegui import ui
ui.run(
    ssl_certfile='localhost.pem',
    ssl_keyfile='localhost-key.pem',
)

for python black formatter psf/black#451

# for single line
np.zeros([640, 480, 3]) # fmt: skip

# for a block of code
# fmt: off 
code = 123
# fmt: on