summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--.gitignore2
-rw-r--r--CHANGELOG.md5
-rw-r--r--html/about.html3
-rw-r--r--html/ax.html3
-rw-r--r--html/backspace.html3
-rw-r--r--html/benoit.html3
-rw-r--r--html/bowshock.html3
-rw-r--r--html/bzipper.html3
-rw-r--r--html/deltaWorld.html3
-rw-r--r--html/eas.html3
-rw-r--r--html/luma.html3
-rw-r--r--html/pollex.html3
-rw-r--r--html/u8c.html3
-rwxr-xr-xinstall.sh13
-rwxr-xr-xmake.sh36
-rw-r--r--svg/achernar-icon.svg (renamed from svg/favicon.svg)10
-rw-r--r--svg/achernar.svg8
17 files changed, 73 insertions, 34 deletions
diff --git a/.gitignore b/.gitignore
index e5d24e2..83f9c44 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,5 @@
+/apple-touch-icon.png
+/favicon.ico
*.css
*.js
*.ttf
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8888f4c..aad4ec0 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,10 @@
# Changelog
+## 3.3
+
+* Make and install icons
+* Update gitignore
+
## 3.2
* Fix titles
diff --git a/html/about.html b/html/about.html
index 5742245..7ae64c4 100644
--- a/html/about.html
+++ b/html/about.html
@@ -4,7 +4,8 @@
<meta charset="UTF-8">
<meta name="darkreader-lock">
- <link href="/svg/favicon.svg" rel="icon" type="image/svg+xml">
+ <link href="/favicon.ico" rel="icon" type="image/vnd.microsoft.icon">
+ <link href="/apple-touch-icon.png" rel="apple-touch-icon" type="image/png">
<title id="title">Achernar</title>
<link href="/css/main.css" rel="stylesheet">
diff --git a/html/ax.html b/html/ax.html
index 7bf95a0..643c84f 100644
--- a/html/ax.html
+++ b/html/ax.html
@@ -4,7 +4,8 @@
<meta charset="UTF-8">
<meta name="darkreader-lock">
- <link href="/svg/favicon.svg" rel="icon" type="image/svg+xml">
+ <link href="/favicon.ico" rel="icon" type="image/vnd.microsoft.icon">
+ <link href="/apple-touch-icon.png" rel="apple-touch-icon" type="image/png">
<title id="title">AX</title>
<link href="/css/main.css" rel="stylesheet">
diff --git a/html/backspace.html b/html/backspace.html
index 4185589..3caea3c 100644
--- a/html/backspace.html
+++ b/html/backspace.html
@@ -4,7 +4,8 @@
<meta charset="UTF-8">
<meta name="darkreader-lock">
- <link href="/svg/favicon.svg" rel="icon" type="image/svg+xml">
+ <link href="/favicon.ico" rel="icon" type="image/vnd.microsoft.icon">
+ <link href="/apple-touch-icon.png" rel="apple-touch-icon" type="image/png">
<title id="title">Backspace</title>
<link href="/css/main.css" rel="stylesheet">
diff --git a/html/benoit.html b/html/benoit.html
index c3ad7ce..e7c065d 100644
--- a/html/benoit.html
+++ b/html/benoit.html
@@ -4,7 +4,8 @@
<meta charset="UTF-8">
<meta name="darkreader-lock">
- <link href="/svg/favicon.svg" rel="icon" type="image/svg+xml">
+ <link href="/favicon.ico" rel="icon" type="image/vnd.microsoft.icon">
+ <link href="/apple-touch-icon.png" rel="apple-touch-icon" type="image/png">
<title id="title">Benoit</title>
<link href="/css/main.css" rel="stylesheet">
diff --git a/html/bowshock.html b/html/bowshock.html
index e71306e..d0088b9 100644
--- a/html/bowshock.html
+++ b/html/bowshock.html
@@ -4,7 +4,8 @@
<meta charset="UTF-8">
<meta name="darkreader-lock">
- <link href="/svg/favicon.svg" rel="icon" type="image/svg+xml">
+ <link href="/favicon.ico" rel="icon" type="image/vnd.microsoft.icon">
+ <link href="/apple-touch-icon.png" rel="apple-touch-icon" type="image/png">
<title id="title">Bowshock</title>
<link href="/css/main.css" rel="stylesheet">
diff --git a/html/bzipper.html b/html/bzipper.html
index c11ab18..6b7a35f 100644
--- a/html/bzipper.html
+++ b/html/bzipper.html
@@ -4,7 +4,8 @@
<meta charset="UTF-8">
<meta name="darkreader-lock">
- <link href="/svg/favicon.svg" rel="icon" type="image/svg+xml">
+ <link href="/favicon.ico" rel="icon" type="image/vnd.microsoft.icon">
+ <link href="/apple-touch-icon.png" rel="apple-touch-icon" type="image/png">
<title id="title">bzipper</title>
<link href="/css/main.css" rel="stylesheet">
diff --git a/html/deltaWorld.html b/html/deltaWorld.html
index 906146a..c05a577 100644
--- a/html/deltaWorld.html
+++ b/html/deltaWorld.html
@@ -4,7 +4,8 @@
<meta charset="UTF-8">
<meta name="darkreader-lock">
- <link href="/svg/favicon.svg" rel="icon" type="image/svg+xml">
+ <link href="/favicon.ico" rel="icon" type="image/vnd.microsoft.icon">
+ <link href="/apple-touch-icon.png" rel="apple-touch-icon" type="image/png">
<title id="title">Delta World</title>
<link href="/css/main.css" rel="stylesheet">
diff --git a/html/eas.html b/html/eas.html
index 9656c0e..761d1a0 100644
--- a/html/eas.html
+++ b/html/eas.html
@@ -4,7 +4,8 @@
<meta charset="UTF-8">
<meta name="darkreader-lock">
- <link href="/svg/favicon.svg" rel="icon" type="image/svg+xml">
+ <link href="/favicon.ico" rel="icon" type="image/vnd.microsoft.icon">
+ <link href="/apple-touch-icon.png" rel="apple-touch-icon" type="image/png">
<title id="title">eAS</title>
<link href="/css/main.css" rel="stylesheet">
diff --git a/html/luma.html b/html/luma.html
index 6ad8649..b1b92cb 100644
--- a/html/luma.html
+++ b/html/luma.html
@@ -4,7 +4,8 @@
<meta charset="UTF-8">
<meta name="darkreader-lock">
- <link href="/svg/favicon.svg" rel="icon" type="image/svg+xml">
+ <link href="/favicon.ico" rel="icon" type="image/vnd.microsoft.icon">
+ <link href="/apple-touch-icon.png" rel="apple-touch-icon" type="image/png">
<title id="title">Luma</title>
<link href="/css/main.css" rel="stylesheet">
diff --git a/html/pollex.html b/html/pollex.html
index 4d3b657..3a32321 100644
--- a/html/pollex.html
+++ b/html/pollex.html
@@ -4,7 +4,8 @@
<meta charset="UTF-8">
<meta name="darkreader-lock">
- <link href="/svg/favicon.svg" rel="icon" type="image/svg+xml">
+ <link href="/favicon.ico" rel="icon" type="image/vnd.microsoft.icon">
+ <link href="/apple-touch-icon.png" rel="apple-touch-icon" type="image/png">
<title id="title">Pollex</title>
<link href="/css/main.css" rel="stylesheet">
diff --git a/html/u8c.html b/html/u8c.html
index 2b16364..0a8d1fd 100644
--- a/html/u8c.html
+++ b/html/u8c.html
@@ -4,7 +4,8 @@
<meta charset="UTF-8">
<meta name="darkreader-lock">
- <link href="/svg/favicon.svg" rel="icon" type="image/svg+xml">
+ <link href="/favicon.ico" rel="icon" type="image/vnd.microsoft.icon">
+ <link href="/apple-touch-icon.png" rel="apple-touch-icon" type="image/png">
<title id="title">u8c</title>
<link href="/css/main.css" rel="stylesheet">
diff --git a/install.sh b/install.sh
index 981253a..a615e56 100755
--- a/install.sh
+++ b/install.sh
@@ -7,14 +7,19 @@ then
echo missing destination directory...
fi
-mkdir -p "${DESTINATION}/css"
-mkdir -p "${DESTINATION}/js"
+mkdir -p "${DESTINATION}"
-cp "css/"*".css" "${DESTINATION}/css"
-cp "js/"*".js" "${DESTINATION}/js"
+cp "apple-touch-icon.png" "${DESTINATION}"
+cp "favicon.ico" "${DESTINATION}"
cp -r "html" "${DESTINATION}"
cp -r "shtml" "${DESTINATION}"
cp -r "svg" "${DESTINATION}"
cp -r "ttf" "${DESTINATION}"
cp -r "webp" "${DESTINATION}"
+
+mkdir -p "${DESTINATION}/css"
+mkdir -p "${DESTINATION}/js"
+
+cp "css/"*".css" "${DESTINATION}/css"
+cp "js/"*".js" "${DESTINATION}/js"
diff --git a/make.sh b/make.sh
index 04f42a3..4a608f1 100755
--- a/make.sh
+++ b/make.sh
@@ -1,10 +1,40 @@
#!/usr/bin/env sh
+make_icon() {
+ render_icon() {
+ input="${1}"
+ width="${2}"
+ output="${3}"
+
+ echo rendering icon at \"${input}\" as ${width}px by ${width}px to \"${output}\"
+ inkscape -w ${width} -h ${width} "${input}" -o "${output}"
+ }
+
+ 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"
+
+ echo combining renders in \"${directory}\" into \"${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"
- echo "making stylesheet at \"${output}\"..."
+ echo making stylesheet at \"${output}\"...
sassc --style compressed "${input}" > "${output}"
}
@@ -12,10 +42,12 @@ make_script() {
input="js/${1}.ts"
output="js/${1}.js"
- echo "making script at \"${output}\"..."
+ echo making script at \"${output}\"...
tsc --outFile "${output}" --target ES2022 "${input}"
}
+make_icon "svg/achernar-icon.svg"
+
make_stylesheet "main"
make_script "initImages"
diff --git a/svg/favicon.svg b/svg/achernar-icon.svg
index c2903f5..4a28eef 100644
--- a/svg/favicon.svg
+++ b/svg/achernar-icon.svg
@@ -1,10 +1,4 @@
<svg height="96" width="96" xmlns="http://www.w3.org/2000/svg">
- <!-- gradients: -->
-
- <!-- clips: -->
-
- <!-- masks: -->
-
<mask id="letter">
<polygon fill="white" points="24,32 72,32 80,40 80,64 64,64 64,56 32,56 32,64 16,64 16,40" />
<polygon fill="black" points="32,40 64,40 64,48 32,48" />
@@ -12,8 +6,6 @@
<circle cx="72" cy="40" fill="white" r="8" />
</mask>
- <!-- fills: -->
-
- <rect fill="#007B34" height="100%" rx="16" ry="16" width="100%" x="0" y="0" /> <!-- 356 C -->
+ <rect fill="#007B34" height="100%" width="100%" x="0" y="0" /> <!-- 356 C -->
<rect fill="#FFFFFF" mask="url(#letter)" height="100%" width="100%" x="0" y="0" />
</svg>
diff --git a/svg/achernar.svg b/svg/achernar.svg
index 84ccb2f..238dd6f 100644
--- a/svg/achernar.svg
+++ b/svg/achernar.svg
@@ -1,14 +1,8 @@
<svg height="112" width="336" xmlns="http://www.w3.org/2000/svg">
- <!-- gradients: -->
-
- <!-- clips: -->
-
<clipPath id="clip0">
<polygon points="68,64 80,64 80,96 68,96" />
</clipPath>
- <!-- masks: -->
-
<mask id="wordmark">
<polygon fill="white" points="24,16 72,16 80,24 80,48 64,48 64,40 32,40 32,48 16,48 16,24" />
<circle cx="24" cy="24" fill="white" r="8" />
@@ -40,8 +34,6 @@
<polygon fill="black" points="272,72 304,72 304,80 272,80" />
</mask>
- <!-- fills: -->
-
<rect fill="#007B34" height="100%" width="100%" x="0" y="0" /> <!-- 356 C -->
<rect fill="#FFFFFF" mask="url(#wordmark)" height="100%" width="100%" x="0" y="0" />
</svg>