Jelmer van Arnhem Jelmerro

🔸

🎹 👨‍💻 🍺 💻 🏸

Jelmerro / index.html

Created August 23, 2022 09:04

atob broken in Electron

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
	<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'">
	<title>Hello World!</title>
	</head>
	<body>
	<webview src="about:blank" />

Jelmerro / index.html

Created February 21, 2022 21:33

Webview crash bad Mojo Message

Jelmerro / index.html

Created September 18, 2021 20:09

ContextIsolation changes page behavior and breaks protonmail login

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title>Hello World!</title>
	</head>
	<body>
	<h1>Hello World!</h1>
	We are using Node.js <span id="node-version"></span>,
	Chromium <span id="chrome-version"></span>,

Jelmerro / index.html

Created September 8, 2021 21:29

Broken _blank links in webview

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
	<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'">
	<meta http-equiv="X-Content-Security-Policy" content="default-src 'self'; script-src 'self'">
	<title>Hello World!</title>
	</head>
	<body>

Jelmerro / verticaltabs-pinned-fullwidth-margin.css

Created May 27, 2021 16:02

Vieb theme: Similar to vertical tabs, but make the pinned tabs occupy a full line and add spacing between tabs to show which are pinned.

	#tabs {overflow-x: hidden;overflow-y: auto;position: absolute;left: 0;width: 15vw;max-height: calc(100vh - 2em);top: 2em;flex-wrap: wrap;}
	#tabs > span {min-height: 1.9em;max-height: 1.9em;min-width: 14vw !important;width: 15vw;}
	#page-container {height: calc(100vh - 2em);position: absolute;top: 2em;left: 15vw;width: 85vw;}
	#app.fullscreen #page-container {height: 100vh;width: 100vw;top: 0;left: 0;}
	#app.tabshidden #page-container {width: 100vw;left: 0;}
	#app.navigationhidden #page-container {height: 100vh;top: 0;}
	#app.navigationhidden #tabs {top: 0;max-height: 100vh;}
	#tabs::-webkit-scrollbar {width: .2em;height: auto;}

	#tabs .pinned {min-width: 14vw !important;max-width: 15vw;width: 14vw;}

Jelmerro / verticaltabs-pinned-fullwidth-rightborder.css

Created May 27, 2021 16:00

Vieb theme: Similar to vertical tabs, but make the pinned tabs occupy a full line and give them a right border to show they are pinned.

	#tabs {overflow-x: hidden;overflow-y: auto;position: absolute;left: 0;width: 15vw;max-height: calc(100vh - 2em);top: 2em;flex-wrap: wrap;}
	#tabs > span {min-height: 1.9em;max-height: 1.9em;min-width: 14vw !important;width: 15vw;}
	#page-container {height: calc(100vh - 2em);position: absolute;top: 2em;left: 15vw;width: 85vw;}
	#app.fullscreen #page-container {height: 100vh;width: 100vw;top: 0;left: 0;}
	#app.tabshidden #page-container {width: 100vw;left: 0;}
	#app.navigationhidden #page-container {height: 100vh;top: 0;}
	#app.navigationhidden #tabs {top: 0;max-height: 100vh;}
	#tabs::-webkit-scrollbar {width: .2em;height: auto;}

	#tabs .pinned {min-width: 14vw !important;max-width: 15vw;width: 14vw;border-right: solid 2px red;}

Jelmerro / minimal-mode.css

Created May 12, 2021 21:55

Vieb theme: Static minimal mode bottom left and clean fullwidth navbar

	:root {
	--mode-pointer-fg: #999;
	--mode-pointer-bg: none;
	--mode-visual-fg: #3af;
	--mode-visual-bg: none;
	}
	#mode {position: fixed;bottom: .3em;left: .3em;background: black;width: 1ch;overflow: hidden;}
	#mode-container {width: 0;}
	#mode-suggestions {display: none;}
	#logo {display: none;}

Jelmerro / index.html

Last active July 12, 2021 13:46

Webview autoplay policy

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title>Hello World!</title>
	</head>
	<body>
	<h1>Hello World!</h1>
	<div style="display: flex">
	<iframe width="300" height="400" src="https://www.learningcontainer.com/wp-content/uploads/2020/05/sample-mp4-file.mp4" title="YouTube video player" frameborder="0" allowfullscreen></iframe>

Jelmerro / index.html

Created April 16, 2021 20:56

maximize and unmaximize don't fire for browserwindow

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
	<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'">
	<meta http-equiv="X-Content-Security-Policy" content="default-src 'self'; script-src 'self'">
	<title>Hello World!</title>
	</head>
	<body>

Jelmerro / index.html

Created April 15, 2021 18:50

webview visibility updates are broken

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title>Hello World!</title>
	<link href="./styles.css" rel="stylesheet">
	</head>
	<body>
	<h1>Hello World!</h1>
	<button class="button1">Toggle display</button>