Juan Fernandes juanfernandes

Prerequisites (Mac)

brew install gnupg

Setting up GitHub / GitLab

Check public key ID: gpg --list-secret-keys --keyid-format LONG
Then where it says sec rsa4096/KEY_ID, take the KEY_ID and put it into the command below:
Copy public key: gpg --armor --export KEY_ID | pbcopy
Open up GitHub (or GitLab): open https://github.com/settings/keys

Before anything else:

1Password: The best password manager (Need this early so that I can enter passwords for the rest of the stuff below)

App Store:

Mindnode: Mind Mapping
Keynote: Presentations
Numbers: Spreadsheets
Pages: Documents

ServiceWorker for github pages

This is a ServiceWorker template to turn small github pages into offline ready app.

Why ?

Whenever I make small tools & toys, I create github repo and make a demo page using github pages (like this one).
Often these "apps" are just an index.html file with all the nessesary CSS and JavaScript in it (or maybe 2-3 html/css/js files). I wanted to cache these files so that I can access my tools offline as well.

Notes

Make sure your github pages have HTTPS enforced, you can check Settings > GitHub Pages > Enforce HTTPS of your repository.

Keyboard-only Mac Cheatsheet

Hi, I'm Lorna and I don't use a mouse. I have had RSI issues since a bad workstation setup at work in 2006. I've tried a number of extra hardware modifications but what works best for me is to use the keyboard and only the keyboard, so I'm in a good position and never reaching for anything else (except my coffee cup!). I rather unwisely took a job which required me to use a mac (I've been a linux user until now and also had the ability to choose my tools carefully) so here is my cheatsheet of the apps, tricks and keyboard shortcuts I'm using, mostly for my own reference. Since keyboard-only use is also great for productivity, you may also find some of these ideas useful, in which case at least something good has come of this :)

Apps List

There's more detail on a few of these apps but here is a quick overview of the tools I've installed and found helpful

Tool	Link	Comments

Web Dev Environment Setup

Note: This was for my Ubuntu setup - need to update this for my macbook setup

	/* Visually warn about inaccessible images in feed */
	.status img:not([alt]),
	.status img[alt=""] {
	border-top: 2em solid red;
	}

	/* Highlight private toots, toots only mentioned people can see. From https://mastodon.social/@matuzo */
	.status__wrapper-direct {
	padding-inline-end: 20px;
	}

	/*
	OLD hacky way
	*/
	ul {
	list-style: none;
	padding: 0;
	}

	li {
	position: relative;

	*[class],
	*[id] {
	position: relative;
	outline: 2px dashed red;
	}

	[class]::before, [class]::after,
	*[id]::before,
	*[id]::after {
	position: absolute;

	# Path to Oh My Fish install.
	set -gx OMF_PATH /home/ma2/.local/share/omf

	# Customize Oh My Fish configuration path.
	#set -gx OMF_CONFIG /home/ma2/.config/omf

	set fish_plugins pbcopy

	set fish_greeting ""
	set -x LC_CTYPE ja_JP.UTF-8