new asset pipeline

assets/images/Makefile

+quassel_light@220.png: quassel_light.png
+	./generate_resolution quassel_light 220 85
+quassel_light@266.png: quassel_light.png
+	./generate_resolution quassel_light 266 85
+quassel_light@335.png: quassel_light.png
+	./generate_resolution quassel_light 335 85
+quassel_light@352.png: quassel_light.png
+	./generate_resolution quassel_light 352 85
+quassel_light@532.png: quassel_light.png
+	./generate_resolution quassel_light 532 85
+quassel_light@thumb.jpg: quassel_light.png
+	./generate_thumb quassel_light 16x 50 jpg
+quassel_dark@220.png: quassel_dark.png
+	./generate_resolution quassel_dark 220 85
+quassel_dark@266.png: quassel_dark.png
+	./generate_resolution quassel_dark 266 85
+quassel_dark@335.png: quassel_dark.png
+	./generate_resolution quassel_dark 335 85
+quassel_dark@352.png: quassel_dark.png
+	./generate_resolution quassel_dark 352 85
+quassel_dark@532.png: quassel_dark.png
+	./generate_resolution quassel_dark 532 85
+quassel_dark@thumb.jpg: quassel_dark.png
+	./generate_thumb quassel_dark 16x 50 jpg
+solarized_light@220.png: solarized_light.png
+	./generate_resolution solarized_light 220 85
+solarized_light@266.png: solarized_light.png
+	./generate_resolution solarized_light 266 85
+solarized_light@335.png: solarized_light.png
+	./generate_resolution solarized_light 335 85
+solarized_light@352.png: solarized_light.png
+	./generate_resolution solarized_light 352 85
+solarized_light@532.png: solarized_light.png
+	./generate_resolution solarized_light 532 85
+solarized_light@thumb.jpg: solarized_light.png
+	./generate_thumb solarized_light 16x 50 jpg
+solarized_dark@220.png: solarized_dark.png
+	./generate_resolution solarized_dark 220 85
+solarized_dark@266.png: solarized_dark.png
+	./generate_resolution solarized_dark 266 85
+solarized_dark@335.png: solarized_dark.png
+	./generate_resolution solarized_dark 335 85
+solarized_dark@352.png: solarized_dark.png
+	./generate_resolution solarized_dark 352 85
+solarized_dark@532.png: solarized_dark.png
+	./generate_resolution solarized_dark 532 85
+solarized_dark@thumb.jpg: solarized_dark.png
+	./generate_thumb solarized_dark 16x 50 jpg
+gruvbox_light@220.png: gruvbox_light.png
+	./generate_resolution gruvbox_light 220 85
+gruvbox_light@266.png: gruvbox_light.png
+	./generate_resolution gruvbox_light 266 85
+gruvbox_light@335.png: gruvbox_light.png
+	./generate_resolution gruvbox_light 335 85
+gruvbox_light@352.png: gruvbox_light.png
+	./generate_resolution gruvbox_light 352 85
+gruvbox_light@532.png: gruvbox_light.png
+	./generate_resolution gruvbox_light 532 85
+gruvbox_light@thumb.jpg: gruvbox_light.png
+	./generate_thumb gruvbox_light 16x 50 jpg
+gruvbox_dark@220.png: gruvbox_dark.png
+	./generate_resolution gruvbox_dark 220 85
+gruvbox_dark@266.png: gruvbox_dark.png
+	./generate_resolution gruvbox_dark 266 85
+gruvbox_dark@335.png: gruvbox_dark.png
+	./generate_resolution gruvbox_dark 335 85
+gruvbox_dark@352.png: gruvbox_dark.png
+	./generate_resolution gruvbox_dark 352 85
+gruvbox_dark@532.png: gruvbox_dark.png
+	./generate_resolution gruvbox_dark 532 85
+gruvbox_dark@thumb.jpg: gruvbox_dark.png
+	./generate_thumb gruvbox_dark 16x 50 jpg
+amoled@220.png: amoled.png
+	./generate_resolution amoled 220 85
+amoled@266.png: amoled.png
+	./generate_resolution amoled 266 85
+amoled@335.png: amoled.png
+	./generate_resolution amoled 335 85
+amoled@352.png: amoled.png
+	./generate_resolution amoled 352 85
+amoled@532.png: amoled.png
+	./generate_resolution amoled 532 85
+amoled@thumb.jpg: amoled.png
+	./generate_thumb amoled 16x 50 jpg
+phone@220.png: phone.png
+	./generate_resolution phone 220 85
+phone@300.png: phone.png
+	./generate_resolution phone 300 85
+phone@400.png: phone.png
+	./generate_resolution phone 400 85
+phone@520.png: phone.png
+	./generate_resolution phone 520 85
+phone@640.png: phone.png
+	./generate_resolution phone 640 85
+phone@800.png: phone.png
+	./generate_resolution phone 800 85
+phone@1000.png: phone.png
+	./generate_resolution phone 1000 85
+phone@1220.png: phone.png
+	./generate_resolution phone 1220 85
+phone@thumb.png: phone.png
+	./generate_thumb phone 16x 70 png
+tablet@545.png: tablet.png
+	./generate_resolution tablet 545 85
+tablet@640.png: tablet.png
+	./generate_resolution tablet 640 85
+tablet@720.png: tablet.png
+	./generate_resolution tablet 720 85
+tablet@800.png: tablet.png
+	./generate_resolution tablet 800 85
+tablet@880.png: tablet.png
+	./generate_resolution tablet 880 85
+tablet@960.png: tablet.png
+	./generate_resolution tablet 960 85
+tablet@1090.png: tablet.png
+	./generate_resolution tablet 1090 85
+tablet@1635.png: tablet.png
+	./generate_resolution tablet 1635 85
+tablet@2180.png: tablet.png
+	./generate_resolution tablet 2180 85
+tablet@thumb.png: tablet.png
+	./generate_thumb tablet 16x16 70 none
+notifications@363.png: notifications.png
+	./generate_resolution notifications 363 85
+notifications@474.png: notifications.png
+	./generate_resolution notifications 474 85
+notifications@590.png: notifications.png
+	./generate_resolution notifications 590 85
+notifications@thumb.jpg: notifications.png
+	./generate_thumb notifications 16x 50 jpg
+desktop@363.png: desktop.png
+	./generate_resolution desktop 363 85
+desktop@474.png: desktop.png
+	./generate_resolution desktop 474 85
+desktop@590.png: desktop.png
+	./generate_resolution desktop 590 85
+desktop@726.png: desktop.png
+	./generate_resolution desktop 726 85
+desktop@948.png: desktop.png
+	./generate_resolution desktop 948 85
+desktop@1180.png: desktop.png
+	./generate_resolution desktop 1180 85
+desktop@thumb.jpg: desktop.png
+	./generate_thumb desktop 16x 50 jpg
+themes@363.png: themes.png
+	./generate_resolution themes 363 85
+themes@474.png: themes.png
+	./generate_resolution themes 474 85
+themes@590.png: themes.png
+	./generate_resolution themes 590 85
+themes@726.png: themes.png
+	./generate_resolution themes 726 85
+themes@948.png: themes.png
+	./generate_resolution themes 948 85
+themes@1180.png: themes.png
+	./generate_resolution themes 1180 85
+themes@thumb.jpg: themes.png
+	./generate_thumb themes 16x 50 jpg

