From 754adf0b4350724ad8670447fabc20a30ed6f2d9 Mon Sep 17 00:00:00 2001
From: "Yann Esposito (Yogsototh)" <yann.esposito@gmail.com>
Date: Fri, 16 Aug 2019 16:42:56 +0200
Subject: [PATCH] Added modern style

---
 .project.el.gpg                               | Bin 3591 -> 3618 bytes
 build.sh                                      |   2 +-
 src/css/minimalist.css                        |  79 ++++++++++-
 src/index.org                                 |   9 +-
 ...atic-org-publish.org => blog-org-mode.org} |   0
 src/posts/new-blog.org                        | 131 ++++++++++++++++++
 6 files changed, 214 insertions(+), 7 deletions(-)
 rename src/posts/{2019-07-04-static-org-publish.org => blog-org-mode.org} (100%)
 create mode 100644 src/posts/new-blog.org

diff --git a/.project.el.gpg b/.project.el.gpg
index e3fbbeac482c6126d9b49a6244ed16fa83d420ea..1e4f7ef2a1d20fd1c2a7510a2d44e8f7fd85722c 100644
GIT binary patch
literal 3618
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

literal 3591
zcmV+i4*2nf0t^FvF6E%v-!tL?5B@$ki2~5aa_(liD`sAFz6X<|ThyLk4`&1vDgTye
zebo8<W4g6XUy1No1rXB!PlUdoxB%=q4z^TO2;!PYhlj>RqbDd}OK0NfQ^#R?cPaiM
z=eK#(kdKfNt;i<Dee*-f3Nfb(Y~i77e44Ov2ICuRK_Cgpzgc_=02c(`m8Gj|ut15D
zad~j+pVDzBXcfRv415Ok1*ng%j{Zx^@5uv?fUQ_2eb*jEKldtLHv3X(KF5-L6yX=h
z^9hXDP{o6&^Ldp+Y_Y{wQz~gCA}&&kjAyKA^)D(H^R0O>HD(#z>4~K%`LeW^7{!}d
zmH;x~b-Q<A^~a=87IeasbDvV9bu51hZbSJuySP7U3wAJCtfAy9p4RppBho(;b}!i3
zaCr0PMxhG4kckDgY?Dh3Km=Lh46f%bqWt%-OQgDDEZj=QJitWdlh%tuk6ouQIe$xJ
z!)>Jj6ga_cMiDE$OF?V>GK8D=RT+V^V%79%KtM>VfRd@6h9(ZVee4UHb~8{WGyqnX
z6129ehosf1_Q?ZNNF=RIU!nvA7zioMCMFxD`s8~v)i1QA*<<0=voX%vsT5Y-*UVB{
z$d!yhNS7hN&lOeb(cbRC=ImY|r+Daz0}XBLDFk`KPv*Sbl^5+=vt`wt2^^#2pwS!n
ztSMU=?ur&Xb^ORax8Bn00p_k@lvhR`#FkaUL*u<kMeY(c2`Nm)BbQgZ`jEf+hiSJX
z$FRR9_Pf9$7W!IY^`R1TktDwWjLe~XNb&qq@EI)g;4Q(lZ=V!>_vgtbu>**^yPm#m
zL~PC+n>Of?gg#VusRsLkWD6;3HEFv2Q+1Su+Djzxc!t>F)CM@_i`kvxy1-4c@#wu2
zc6X4o!U9epw!-#{>gw6PU-W6VT&hAu7nm@9OzDczGWdlL`1tPbZq7BREtKS7Qq(%x
z2J`U4hFsb*^upQZ0^v8lA6KinubD=Gd{VEg!8{}enN+#gBMQUETxdL9ha_ggYP>q_
zkoyB`q86RxfRz9=%A{eF`<cd&!5cg9YJ_qgXmdrQ--8x!4X!E&6=OQLKe3r<G6f(l
zfc_Kgo}(8k7j4Z%ThpnZ2B9m}SOwla#9+hs>>GzNUw(*PU9Qke;b6>bMpHRfkI*Dj
zn_>mgFO}we^bqk%3i+*2#5Hq8C0$>kCN%>F6N{TkN&1Ppe#6)_Nlk~>95@TGq?^1z
z7k_Q(mv|7St4j`4Bv%GQ`>z@fwfL-wE=WiF@wc+=c0wK7AZgZa&S8`elWh1tjtz3(
zX4a$tue1k-3}2=~Hj6oBLpCc%PMv0NqC4^J3l6I1SsE#yP=x@l2Le?F8{KgD?;^id
zJsu<Q$cBv-3dv|vATE*E`oo-!jElm|Pxw8#)~14$#Z`+%E?EMb@V1eT$Y{=VQcC3#
z7ed&F?O+8=5cq~PRp#KSwgdRpj7=iF#iFDo0YZwnjIdB7To{b^U?G_k!P?oabz&=S
zq8(iSZ%M25?IB{<)1}&c)Mw7+jS4|eQj?mCcmzpv6!Sn1b4-*&k1e^=E{99ijwI+Z
zMAwFs7NP@T+rVAkWCzp@#s{~qZUI#=d&qk#4Bmrz3Om1sk~*Ku%)gT3aSbTFKbi>v
z`Zn!MSd-Pb&T!^{LAtW^TbF-%gNf7J;-5k^ab<kC%AtLGTVzSsF+ZoX%<PeOF}ar@
zMCZ;t@<|gBW67*oz}#>>Ef2M@bdXQNu1Q#n%FvmN5hXx<*!8KR2E#?K9#d02=Cw7!
z`&^$)2ZP@%7EbA@4M~;`2Yb6pO&HiD@Xj<=p6v;K$<g00{8Sd&16RDLo3|!%JR#1j
zfKRnUssyl##@24=`;<ZIZ;uQ+aMwky*?~LF+QCr$t%5}#P*T9J=vf#)R_T><TAII;
zw%K|(c5ddJ&n2UT&>n4!fbQ#lWZV&yT>&OFT!BHXjSEm0UFOc@Dx8vuwAT&*?{Z%-
z#d#uA#l5bM$mgl-LNxI^zZs!ZjR%o({5DV~Hla4yZO_~;uqpeArI}}=7$^JyRh08$
zNc$2_J%6|_qdoKM^{=R>Q*ZvP!Am`&VZM^EsahO!8c$D@15+QM2QRR_op4Vf7+EtJ
z-_PX6&^6t3v4Y@#o%;7EDHqlSq3pdmzA%JtUS++C12Ie8M^<Ukiz1_%V44yF)G9%{
z2F_OI_h#jenp$M{1oS0M`l60>dV=e>h5=Fl$~T(6S9B#5^p)sEG-J_t^Z3CyRS<M%
z+s_LtW#4?Ic`t<obzQAH$oAsV7|68fHI6okPRK!%c`~ftL>moV+$NrzIrj~=Wg%e#
zJ$dk^Bv`uQRWU|-HSDn{Y0Mef+^_^_F`yuLN&ON3BPs@kx=&u7c>UNbeCaZW^Hk4o
zWRr1YSf$iThzQrLH5R2vWX6w|(o|ybcY59B+K9`7nyxiodDe&Tjy(^3y27VxNNml%
zjfGe+F1_V5%1Qi@4)lUypsGeWPrz}ZZgvMjK)f?*f+{t;`=66*^$SqI{Ztl9qB@BE
ziS7=mcHqSeY+Yl4hT?oo;B&agPm2|Z+E#1WGSh8zmI=rA-&F2p<^@d5i<E&)ETv0%
zS!m{{<7rlkDi8)}tR;c4>;b_CU@zsWRU^Xq+Ih<NNSZMB%DW@}rqv;RRBlO*Mz?Y-
zwOBn9(>a*Vl&i#WU0j4(b7@yt#WVex!;sU)DEo9b3P)`3b3+XpZDLWEPD9;xLEKkN
z=U8~v*QuwOoqPE+Z~<tBFI$bDBQ6FmLbUt`-Jl{o8;Vd_C?lkN^|0XOQa+g9yY$Lo
zl!~+JsEdFaqwnn*$BSYemF5am#ILZulwdY#;TQ&G<!k7&s48Zbk*O9qu7WW5dr}q~
z%xeUx+u5EDlOtd>_`0xuyiro3D#I>l%Ci*b!cV)bBqfNXrnqtk$=xQ}lU6cDOKT<4
z>#4mCPx~m)s*zPB7kQe>d6B&XCbeWhuA~)K5^f`XV$%MwPnOOQ@qeN>r_z8cna#Pi
zoLH5}8VN#lIZzqFdfOUwiB$(at!(QHCBLC#d?=(kQ3+uGZ6$$hEipC1dL_fk*FY6V
zKjrsV0lD8Q-%I~GEK~GRFIKQ1+exoml08{v?NM+=plj?6HYP|I$QP1CN&}iyiRwKf
z2y{&<MbPd&-cPAElZmhXM0Gww92qG^=JhmlfXB23y<uX7QxgIcQ;&@8;_q(`mADea
z4?&ChyF6YmsJzX3k3gH3J%}gQBMz;OZ!dBs(Ac>MAiA^pq{UEnfJ%Ii0(!y4GBQae
z4qAR?W<Vm0O_;%)D8r3IIs7U>Z=;Nd5_r`og@f&mY&#1RhzsR&YiI44V@K*d6u<ce
z)vRLTEu}CQZs%bf=S*Qs=Q|C>&=excG&~0}$6~3>wbWZU=`3*ZRZue*=hA`zj~LFi
zGAC2kgCsh6E31K@3jxp48Hzn`EAREccsas(#_tWfZZDNk>#$ag#)kn*(*PDZfXXYk
z)#ITURYI)r(SbcpOS{u2G$}W{NeGLw?)&qh%#LSHsAB8Ut>5hh?FT{-E{T;eVpWIA
z`Ob5qD-o72ULs0z8RUL+mTYTq&#Ef7ZP8?B$hYm})EwY>ggiT+q=&!N0T8J~m$JZ$
z?P|gtu!Yk%xohX+v)$}VodWXo<FNwMSl9%GeQ6&c?*(szX0sP4P^tOnQxkd9ZDlqz
z>X<nlh^LDLc4L}c_030rSNf6MepDO!w)&{E143OG%ZikXlh{-6M~EQ97Qklx7R@WB
z&}oQ=t~O69RRm>l;lSj7?URzf0}{7$VkQfR&=HV+vqAIvexW5ydXhxYCIBB?d}574
zS7Ex<1(j_X4tG0`94)Q|^hyXCn)Jopc{#A3jB(wDX<B|a`bk}i?10;&=n!UVoKZW?
zL(1y(U!^EBs3OjTop+dvgVsz69KzSU8+zIX@L7=(bk-m(U}CEH^+%9PHglM(9dLr<
zbF>w7C6$zz`3d{hxTh?e!x7C3sX!~KP&*rRROA}WQSJ>w!C?gpyI@bJHtNZDLY3SW
z%Tz=0&Z+C&tNX7uGs<YL&C1%ykTDh)oKA))L%}l*4+|2FTuVJXjY9Yw416WM9)Go)
zFQ&t;U$E2rbbHC;T07`!+zeqEUof`vViikO<GgHIgiyb+O8BR!b(gi_o(#N}7Z)yC
zokHE%sJGNXeMQQ2e=Q@A70Ptuvw#-69FF-vxX=?i^orMx9|8(>77zWVX}T}Vfe;0{
z!^~)mj9a2MP_6w9VBdlgl79m!vxhxy<6EhkLq>DYYKt|cZLlX5wK_fU-f&@pC<A4G
zrKj4x_gcvbYy>hg_b4DBx>tO=W9B)t0~?5SA(n=aZZy$s@ULL+${4%>Wz~}0Z><8j
z9(z3`!)5@)ESDF$Z#(UP*h{_=$@7zfM$g_Mz`vv@CIJq%YaXMy6foGiDV$6<ZE)Ef
zC9yDt6@Cw#FVGipUm8*j|E{}Jj65Iz%Flj}!Z0wh*-VlVTbE;GtfYxm^r1A^0^Ds%
ze<i>^7IP<-7>)Sawx(TR1cS^EYyg|xUoD-gin44_Zy9rN=-iX8eEC=u`a!Or`I<-{
zx;M@k1wo9gt*gO%t0&MFd`*c>uZNLj#{oQz`I3hG-Eu6UXxdwDG{J4W%(Ic_pF~R6
zo^IKnDb<ti@}fbzDZj3nEBO9!U7}^qscIHeW4f=4hT9KHF&|a!{6@|+@I#JIS;XtP
N)GfzADjeF}*x;=h-=hEk

diff --git a/build.sh b/build.sh
index f5cc2fd..38bc637 100755
--- a/build.sh
+++ b/build.sh
@@ -1,3 +1,3 @@
 #!/usr/bin/env bash
 
-emacs --load .project.el.gpg --eval '(progn (org-publish "blog" t) (evil-quit))'
+emacs --load .project.el.gpg --eval '(progn (delete-directory org-publish-timestamp-directory t) (org-publish "blog" t) (evil-quit))'
diff --git a/src/css/minimalist.css b/src/css/minimalist.css
index 6dd4a33..04de219 100644
--- a/src/css/minimalist.css
+++ b/src/css/minimalist.css
@@ -351,7 +351,7 @@ input#raw:checked ~ .main {
     --color-h4: #000;
     --color-h5: #000;
     --color-h6: #000;
-    --color-link: #33d;
+    --color-link: var(--magenta);
     font-family: monospace;
 }
 input#raw:checked ~ #labels {
@@ -359,6 +359,81 @@ input#raw:checked ~ #labels {
     color: #000;
 }
 
+input#modern:checked ~ .main {
+    --main-background: #fff;
+    --main-foreground: #444;
+    --second-foreground: #666;
+    --reveal-background: #eee;
+    --soft-foreground: #888;
+    --border-color: #ddd;
+    --todo-txt: #000;
+    --color-link: var(--magenta);
+    font-family: "Helvetica Neue", sans-serif;
+    font-weight: 300;
+    font-size: 16px;
+    line-height: 24px;
+}
+input#modern:checked ~ .main .content,
+input#modern:checked ~ .main #content {
+  margin: 0 auto;
+}
+input#modern:checked ~ .main h1,
+input#modern:checked ~ .main h2 {
+    font-family: "Hoefler Text", Georgia, serif;
+    font-style: italic;
+    font-size: 2em;
+    margin: 1em 0;
+}
+
+input#modern:checked ~ .main h3,
+input#modern:checked ~ .main h4,
+input#modern:checked ~ .main h5,
+input#modern:checked ~ .main h6 {
+    font-weight: 200;
+    font-size: 1.5em;
+    margin: 1em 0;
+}
+input#modern:checked ~ .main #preamble h1 {
+    font-size: 4em;
+}
+input#modern:checked ~ .main h1::before,
+input#modern:checked ~ .main h2::before,
+input#modern:checked ~ .main h3::before,
+input#modern:checked ~ .main h4::before,
+input#modern:checked ~ .main h5::before,
+input#modern:checked ~ .main h6::before {
+    content: "";
+}
+input#modern:checked ~ .main pre {
+    font-size: 14px;
+    line-height; 21px;
+    border-left: solid 4px var(--soft-foreground);
+    padding-left: 1em;
+}
+input#modern:checked ~ .main pre::before,
+input#modern:checked ~ .main pre::after {
+    content: "";
+}
+input#modern:checked ~ .main #preamble,
+input#modern:checked ~ .main #postamble {
+    background-color: var(--cyan);
+    padding: 2em 0;
+}
+input#modern:checked ~ .main #postamble code {
+    background-color: transparent;
+}
+input#modern:checked ~ .main #preamble *,
+input#modern:checked ~ .main #postamble * {
+    color: #fff;
+}
+input#modern:checked ~ #labels {
+    background: var(--cyan);
+    color: #fff;
+}
+input#modern:checked ~ #labels .content {
+    margin: 0 auto;
+}
+
 input#darkraw:checked ~ .main {
     --main-background: #000;
     --main-foreground: #fff;
