From 59b68747ca6421e3e84e0f33acb629cbb0652622 Mon Sep 17 00:00:00 2001
From: "Yann Esposito (Yogsototh)" <yann.esposito@gmail.com>
Date: Fri, 22 Nov 2019 08:42:48 +0800
Subject: [PATCH] better img compression and css

---
 project.el             |   2 +-
 project.el.sig         | Bin 586 -> 586 bytes
 src/css/minimalist.css |  33 +++++++++++++++------------------
 3 files changed, 16 insertions(+), 19 deletions(-)

diff --git a/project.el b/project.el
index 2d6525e..601ffaf 100644
--- a/project.el
+++ b/project.el
@@ -218,7 +218,7 @@ Return output file name."
 	           (file-name-as-directory (expand-file-name pub-dir)))
       (let ((dst-file (expand-file-name (file-name-nondirectory filename) pub-dir)))
         (cond ((string-match-p ".*\\.\\(png\\|jpg\\|gif\\)$" filename)
-               (shell-command (format "~/.nix-profile/bin/convert %s -resize 800x800\\> +dither -colors 16 -depth 4 %s"
+               (shell-command (format "~/.nix-profile/bin/convert %s -resize 400x400\\> -colorspace Gray -ordered-dither o8x8,8 %s"
                                       filename
                                       dst-file)))
               ((string-match-p ".*\\.css$" filename)
diff --git a/project.el.sig b/project.el.sig
index e8320fc5b89efe50faa44b039eade342142f8c42..c75e0b29312c9adb59ccde616cc6a8053035aa02 100644
GIT binary patch
delta 534
zcmV+x0_pwA1j+=EBLmki_>m?cf1xT5|9$Kh_cZ46zQt2P0NQ*^miU%mKvOY$quqP$
z`@v#cn_De6JYS3Ay}PcoF@T_8l{1h7Yngb@su$y|WSep_Z+|ifqEr35F|P=}InJxJ
z`K0LS?&wr~Wl=V|<}yG5+CE_YH?FP0Pd6upUfVA2?S!k&BN+%FU-V(re<M&%;JwY&
zr(a9?yga~6J1}-&FR}>D>PRefB9ns9aP`oBsofBl5jkjD-u&Z@2g9?)H(4&_0QyfA
z<vNr&&kpTbPJKmz>9wb$y0)(n6v(C)ANPQz!8Ng%RcMv`cG;cX)Ryd(9-ttY6dDv`
z?=3C&YV3-zu@`4r9iL^-f7ZvwgsEtArtA7zQgMQ09OSs(T%1BN)!2LMxn_!^4dlPS
zky3j@gTaX{N#7#Q4dD5kD34d@MY3tmBLv8LO!7t_lk**;*s&+rJtja>V;`~@g)p%J
zdmxK~^e8Y4B8;(7NlECNMu0?%;Ic_KA~69rGL$V0x5jvd89QwPe@mO+@pV=n=)$}K
zr=OMnc_gX;b^WH{_4|6QRmi^jpqf74_t8RJh)l+V)s1OWZlO>OVV~<I`SsBWn~>IT
zF+3y~x=dh~C+E!<NZb&eQ`FmqkT6}7>w_k<$aAACO6fuatZ}y1T|4aE@YPx4oQ}OU
YrM%EaN$yRC^5Puy2saSQmx_u4rxGg<yZ`_I

delta 534
zcmV+x0_pwA1j+=EBLmb2xsfIye-_gZ|3Q{);*P4!tfh?c`Y<<#NSnL(GfFR45uSRL
zW0xld<lS_-j8%8G_h5&qy}BkVmgLucACN9v!cH-kQ1l@+ZU8;gLw1jR-^54M8|976
zIaOvnL?vkhhF{w-r0{3M*3nT)UYar~og%Zg<;{_}t?$E(0N^01Yk{*If1W9&TX5{m
zL7%8Li|cuB->S?z6>Hjf=oDN0Y028tq7$jjWLWyZlo{%z^dG{EIt=bB)*c7HYzu2|
z-HAK`uvsWvlx|1jrKl!lAN?r#t0BdKx*wxbH3#?U+ev9*$V~+6K=hk};hn$CMqw&1
zg}A!69OQf_%E>#)Hp#SZf6-UN#~kA`r!xby_{xZLH>W&^gpvA@pD5(EYH9Oi)sk?>
zi3F!Hl)Gk+D_xF|8Jh4TSp9V}d`wPq)iDbn1__MkH=-!W>yj9m>x4pd73C?a+z$tq
zXwDl;A-;-gz`eYzal#8H9zZ)lN6^IYqQ!yoOnK{kX=g5?@s)DHf0kgV`5VrsqGXSy
z+-+ct{q7gB#@(kebKo`{t`6Gi3XqIKnqGWpqI?44OkynzB0%)KaJ4L9gc={>VsEI^
zf3;^-B?1EJnh}+dw_h+JIJN58O=OBn;DDw{KAUao5WYTs+wQQkiP$SBVINwqX_Jk?
YMpLA<2l*;4x^B6c2wyGjRF5f6=-0OjfB*mh

diff --git a/src/css/minimalist.css b/src/css/minimalist.css
index 5d2d20d..948d4de 100644
--- a/src/css/minimalist.css
+++ b/src/css/minimalist.css
@@ -51,8 +51,8 @@ ol > li:nth-child(n+10):before {
     left: -28px;
 }
 img {
-    max-width: 100%;
-    max-height: 800px;
+    width: 100%;
+    max-height: 100vh;
     margin: 1em auto;
 }
 p > img, li > img {
@@ -171,9 +171,8 @@ nav > a {
 }
 
 /* org mode ids and classes */
-.figure {
-    margin-top: 1em;
-    margin-bottom: 1em;
+figure, .figure {
+    margin: 1em 0;
 }
 #content,.content {
     max-width: 46em;
@@ -271,9 +270,14 @@ nav > a {
 /* Dark themes soften and darken images */
 @media (prefers-color-scheme: dark) {
   img {
-      filter: saturate(0.8) brightness(0.8);
+      filter: brightness(0.8) sepia(100%) hue-rotate(182deg) saturate(0.6);
   }
 }
+@media (prefers-color-scheme: light) {
+    img {
+        filter: sepia(100%) hue-rotate(182deg) saturate(0.6);
+    }
+}
 #labels {
     width: 100%;
     text-align: right;
@@ -285,18 +289,11 @@ nav > a {
 }
 
 /* Light themes does not soften and darken images */
-#l:checked ~ .main img,
-#s:checked ~ .main img ,
-#m:checked ~ .main img {
-    filter: none;
-}
-#d:checked ~ .main img,
-#c:checked ~ .main img {
-    filter: saturate(0.8) brightness(0.8);
-}
-#x:checked ~ .main img {
-    filter: brightness(0.8) sepia(100%) hue-rotate(55deg) saturate(2.5);
-}
+#l:checked ~ .main img { filter: sepia(100%) hue-rotate(182deg) saturate(0.6); }
+#s:checked ~ .main img, #m:checked ~ .main img { filter: none; }
+#d:checked ~ .main img { filter: brightness(0.8) sepia(100%) hue-rotate(182deg) saturate(0.6); }
+#c:checked ~ .main img { filter: brightness(0.8); }
+#x:checked ~ .main img { filter: brightness(0.8) sepia(100%) hue-rotate(55deg) saturate(10); }
 
 #s:checked ~ .main #preamble:after,
 #s:checked ~ .main #postamble:before,