diff options
-rw-r--r-- | .gitignore | 2 | ||||
-rw-r--r-- | CHANGELOG.md | 5 | ||||
-rw-r--r-- | html/about.html | 3 | ||||
-rw-r--r-- | html/ax.html | 3 | ||||
-rw-r--r-- | html/backspace.html | 3 | ||||
-rw-r--r-- | html/benoit.html | 3 | ||||
-rw-r--r-- | html/bowshock.html | 3 | ||||
-rw-r--r-- | html/bzipper.html | 3 | ||||
-rw-r--r-- | html/deltaWorld.html | 3 | ||||
-rw-r--r-- | html/eas.html | 3 | ||||
-rw-r--r-- | html/luma.html | 3 | ||||
-rw-r--r-- | html/pollex.html | 3 | ||||
-rw-r--r-- | html/u8c.html | 3 | ||||
-rwxr-xr-x | install.sh | 13 | ||||
-rwxr-xr-x | make.sh | 36 | ||||
-rw-r--r-- | svg/achernar-icon.svg (renamed from svg/favicon.svg) | 10 | ||||
-rw-r--r-- | svg/achernar.svg | 8 |
17 files changed, 73 insertions, 34 deletions
@@ -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"> @@ -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" @@ -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> |