@@ -373,7 +448,7 @@ input#darkraw:checked ~ .main {
     --color-h4: #fff;
     --color-h5: #fff;
     --color-h6: #fff;
-    --color-link: #dd3;
+    --color-link: var(--yellow);
     font-family: monospace;
 }
 input#darkraw:checked ~ #labels {
diff --git a/src/index.org b/src/index.org
index f13a805..6b7ec5f 100644
--- a/src/index.org
+++ b/src/index.org
@@ -23,10 +23,11 @@ priority:
    with disabilities could easily consume it
 4. *nerdy*; should feel mostly like markdown text in a terminal and source code
    should be syntax higlighted.
-5. *org-mode friendly*; I should write my post in [[https://orgmode.org][org mode]]
-6. *user friendly*; support your preferred light/dark theme by default but you
+5. *user friendly*; support your preferred light/dark theme by default but you
    can change it if you want.
-7. *rss*; you should be able to get informed when I add a new blog post.
-8. *frugal*; try to minize the resources needed to visit my website; no
+6. *rss*; you should be able to get informed when I add a new blog post.
+7. *frugal*; try to minize the resources needed to visit my website; no
    javascript, no webfont, not too much CSS magic, not much images or really
    compressed one.
+
+I talk about more details [[file:./posts/new-blog.org][here]].
diff --git a/src/posts/2019-07-04-static-org-publish.org b/src/posts/blog-org-mode.org
similarity index 100%
rename from src/posts/2019-07-04-static-org-publish.org
rename to src/posts/blog-org-mode.org
diff --git a/src/posts/new-blog.org b/src/posts/new-blog.org
new file mode 100644
index 0000000..b8b1784
--- /dev/null
+++ b/src/posts/new-blog.org
@@ -0,0 +1,131 @@
+#+TITLE: New Blog
+#+SUBTITLE: Peaceful and respectful design
+#+AUTHOR: Yann Esposito
+#+EMAIL: yann@esposito.host
+#+DATE: [2019-07-28]
+#+KEYWORDS: programming, blog, org-mode, web, css
+#+OPTIONS: auto-id:t
+
+* Peaceful and Respectful Website
+:PROPERTIES:
+:CUSTOM_ID: peaceful-and-respectful-website
+:END:
+
+There is a trend about website being quite less accessible, using more and
+more resources, adding trackers, popups, videos, animations, big js
+frameworks, etc...
+
+I wanted a more peaceful and respectful website.
+
+That website was created with the following constraints in mind by order of
+priority:
+
+1. *Respect Privacy*; no tracker of any sort (no ads, no google analytics, no
+   referrer for all external links, etc...)
+2. *javascript free*; no js at all, yes even the theme changer
+3. *Accessible*; should be easy to read on a text browser so people with
+   disabilities could easily consume it
+4. *nerdy*; should feel mostly like markdown text in a terminal and source
+   code should be syntax highlighted.
+5. *theme switchable*; support your preferred light/dark theme by default
+   but you can change it if you want.
+6. *rss*; you should be able to get informed when I add a new blog post.
+7. *frugal*; try to minimize the resources needed to visit my website; no
+   javascript, no web-font, not too much CSS magic, not much images or really
+   compressed one.
+
+Some of the constraints are straightforward to get, some other not.
+
+** Respect Privacy
+:PROPERTIES:
+  :CUSTOM_ID: respect-privacy
+  :END:
+The one should be easy, simply not put any 3rd party inclusion in my website.
+So, no external CSS in my headers, no link to any image I do not host myself.
+No 3rd party javascript.
+
+** Javascript Free
+:PROPERTIES:
+  :CUSTOM_ID: javascript-free
+  :END:
+I do not really see why a content oriented website should need to execute javascript.
+
+** Accessible
+:PROPERTIES:
+:CUSTOM_ID: disability-friendly
+:END:
+A good way to check that a website is friendly to disabled people is by
+looking at it with a text browser.
+If you open most website today you see that at the top of the page is
+crippled with a numerous number of links/metas info used for javascript
+tricks, login/logout buttons, etc...
+The website should only contain, a pretty minimal menu to navigate, and the
+content.
+
+** Nerdy
+:PROPERTIES:
+:CUSTOM_ID: nerdy
+:END:
+The feel of the website should be nerdy, it should look like reading a
+terminal or emacs.
+It should almost feel the same as if you were using a text-browser.
+For sensible people, I added a "modern" theme that should better suit
+modern eye, still the first design should always be the terminal looking
+one.
+
+** Theme switchable
+:PROPERTIES:
+:CUSTOM_ID: theme-switchable
+:END:
+Even if you are not used to disability friendly browser.
+The website should try to guess your preferred way to consume my website.
+Recently we dark/light themes were integrated as a new CSS feature.
+This website should propose your apparently preferred theme.
+But you could also change it manually.
+
+** RSS
+:PROPERTIES:
+:CUSTOM_ID: rss
+:END:
+This is another layer that help you consume my website as you prefer.
+You should at least be informed a new article has been published.
+
+** Frugal
+:PROPERTIES:
+:CUSTOM_ID: frugal
+:END:
+This one is a bit tricky.
+It would mean, that visiting my website should not consume much resources.
+Mainly, this would prevent using heavy medias as much as possible.
+So, no video, no animated gif, no image if possible or very sparse one.
+
+* How
+:PROPERTIES:
+:CUSTOM_ID: how
+:END:
+** CSS
+:PROPERTIES:
+:CUSTOM_ID: css
+:END:
+My CSS should be nerdy, so all title font-size should be equal to the body
+font size.
+Also, I wanted to simulate markdown notation, so my HTML will look like a
+text file.
+There are a few tricks about that.
+
+One of think that wasn't straightforward while writing the CSS was about
+providing a user controlled theme.
+So click and change theme and without any javascript involved.
+That theme changer is really the limit up to which I agree to concede to
+modern standards because it is CSS only.
+
+The trick is to provide one checkbox per theme at the beginning of the body
+of the HTML.
+Then hide those checkbox and have label for each check box.
+Then use the /sibling/ CSS selector =~=.
+Then put all your content in a div of class =.main= for example.
+Finally in the CSS you can write things like:
+
+#+begin_src css
+input#themeid:checked ~ .main { // style when foo is checked }
+#+end_src