assets/images/below.svg

-<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 1 1'><path d='m 0,1 1,-1 0,1' fill='white'/></svg>

assets/images/generate_assets.sh

-#!/bin/bash
-
-IMAGES="quassel_light quassel_dark solarized_light solarized_dark gruvbox_light gruvbox_dark amoled"
-RESOLUTIONS="220 266 335 352 532"
-
-PHONE_RESOLUTIONS="16 220 300 400 520 640 800 1000 1220"
-
-cd $(dirname $(realpath -s $0))
-
-function generate_thumb() {
-  convert $1.png -filter Lanczos -distort Resize 16x $1@thumb.png                                                          
-  convert $1@thumb.png -filter Lanczos -distort Resize 220x -quality 50 $1@thumb.jpg
-  rm $1@thumb.png
-}
-
-function generate_resolution() {
-  convert $1.png -filter Lanczos -distort Resize $2x $1@$2.png
-}
-
-# Generate Images
-for image in $IMAGES; do
-  echo $image
-  for resolution in $RESOLUTIONS; do
-    generate_resolution $image $resolution
-    pngquant --quality 85 $image@$resolution.png
-    mv $image@$resolution-fs8.png $image@$resolution.png
-  done
-  generate_thumb $image
-done
-
-# Generate Phone
-echo phone
-for resolution in $PHONE_RESOLUTIONS; do
-  generate_resolution "phone" $resolution
-  pngquant --quality 85 phone@$resolution.png
-  mv phone@$resolution-fs8.png phone@$resolution.png
-done
-convert phone@16.png -filter Lanczos -distort Resize 400x phone@thumb.png
-rm phone@16.png
-pngquant --quality 70 phone@thumb.png
-mv phone@thumb-fs8.png phone@thumb.png
\ No newline at end of file

