Szm selimhex

Responsive WhatsApp Web

Using Stylus and adding this CSS will get you a responsive UI for WhatsApp Web (which I think is long overdue, come on Meta).

@media (max-width: 747px){
     #app>div>div:last-child>header {
         display: none;
    }
     div:has( > #side):not(:hover) {
         max-width: 80px !important;
 }

Hash and UID tools

hash

hashCode
simpleHash
hash-sum
js-xxhash Web Assembly version
object-hash
SubtleCrypto digest (browser built-in SHA1, SHA256)

Create your own site in the dark web.

There is a lot of misconception around the dark web, and most of the people think that it is not possible to create their own website on Dark web (The Onion network). Today we will set up a website in the Onion/Tor network for free.

As you can see above, I have created my own website in the Tor network, and I've accessed it using the Tor Browser.

This tutorial consists of three steps

	// 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; // ¯\\_(ツ)_/¯

	/**
	* Converts the given string from camel-case to kebab-case.
	* @template T The string to convert the case.
	* @see https://gist.github.com/albertms10/09f14ef7ebdc3ce0e95683c728616253
	* @example
	* type Kebab = CamelToKebab<'exampleVarName'>;
	* // 'example-var-name'
	*/
	type CamelToKebab<S extends string> = S extends `${infer T}${infer U}`
	? U extends Uncapitalize<U>

	# attempting to be the most robust solution for outputting git log as JSON,
	# using only `git` and the standard shell functions, without requiring
	# additional software.

	# - uses traditional JSON camelCase
	# - includes every major field that git log can output, including the body
	# - proper sections for author, committer, and signature
	# - multiple date formats (one for reading, ISO for parsing)
	# - should properly handle (most? all?) body values, even those that contain
	# quotation marks and escaped characters

	/*
	This svelte store is a reference to make super quick live and interactive pieces of code.
	See its announcement at https://www.youtube.com/watch?v=A8jkJTWacow&t=18579s
	*/

	type Options<T> = {
	validator: (data: T) => void;
	};

	export function live<T>(path: string, initialValue: T, options?: Options<T>) {

	/* define some global values */
	:root {
	color-scheme: light dark; /* this is required so iOS knows we support display modes at all */

	--system-color-blue: rgba(0,122,255,1);
	--system-color-green: rgba(52,199,89,1);
	--system-color-indigo: rgba(88,86,214,1);
	--system-color-orange: rgba(255,149,0,1);
	--system-color-pink: rgba(255,45,85,1);
	--system-color-purple: rgba(175,82,222,1);

	<!DOCTYPE html>
	<html lang="de">
	<head>
	<!-- Encoding des Dokuments festlegen -->
	<meta charset="utf-8" />
	<title>Meta und Link Tags</title>

	<meta name="description" content="The MDN Web Docs Learning Area aims to provide complete beginners to the Web …" />
	<meta name="author" content="Chris Mills" />
	<meta name="copyright" content="1998, your name" />

	<!DOCTYPE html>
	<html>
	<head>
	<title>SVG image maps</title>
	</head>
	<body>

	<!-- https://wiki.selfhtml.org/wiki/SVG/Tutorials/responsive_Imagemaps -->
	<!-- https://n-peugnet.github.io/image-map-creator/ -->