Updated notification image

assets/images/Makefile

@@ -115,121 +115,6 @@ phone@1220.png: phone.png
 	$(RESOLUTION) phone 1220 85
 phone@thumb.png: phone.png
 	$(THUMB) phone 16x 70 png
-tablet@545.png: tablet.png
-quassel_light@220.png: quassel_light.png
-	$(RESOLUTION) quassel_light 220 85
-quassel_light@266.png: quassel_light.png
-	$(RESOLUTION) quassel_light 266 85
-quassel_light@335.png: quassel_light.png
-	$(RESOLUTION) quassel_light 335 85
-quassel_light@352.png: quassel_light.png
-	$(RESOLUTION) quassel_light 352 85
-quassel_light@532.png: quassel_light.png
-	$(RESOLUTION) quassel_light 532 85
-quassel_light@thumb.jpg: quassel_light.png
-	$(THUMB) quassel_light 16x 50 jpg
-quassel_dark@220.png: quassel_dark.png
-	$(RESOLUTION) quassel_dark 220 85
-quassel_dark@266.png: quassel_dark.png
-	$(RESOLUTION) quassel_dark 266 85
-quassel_dark@335.png: quassel_dark.png
-	$(RESOLUTION) quassel_dark 335 85
-quassel_dark@352.png: quassel_dark.png
-	$(RESOLUTION) quassel_dark 352 85
-quassel_dark@532.png: quassel_dark.png
-	$(RESOLUTION) quassel_dark 532 85
-quassel_dark@thumb.jpg: quassel_dark.png
-	$(THUMB) quassel_dark 16x 50 jpg
-solarized_light@220.png: solarized_light.png
-	$(RESOLUTION) solarized_light 220 85
-solarized_light@266.png: solarized_light.png
-	$(RESOLUTION) solarized_light 266 85
-solarized_light@335.png: solarized_light.png
-	$(RESOLUTION) solarized_light 335 85
-solarized_light@352.png: solarized_light.png
-	$(RESOLUTION) solarized_light 352 85
-solarized_light@532.png: solarized_light.png
-	$(RESOLUTION) solarized_light 532 85
-solarized_light@thumb.jpg: solarized_light.png
-	$(THUMB) solarized_light 16x 50 jpg
-solarized_dark@220.png: solarized_dark.png
-	$(RESOLUTION) solarized_dark 220 85
-solarized_dark@266.png: solarized_dark.png
-	$(RESOLUTION) solarized_dark 266 85
-solarized_dark@335.png: solarized_dark.png
-	$(RESOLUTION) solarized_dark 335 85
-solarized_dark@352.png: solarized_dark.png
-	$(RESOLUTION) solarized_dark 352 85
-solarized_dark@532.png: solarized_dark.png
-	$(RESOLUTION) solarized_dark 532 85
-solarized_dark@thumb.jpg: solarized_dark.png
-	$(THUMB) solarized_dark 16x 50 jpg
-gruvbox_light@220.png: gruvbox_light.png
-	$(RESOLUTION) gruvbox_light 220 85
-gruvbox_light@266.png: gruvbox_light.png
-	$(RESOLUTION) gruvbox_light 266 85
-gruvbox_light@335.png: gruvbox_light.png
-	$(RESOLUTION) gruvbox_light 335 85
-gruvbox_light@352.png: gruvbox_light.png
-	$(RESOLUTION) gruvbox_light 352 85
-gruvbox_light@532.png: gruvbox_light.png
-	$(RESOLUTION) gruvbox_light 532 85
-gruvbox_light@thumb.jpg: gruvbox_light.png
-	$(THUMB) gruvbox_light 16x 50 jpg
-gruvbox_dark@220.png: gruvbox_dark.png
-	$(RESOLUTION) gruvbox_dark 220 85
-gruvbox_dark@266.png: gruvbox_dark.png
-	$(RESOLUTION) gruvbox_dark 266 85
-gruvbox_dark@335.png: gruvbox_dark.png
-	$(RESOLUTION) gruvbox_dark 335 85
-gruvbox_dark@352.png: gruvbox_dark.png
-	$(RESOLUTION) gruvbox_dark 352 85
-gruvbox_dark@532.png: gruvbox_dark.png
-	$(RESOLUTION) gruvbox_dark 532 85
-gruvbox_dark@thumb.jpg: gruvbox_dark.png
-	$(THUMB) gruvbox_dark 16x 50 jpg
-amoled@220.png: amoled.png
-	$(RESOLUTION) amoled 220 85
-amoled@266.png: amoled.png
-	$(RESOLUTION) amoled 266 85
-amoled@335.png: amoled.png
-	$(RESOLUTION) amoled 335 85
-amoled@352.png: amoled.png
-	$(RESOLUTION) amoled 352 85
-amoled@532.png: amoled.png
-	$(RESOLUTION) amoled 532 85
-amoled@thumb.jpg: amoled.png
-	$(THUMB) amoled 16x 50 jpg
-dracula@220.png: dracula.png
-	$(RESOLUTION) dracula 220 85
-dracula@266.png: dracula.png
-	$(RESOLUTION) dracula 266 85
-dracula@335.png: dracula.png
-	$(RESOLUTION) dracula 335 85
-dracula@352.png: dracula.png
-	$(RESOLUTION) dracula 352 85
-dracula@532.png: dracula.png
-	$(RESOLUTION) dracula 532 85
-dracula@thumb.jpg: dracula.png
-	$(THUMB) dracula 16x 50 jpg
-phone@220.png: phone.png
-	$(RESOLUTION) phone 220 85
-phone@300.png: phone.png
-	$(RESOLUTION) phone 300 85
-phone@400.png: phone.png
-	$(RESOLUTION) phone 400 85
-phone@520.png: phone.png
-	$(RESOLUTION) phone 520 85
-phone@640.png: phone.png
-	$(RESOLUTION) phone 640 85
-phone@800.png: phone.png
-	$(RESOLUTION) phone 800 85
-phone@1000.png: phone.png
-	$(RESOLUTION) phone 1000 85
-phone@1220.png: phone.png
-	$(RESOLUTION) phone 1220 85
-phone@thumb.png: phone.png
-	$(THUMB) phone 16x 70 png
 tablet@545.png: tablet.png
 	$(RESOLUTION) tablet 545 85
 tablet@640.png: tablet.png

