Dominik Wilkowski dominikwilkowski

SVG with two colors embedded

Original article: https://aaronparecki.com/2016/07/29/10/git-tower and https://github.com/pstadler/keybase-gpg-github

Install https://gpgtools.org/

Install https://keybase.io/

Create a new GPG key on keybase.io ore transfer your old one

Set up Git to sign all commits

Case 1

This seems super easy and should be simple... (Famous last words)

<div class="a b"></div>

.a {

ANSI escape sequences

ANSI escape sequences can be printed to a shell to as instructions. The below is a list of codes I have used often in my CLI programs and I find myself looking up over and over again.

A great article about it can be found here.

Content

Colors

Emoji component

Read more about why you need this in this excellent article: https://adrianroselli.com/2016/12/accessible-emoji-tweaked.html

Generate a leaner SVG from QR-Code-generator

This is a quick function that can convert a QR code generated with the rust version of QR-Code-generator into a much smaller SVG than the to_svg_string function included in their example. The function is made generic so that you may use this function with other qr sources. All the function needs is a method to check coordinates if they contain a block box or not besides the size and border values.

So if you have the data for your QR code, all you need is to write a method as I did in the FakeQr struct for the tests.

The SVG optimizations:

Remove unneeded attributes, tags and whitespace
Use short form for hex colors

	/! Loosely derived from https://gist.github.com/jackdomleo7/55659bafe581d19cc341ef775d6a9e6b /

	@import ('Import normalizer stylesheet here');

	::selection {
	text-shadow: none;
	color: #fff;
	background-color: rgba(0, 0, 255, 0.1);
	}

	import fetch from 'node-fetch';
	import twilio from 'twilio';

	const URL = 'https://www.apple.com/au/shop/fulfillment-messages?parts.0=Z0YQ&location=2093&mt=regular&option.0=ML8X3X%2FA%2CMKUV3FE%2FA&_=1634013871312';
	const ACCOUNTSID = 'XXX'; // TODO fill me
	const AUTHTOKEN = 'XXX'; // TODO fill me

	function alertMe({ storeName, storePickupQuote }) {
	const client = new twilio(ACCOUNTSID, AUTHTOKEN);

	source ~/.profile

	# homebrew PATH
	eval "$(/opt/homebrew/bin/brew shellenv)"

	# subl command
	export PATH="/Applications/Sublime Text.app/Contents/SharedSupport/bin:$PATH"

	export PATH=/usr/local/bin:$PATH

	blank_lines_upper_bound = 2
	max_width = 120
	control_brace_style = "ClosingNextLine"
	format_code_in_doc_comments = true
	imports_layout = "HorizontalVertical"
	match_block_trailing_comma = true
	newline_style = "Unix"
	report_fixme = "Always"
	report_todo = "Unnumbered"