Skip to content

Instantly share code, notes, and snippets.

View cytsai1008's full-sized avatar
🙏
Hope nothing broken

CYTsai cytsai1008

🙏
Hope nothing broken
View GitHub Profile
@OrionReed
OrionReed / dom3d.js
Last active April 19, 2025 12:06
3D DOM viewer, copy-paste this into your console to visualise the DOM topographically.
// 3D Dom viewer, copy-paste this into your console to visualise the DOM as a stack of solid blocks.
// You can also minify and save it as a bookmarklet (https://www.freecodecamp.org/news/what-are-bookmarklets/)
(() => {
const SHOW_SIDES = false; // color sides of DOM nodes?
const COLOR_SURFACE = true; // color tops of DOM nodes?
const COLOR_RANDOM = false; // randomise color?
const COLOR_HUE = 190; // hue in HSL (https://hslpicker.com)
const MAX_ROTATION = 180; // set to 360 to rotate all the way round
const THICKNESS = 20; // thickness of layers
const DISTANCE = 10000; // ¯\\_(ツ)_/¯
@CocoaCaa
CocoaCaa / vscode-sawaratsuki-logo.css
Created April 27, 2024 15:50
Visual Studio Code with @sawaratsuki1004's custom logo
.editor-group-watermark {
max-width: 400px !important;
}
.editor-group-watermark > .letterpress {
aspect-ratio: 1920/1080 !important;
background-image:url('https://github.com/SAWARATSUKI/ServiceLogos/blob/c2cf29211b93efe48e5c34451bac5c56f979ab94/VisualStudioCode/VisualStudioCodeRound.png?raw=true') !important;
background-position: center;
}