Aaron Culich aculich

How to use `<details>` `<summary>` expandable content on GitHub with Markdown

Firstly, what is <details> <summary>?

The HTML Details Element (<details>) creates a disclosure widget in which information is visible only when the widget is toggled into an "open" state. A summary or label can be provided using the <summary> element. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details.

Example

macOS is a Unix, and not built on Linux.

I think most of us realize that macOS isn't a Linux OS, but what that also means is that instead of shipping with the GNU flavor of command line tools, it ships with the FreeBSD flavor. As such, writing shell scripts which can work across both platforms can sometimes be challenging.

Homebrew

Homebrew can be used to install the GNU versions of tools onto your Mac, but they are all prefixed with "g" by default.

All commands have been installed with the prefix "g". If you need to use these commands with their normal names, you can add a "gnubin" directory to your PATH from your bashrc.

Here is a high level overview for what you need to do to get most of an Android environment setup and maintained.

Prerequisites (for Homebrew at a minimum, lots of other tools need these too):

XCode is installed (via the App Store)
XCode command line tools are installed (xcode-select --install will prompt up a dialog)
Java

Install Homebrew:

ruby -e "$(curl -fsSL https://raw.github.com/Homebrew/homebrew/go/install)"

	# -----------------------------------------------------------------------------
	# AI-powered Git Commit Function
	# Copy paste this gist into your ~/.bashrc or ~/.zshrc to gain the `gcm` command. It:
	# 1) gets the current staged changed diff
	# 2) sends them to an LLM to write the git commit message
	# 3) allows you to easily accept, edit, regenerate, cancel
	# But - just read and edit the code however you like
	# the `llm` CLI util is awesome, can get it here: https://llm.datasette.io/en/stable/

	gcm() {

	# -----------------------------------------------------------------------------
	# AI-powered Git Commit Function
	# Copy paste this gist into your ~/.bashrc or ~/.zshrc to gain the `gcom` command.
	# or add it to ~/.oh-my-zsh/custom/plugins
	#
	# 1) gets the current staged changed diff
	# 2) sends them to an LLM to write the git commit message
	# 3) allows you to easily accept, edit, regenerate, cancel
	# But - just read and edit the code however you like
	# the `llm` CLI util is awesome, can get it here: https://llm.datasette.io/en/stable/

	#!/bin/bash

	# turn GCP (Google Cloud Platform) metadata key/values into shell environment variables

	# Function to fetch metadata and set as environment variable
	fetch_and_export() {
	local path=$1
	local value=$(curl "http://metadata.google.internal/computeMetadata/v1/${path}" -H "Metadata-Flavor: Google" --silent)
	if [ $? -eq 0 ] && [ ! -z "$value" ]; then
	# Convert metadata keys to uppercase and replace invalid characters for shell variable names

	# To automatically start tmux on a remote system
	# add this to the ~/.ssh/config Host stanzas

	# Host remote-with-tmux
	# RequestTTY yes
	# RemoteCommand tmux new -A

	# see also: https://github.com/tmux/tmux/wiki/Clipboard
	# and also: https://blog.jbowen.dev/tips/ssh-tmux/
	# and also: https://www.freecodecamp.org/news/tmux-in-practice-integration-with-system-clipboard-bcd72c62ff7b/

	// paste this into your browser console when looking at when2meet results
	if (!window.OrigAvailableAtSlot) window.OrigAvailableAtSlot = AvailableAtSlot;
	if (!window.OrigAvailableIDs) window.OrigAvailableIDs = AvailableIDs;
	let nameFilter;
	if (nameFilter = document.getElementById('NameFilter')) nameFilter.remove();
	nameFilter = document.createElement('ul');
	nameFilter.id = 'NameFilter';
	document.getElementById('LeftPanel').appendChild(nameFilter);
	const idOn = (id) => document.getElementById(id).checked;
	for (let i = 0; i < PeopleNames.length; i++) {

	// From https://technote.fyi/code/javascript/base32-encoding-and-decoding-in-javascript/
	(function(exports) {
	var base32 = {
	a: "ABCDEFGHIJKLMNOPQRSTUVWXYZ234567",
	pad: "=",
	encode: function (s) {
	var a = this.a;
	var pad = this.pad;
	var len = s.length;
	var o = "";

	function getCSV() {
	result = "Time," + PeopleNames.join(",")+"\n";
	for(let i = 0; i < AvailableAtSlot.length; i++) {
	let slot = $x(`string(//div[@id="GroupTime${TimeOfSlot[i]}"]/@onmouseover)`);
	slot = slot.match(/."(.)".*/)[1];
	result += slot + ",";
	result += PeopleIDs.map(id => AvailableAtSlot[i].includes(id) ? 1 : 0).join(",");
	result+= "\n";
	}
	console.log(result);

Aaron Culich aculich

How to use <details> <summary> expandable content on GitHub with Markdown

Example

macOS is a Unix, and not built on Linux.

Homebrew

How to use `<details>` `<summary>` expandable content on GitHub with Markdown