Personal toolkit. Three things in one place.
| Directory | What it is |
|---|---|
src/scss/ |
SCSS implementation of the design system (npm: @asong56/nepenthe) |
lib/ |
Stroma.js — lightweight SEO meta tag generator |
userscript/ |
Browser userscripts |
assets/ |
Shared icons, images, license texts |
templates/ |
Jinja2 macros for the site |
A minimalist 8-point grid UI architecture. Vanilla SCSS, zero JS, semantic HTML first.
Philosophy: Innei Yohaku · Apple HIG · Tidal Design Language
npm install @asong56/nepenthe@use '@asong56/nepenthe/scss/main';
// or pick partials:
@use '@asong56/nepenthe/scss/variables';
@use '@asong56/nepenthe/scss/interactions';See design/DESIGN.md for the full design rationale and token reference.
Lightweight SEO meta tag generator. No dependencies, < 2KB gzipped, SPA & SSR ready.
import Stroma from './lib/stroma.js';
Stroma.init({
title: 'My Page',
description: 'About my page',
schema: 'article',
});See lib/ for the full API and TypeScript types.
| Script | What it does |
|---|---|
bewlias.user.js |
Clean, private Bilibili homepage redesign |
github-enhancer.user.js |
GitHub UI improvements |
playback-speed.user.js |
Persistent playback speed control |
Install via Tampermonkey or Violentmonkey.