index.html

@@ -11,7 +11,7 @@ Android or iOS, or via the web. Everything is exactly the way
 you left it.</p><a href="https://quassel-irc.org/">Learn More</a></div><div class="nine wide column"><div class="ui one doubling cards"><div class="card"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 75.5932203389830%; background-image: url(/assets/images/desktop@thumb.jpg);"><noscript><img src="/assets/images/desktop@590.png" sizes="(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px" srcset="/assets/images/desktop@363.png 363w, /assets/images/desktop@474.png 474w, /assets/images/desktop@590.png 590w, /assets/images/desktop@726.png 726w, /assets/images/desktop@948.png 948w, /assets/images/desktop@1180.png 1180w"/></noscript><img data-src="/assets/images/desktop@590.png" sizes="(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px" data-srcset="/assets/images/desktop@363.png 363w, /assets/images/desktop@474.png 474w, /assets/images/desktop@590.png 590w, /assets/images/desktop@726.png 726w, /assets/images/desktop@948.png 948w, /assets/images/desktop@1180.png 1180w"/></div></div></div></div></div></div></div><div class="ui divider"></div><div class="computer reversed row" id="never_miss_a_thing"><div class="seven wide column left aligned"><h2 class="ui header">Never miss a thing</h2><p>Always be up to date with push notifications in QuasselDroid.
 Once you’ve set up the app, it automatically ensures you
 always get notifications – without affecting your battery
-runtime.</p></div><div class="nine wide column"><div class="ui one doubling cards"><div class="card"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 45.33106960950764%; background-image: url(/assets/images/notifications@thumb.jpg);"><noscript><img src="/assets/images/notifications@590.png" sizes="(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px" srcset="/assets/images/notifications@363.png 363w, /assets/images/notifications@474.png 474w, /assets/images/notifications@590.png 590w"/></noscript><img data-src="/assets/images/notifications@590.png" sizes="(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px" data-srcset="/assets/images/notifications@363.png 363w, /assets/images/notifications@474.png 474w, /assets/images/notifications@590.png 590w"/></div></div></div></div></div></div></div><div class="ui divider"></div><div class="row" id="make_it_yours"><div class="seven wide column left aligned"><h2 class="ui header">Make it yours</h2><p>With many available themes, and the ability to change every
+runtime.</p></div><div class="nine wide column"><div class="ui one doubling cards"><div class="card"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 51.57407407407407%; background-image: url(/assets/images/notifications@thumb.jpg);"><noscript><img src="/assets/images/notifications@590.png" sizes="(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px" srcset="/assets/images/notifications@363.png 363w, /assets/images/notifications@474.png 474w, /assets/images/notifications@590.png 590w"/></noscript><img data-src="/assets/images/notifications@590.png" sizes="(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px" data-srcset="/assets/images/notifications@363.png 363w, /assets/images/notifications@474.png 474w, /assets/images/notifications@590.png 590w"/></div></div></div></div></div></div></div><div class="ui divider"></div><div class="row" id="make_it_yours"><div class="seven wide column left aligned"><h2 class="ui header">Make it yours</h2><p>With many available themes, and the ability to change every
 little bit of the UI to your liking, you can truly
 customize QuasselDroid however you’d like.</p><p>Special themes for every situation – be it AMOLED displays
 or holidays – are available, and improve your battery life

index.pug

@@ -60,7 +60,7 @@ block content
           .ui.one.doubling.cards
             .card
               .image
-                +responsive_image("/assets/images/notifications@thumb.jpg", "/assets/images/notifications@590.png", "/assets/images/notifications@363.png 363w, /assets/images/notifications@474.png 474w, /assets/images/notifications@590.png 590w", "(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px", "45.33106960950764%")
+                +responsive_image("/assets/images/notifications@thumb.jpg", "/assets/images/notifications@590.png", "/assets/images/notifications@363.png 363w, /assets/images/notifications@474.png 474w, /assets/images/notifications@590.png 590w", "(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px", "51.57407407407407%")
       .ui.divider
       .row#make_it_yours
         .seven.wide.column.left.aligned