make.sh


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60

#!/usr/bin/env sh

render_icon() {
	input="${1}"
	width="${2}"
	output="${3}"

	printf "rendering icon at \"%s\" as %ipx by %ipx to \"%s\"\n" "${input}" ${width} ${width} "${output}"
	inkscape -w ${width} -h ${width} "${input}" -o "${output}"
}

directory="$(mktemp -d)"
printf "using temporary directory at \"%s\"\n" "${directory}"

make_favicon() {
	input="${1}"

	directory="$(mktemp -d)"

	render_icon "${input}" 16 "${directory}/16x16.png"
	render_icon "${input}" 24 "${directory}/24x24.png"
	render_icon "${input}" 32 "${directory}/32x32.png"
	render_icon "${input}" 48 "${directory}/48x48.png"
	render_icon "${input}" 64 "${directory}/64x64.png"
	render_icon "${input}" 96 "${directory}/96x96.png"
	render_icon "${input}" 128 "${directory}/128x128.png"
	render_icon "${input}" 192 "${directory}/192x192.png"
	render_icon "${input}" 256 "${directory}/256x256.png"

	printf "combining renders in \"%s\" to \"%s\"\n" "${directory}" "${output}"
	icotool -co "favicon.ico" "${directory}/"*".png"

	render_icon "${input}" 180 "apple-touch-icon.png"
}

make_stylesheet() {
	input="css/${1}.scss"
	output="css/${1}.css"

	printf "making stylesheet at \"%s\"...\n" "${output}"
	sass --no-source-map --style=compressed "${input}" "${output}"
}

make_script() {
	input="js/${1}.ts"
	output="js/${1}.js"

	printf "making script at \"%s\"...\n" "${output}"
	tsc --outFile "${output}" --target ES2022 "${input}"
}

render_icon "svg/logo/achernarIcon.svg" 180 "apple-touch-icon.png"

make_favicon "svg/favicon.svg"

make_stylesheet "font"
make_stylesheet "main"
make_stylesheet "noScript"

make_script "main"