Discover gists

Drag and drop

This is a collection of knowledge I have built up regarding browser powered drag and drop functionality

Events

`dragstart`

timing: once as drag is starting
event.target: draggable Element

Docker with SSL and an nginx reverse proxy

Running your ASP.NET Core (or other) application in Docker using SSL should not be an overwhelming task. These steps should do the trick.

Run the following steps from a Linux terminal (I used WSL or WSL2 on Windows from the Windows Terminal).

1. Create a `conf` file with information about the cert you'll be creating

It should look something like the content below; call it my-site.conf or something like that.

Code is clean if it can be understood easily – by everyone on the team. Clean code can be read and enhanced by a developer other than its original author. With understandability comes readability, changeability, extensibility and maintainability.

General rules

Follow standard conventions.
Keep it simple stupid. Simpler is always better. Reduce complexity as much as possible.
Boy scout rule. Leave the campground cleaner than you found it.
Always find root cause. Always look for the root cause of a problem.

Design rules

Genesys Dice

Overview

This is a Genesys dice chart that uses HTML5 Decimal Codes to portray the dice and symbols. However, this requires a device with up to date rendering engines, as I'm finding the tablet I write this on does not but my phone does.

Genesys Dice Types

□ - Boost Die (d6) blue
■ - Setback Die (d6) black

Emulating Raspberry Pi 4 with Qemu

Just a quick update before we dive in: what we're actually doing here is running Raspberry Pi OS (64-bit) on a QEMU virtual ARM setup. This isn't full-blown hardware emulation of the Raspberry Pi 4, but more about creating a virtual environment for the OS. It doesn't mimic all the specific hardware features of the Pi 4, but it's pretty useful and great for general testing. I turned to this solution mainly to extract a modified sysroot from the Raspberry Pi OS, something not readily available in other resources. For those looking into detailed emulation of the actual Raspberry Pi 4's hardware in QEMU, check out this link for the latest updates: https://gitlab.com/qemu-project/qemu/-/issues/1208.

Hope it helps! :D

Shortcomings: No GUI yet, only console.

Steps

System Design Cheatsheet

Picking the right architecture = Picking the right battles + Managing trade-offs

Basic Steps

Clarify and agree on the scope of the system

User cases (description of sequences of events that, taken together, lead to a system doing something useful)
- Who is going to use it?
- How are they going to use it?

	#!/usr/bin/env bash
	sudo systemctl disable apparmor
	sudo systemctl disable hassio-apparmor.service
	sudo systemctl disable hassio-supervisor.service

	sudo systemctl daemon-reload
	sudo systemctl reset-failed

	sudo rm /etc/systemd/system/hassio-supervisor.service
	sudo rm /etc/systemd/system/hassio-apparmor.service

	patch:
	# 菜单
	menu:
	page_size: 8 # 候选词个数
	# alternative_select_labels: [ ①, ②, ③, ④, ⑤, ⑥, ⑦, ⑧, ⑨, ⑩ ] # 修改候选项标签
	# alternative_select_keys: ASDFGHJKL # 如编码字符占用数字键，则需另设选字键
	# ascii_mode、inline、no_inline、vim_mode 等等设定，可参考 /Library/Input Methods/Squirrel.app/Contents/SharedSupport/squirrel.yaml
	# 中西文切换
	#
	# 【good_old_caps_lock】 CapsLock 切换到大写或切换中英。

	FROM python:3.10 as python-base

	# https://python-poetry.org/docs#ci-recommendations
	ENV POETRY_VERSION=1.2.0
	ENV POETRY_HOME=/opt/poetry
	ENV POETRY_VENV=/opt/poetry-venv

	# Tell Poetry where to place its cache and virtual environment
	ENV POETRY_CACHE_DIR=/opt/.cache

	# .tfstate files
	*.tfstate
	.tfstate.

	# do not ignore encrypted tfstate files, with .enc inside
	!*.enc.tfstate
	!.enc.tfstate.

	# unless it is decrypted
	.decryptedtfstate