Skip to content

Instantly share code, notes, and snippets.

View Jelmerro's full-sized avatar
🔸
🎹 👨‍💻 🍺 💻 🏸

Jelmer van Arnhem Jelmerro

🔸
🎹 👨‍💻 🍺 💻 🏸
67 followers · 7 following
View GitHub Profile
@Jelmerro
Jelmerro / smalltabs.css
Created January 13, 2021 09:59
Small tabs colorscheme for Vieb
#tabs, #tabs > span, #tabs > span > span {height: 2em;padding: 0;margin: 0;}
#tabs > span > img, #tabs .pinned > img {height: .8em;width: .8em;min-height: .8em;min-width: .8em;padding: 0;margin: .1em;}
#tabs .pinned {min-width: 1em !important;max-width: 1em;}
#tabs > span > span {line-height: 1em;}
@Jelmerro
Jelmerro / index.html
Created April 15, 2021 15:05
ipcRenderer connection drops when viewing source
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Hello World!</title>
</head>
<body>
<h1>Hello World!</h1>
<webview src="./index.html"></webview>
</body>
@Jelmerro
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>
@Jelmerro
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
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
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
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
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
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
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>,