Discover gists

Cloud images in Proxmox

A script which automates these steps for multiple distros incl. CoreOS, CentOS, Arch and ALpine

create-cloud-template.sh

Steps for creating an Ubuntu 18.04 cloud template

Using a ready-to-use Ubuntu image

Setup Mac OS X

I've done the same process every couple years since 2013 (Mountain Lion, Mavericks, High Sierra, Catalina) and I updated the Gist each time I've done it.

I kinda regret for not using something like Boxen (or anything similar) to automate the process, but TBH I only actually needed to these steps once every couple years...

Modern Device Dimensions for Chrome DevTools

These are modern “Emulated Devices” (a.k.a. responsive dimensions) for Chrome DevTools’ Mobile Device Viewport Mode.

They are specifically Apple devices, subtracting for recent Safari UI (as in window.innerWidth/Height), and cleverly sorted with some dark-arts unicode shenanigans. (This glitchy, unloved portion of the tools sorts lexicographically, because of course it would.) Ergonomics!

Nest Hub Max? Come on. I dropped a bunch of devices that were older and/or close to these dimensions. It obviously doesn’t cover everything (sorry Android/Chrome), but offers a decent spread/increments for common 2023/2024 viewports.

	[{
	"slug": "a",
	"contents": {
	"desktop": {
	"Basic support": {
	"Chrome": {
	"?": "y"
	},
	"Firefox": {
	"notes": {

	<!DOCTYPE html>
	<html>
	<head>
	<title>You Do</title>
	</head>
	<body>

	<div></div>

	</body>

	#!/bin/bash
	set -o errexit

	clear
	printf "\n* This script will download a cloud image and create a Proxmox VM template from it. *\n\n"

	### HOW TO USE
	### Pre-req:
	### - run on a Proxmox 6 server
	### - a dhcp server should be active on vmbr1

	/* Web UI Kit in CSS */
	body {
	background: url('http://f.cl.ly/items/2y0S3r1h3B2h2c3K351y/Tile.png');
	}

	#container {
	width: 300px;
	position: relative;
	margin: 0 auto;
	}

	twitter.com##div[data-testid="cellInnerDiv"]:has(h2):has-text(Discover more) ~ *
	twitter.com##div[data-testid="cellInnerDiv"]:has(h2):has-text(Discover more)