Skip to content

Instantly share code, notes, and snippets.

@jonasmusall
jonasmusall / index.html
Created March 19, 2023 14:06
HTML page template
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="https://vastivety.github.io/img/vastivety.ico">
<!--<link rel="stylesheet" href="main.css">-->
<title></title>
</head>
<body>
@jonasmusall
jonasmusall / index.html
Created April 3, 2022 11:00
Minimal quick start files for loading into Electron Fiddle
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self'">
<link rel="stylesheet" href="./styles.css">
</head>
<body>
<script src="./renderer.js"></script>
</body>
@jonasmusall
jonasmusall / index.html
Created February 18, 2022 12:45
electron/electron [Bug]: Frameless window has sharp corners on Win11 when not resizable
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'">
<title>Hello World!</title>
</head>
<body>
<h1>Hello World!</h1>
</body>
@jonasmusall
jonasmusall / index.html
Created January 16, 2022 15:22
html+css+js dropdown list
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="container">
<div id="bar" onclick="document.getElementById('list').classList.toggle('visible');">
<button id="green"></button>
@jonasmusall
jonasmusall / checkerboard.css
Created September 28, 2021 13:11
Checkerboard pattern without images in CSS
.checkerboard {
--size: 16px;
--color-a: #fff;
--color-b: #ccc;
background-image:
linear-gradient(45deg, var(--color-b) 25%, transparent 25%, transparent 75%, var(--color-b) 75%),
linear-gradient(45deg, var(--color-b) 25%, var(--color-a) 25%, var(--color-a) 75%, var(--color-b) 75%);
background-size: var(--size) var(--size);
background-position:
0px 0px,