assets/images/generate_image.sh

+#!/bin/bash
+
+cd $(dirname $(realpath -s ${0}))
+
+function generate_image() {
+  image=${1}
+  resolutions=${2}
+  default_resolution=${3}
+  quality=${4}
+  thumb_quality=${5}
+  thumb_format=${6}
+
+  for resolution in ${resolutions}; do
+    ./generate_resolution ${image} ${resolution} ${quality}
+  done
+  ./generate_thumb ${image} ${default_resolution} ${thumb_quality} ${thumb_format}
+}
\ No newline at end of file

assets/images/generate_images.sh

+#!/bin/bash
+QUALITY=85
+THUMB_QUALITY_PNG=70
+THUMB_QUALITY_JPG=50
+
+cd $(dirname $(realpath -s ${0}))
+
+# Generate Images
+themes="quassel_light quassel_dark solarized_light solarized_dark gruvbox_light gruvbox_dark amoled"
+for image in ${themes}; do
+  ./generate_image ${image} "220 266 335 352 532" 16 ${QUALITY} ${THUMB_QUALITY_JPG} jpg
+done
+./generate_image phone "220 300 400 520 640 800 1000 1220" 400 ${QUALITY} ${THUMB_QUALITY_PNG} png
+./generate_image tablet "545 640 720 800 880 960 1090 1635 2180" 400 ${QUALITY} ${THUMB_QUALITY_PNG} none
+./generate_image notifications "363 474 590" 16 ${QUALITY} ${THUMB_QUALITY_JPG} jpg
+./generate_image desktop "363 474 590 726 948 1180" 16 ${QUALITY} ${THUMB_QUALITY_JPG} jpg
+./generate_image themes "363 474 590 726 948 1180" 16 ${QUALITY} ${THUMB_QUALITY_JPG} jpg
\ No newline at end of file

assets/images/generate_makefile.sh

+#!/bin/bash
+QUALITY=85
+THUMB_QUALITY_PNG=70
+THUMB_QUALITY_JPG=50
+
+cd $(dirname $(realpath -s ${0}))
+
+function generate_rule() {
+  image=${1}
+  resolutions=${2}
+  default_resolution=${3}
+  quality=${4}
+  thumb_quality=${5}
+  thumb_format=${6}
+
+  for resolution in ${resolutions}; do
+    echo "${image}@${resolution}.png: ${image}.png"
+    echo "	./generate_resolution ${image} ${resolution} ${quality}"
+  done
+
+  case ${thumb_format} in
+  "png")
+    echo "${image}@thumb.png: ${image}.png"
+    echo "	./generate_thumb ${image} ${default_resolution} ${thumb_quality} png"
+    ;;
+  "jpg")
+    echo "${image}@thumb.jpg: ${image}.png"
+    echo "	./generate_thumb ${image} ${default_resolution} ${thumb_quality} jpg"
+    ;;
+  "none")
+    echo "${image}@thumb.png: ${image}.png"
+    echo "	./generate_thumb ${image} ${default_resolution} ${thumb_quality} none"
+    ;;
+  *)
+    echo "Unknown format: $thumb_format"
+    exit 1
+    ;;
+  esac
+}
+
+echo -n > Makefile
+# Generate Images
+themes="quassel_light quassel_dark solarized_light solarized_dark gruvbox_light gruvbox_dark amoled"
+for image in ${themes}; do
+  generate_rule ${image} "220 266 335 352 532" 16x ${QUALITY} ${THUMB_QUALITY_JPG} jpg >> Makefile
+done
+generate_rule phone "220 300 400 520 640 800 1000 1220" 16x ${QUALITY} ${THUMB_QUALITY_PNG} png >> Makefile
+generate_rule tablet "545 640 720 800 880 960 1090 1635 2180" 16x16 ${QUALITY} ${THUMB_QUALITY_PNG} none >> Makefile
+generate_rule notifications "363 474 590" 16x ${QUALITY} ${THUMB_QUALITY_JPG} jpg >> Makefile
+generate_rule desktop "363 474 590 726 948 1180" 16x ${QUALITY} ${THUMB_QUALITY_JPG} jpg >> Makefile
+generate_rule themes "363 474 590 726 948 1180" 16x ${QUALITY} ${THUMB_QUALITY_JPG} jpg >> Makefile
\ No newline at end of file