From 624fd812aa5278ae018a65bc67549c0eeb942615 Mon Sep 17 00:00:00 2001 From: DridriLaBastos <19534959+DridriLaBastos@users.noreply.github.com> Date: Wed, 18 Nov 2020 23:03:37 +0100 Subject: [PATCH] =?UTF-8?q?Meilleure=20int=C3=A9gration=20des=20th=C3=A8me?= =?UTF-8?q?s?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Sauf pour les icônes, je ne comprends pas du tout comment le changement d'images en fonction du thème opère sur 'infoEvry' donc je ne peux pas copier son fonctionnement --- public/css/standard.css | 3 -- public/css/style.css | 8 +++-- ...icon-100x100.png => calandar-icon-dsc.png} | Bin public/img/icons/calandar-icon-lsc.png | Bin 0 -> 2270 bytes ...con-100x100.png => transport-icon-dsc.png} | Bin public/img/icons/transport-icon-lsc.png | Bin 0 -> 2437 bytes ...-icon-100x100.png => weather-icon-dsc.png} | Bin public/img/icons/weather-icon-lsc.png | Bin 0 -> 2310 bytes public/js/app.js | 28 +++++++++--------- views/home.ejs | 10 +++---- 10 files changed, 24 insertions(+), 25 deletions(-) rename public/img/icons/{calandar-icon-100x100.png => calandar-icon-dsc.png} (100%) create mode 100644 public/img/icons/calandar-icon-lsc.png rename public/img/icons/{transport-icon-100x100.png => transport-icon-dsc.png} (100%) create mode 100644 public/img/icons/transport-icon-lsc.png rename public/img/icons/{weather-icon-100x100.png => weather-icon-dsc.png} (100%) create mode 100644 public/img/icons/weather-icon-lsc.png diff --git a/public/css/standard.css b/public/css/standard.css index 31ba448..24f208a 100644 --- a/public/css/standard.css +++ b/public/css/standard.css @@ -52,7 +52,6 @@ --light-element-border-alpha: rgba(230, 230, 230, 0.6); --light-element-border: rgba(230, 230, 230, 0.7); --light-element-border-hover: rgba(230, 230, 230, 0.8); - --light-element-modal-background-color: rgba(230, 230, 230,1);/*Obligé de la rajouter sinon les fenetres modales avaient un fond transparent avec le thème light*/ --light-border-alpha: rgba(230, 230, 230, 0.6); --light-border: rgba(230, 230, 230, 0.7); --light-border-hover: rgba(230, 230, 230, 0.8); @@ -284,7 +283,6 @@ --caption-background-hover: var(--light-caption-background-hover); --element-background-alpha: var(--light-element-background-alpha); --element-background: var(--light-element-background); - --element-modal-background: var(--light-element-modal-background-color); --element-background-hover: var(--light-element-background-hover); --element-border-alpha: var(--light-element-border-alpha); --element-border: var(--light-element-border); @@ -336,7 +334,6 @@ --caption-background-hover: var(--dark-caption-background-hover); --element-background-alpha: var(--dark-element-background-alpha); --element-background: var(--dark-element-background); - --element-modal-background: var(--element-background); --element-background-hover: var(--dark-element-background-hover); --element-border-alpha: var(--dark-element-border-alpha); --element-border: var(--dark-element-border); diff --git a/public/css/style.css b/public/css/style.css index 1a50939..062187f 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -2261,7 +2261,8 @@ body:not(.singular) .post-header .post-meta>* { height: 100vh; top: 0; left: 0; - background-color: rgba(0, 0, 0, .8); + background-color: var(--dark-page-color-alpha); + cursor: pointer; display: none; justify-content: center; @@ -2273,8 +2274,9 @@ body:not(.singular) .post-header .post-meta>* { min-height: 66%; min-width: 66%; border-radius: 15px; - background-color: var(--element-modal-background); - box-shadow: 0 0 60px black; + background-color: var(--page-color); + box-shadow: 0px 5px 20px -2px var(--input-shadow-alpha); + cursor: default; } .el-modal > .el-add { diff --git a/public/img/icons/calandar-icon-100x100.png b/public/img/icons/calandar-icon-dsc.png similarity index 100% rename from public/img/icons/calandar-icon-100x100.png rename to public/img/icons/calandar-icon-dsc.png diff --git a/public/img/icons/calandar-icon-lsc.png b/public/img/icons/calandar-icon-lsc.png new file mode 100644 index 0000000000000000000000000000000000000000..183f37280425ea9f73b7b45c7bba6061fa8996ca GIT binary patch literal 2270 zcmX|D3pf*O8yG5`SBio?3& zr6YOMwkSw@=43%I03c&X4Gv+4`1v}L7&It>%pg*rTpCll4*;NCxJ&{mmcj-RDN$6q z6L_KhE*L~5JAn`G_OtP0Vkps6EH9oC#Pbg(@nT6xGT6mg8O3#!0?;UI0*FgHMrS#4 zoxneF9i{WlWf&Or^9VcE2^``V0KzchDWKiZ-B25_voZ)3PmXlNyL|GTBrH9khu_ zATkozPGB%>GYITg6luD!-}y?N-;61ADb08(9|P~&_fnZoQ8AbR7T(JZg!91I!;$v( z)(9vZ0N9b6ko(Zb4XvH-(z2u3h8K{jtNCo8QV~l_JKx|6egvvL_xdC-rZBNUa0?xF z85Hw0HZU1YJM|15pp9;h8M#yK*E9c8JFCyO6gjaLIYgLI4e6p|NZ66!;1SKE>YZ)%U~G>BAktZFW3m8+}O%>?J) z{wu5?n2r1DK6a&Fp3m@gIxrcPpKtNQE>tCbErO5!RMq$ zg?8OdO}3it-FrurG=%AyxCfFcN{U8t#}WctalJZkVk6(B=j{Ki5VhKmLo9J;jZ6X; z@lH^<8Sk)XN!s|v-K76&VNO-O-|AeQWS2EcuYU1YeI?2?PDcOm;Ydn(8FShQ^O(`TrXSqJq8PoH2+PT1DE56zNt;T0; zoNt0$IJ~A{gV1mZlOD8_EIzppZ?I;a0gE2LR-st}$6(5opj5urNMa{l_q+=?4CF z@1jXE0N96n>So(%%;rHaDq^?y z`A2AdGX4bFf3>X{z)Go2Jt|g;pp@hvyJtFXApdcAj{ZRcusMA<>GpX;D)7Wr=*K?FRbPmLmntEc zB{(ON>jEle3ECSwgrG)Ciy>_ng*n-0W>g>Okk{%4N3*9kcTPwU>yWSB>jgEMPn~`H z1t$i4Qb3S$4Ljqo;pKWRDu%{CP}L2l%rORj?2E(P-RqOi#8so&TAmRec-!$kJ!lNZ z5?K#NC)*-#fK@^TL+2CVbtoA>wbTzq_VM1kR6_+9%*p53{A84jS(EBPX@)2(};K)t(2c3U}aV{zv^nV|dm}(qO-j zV7%2<*z^E$_7($jt+%5?BnN?^{l!Dmt3GjRqi`?nmAaygnN{d_xWO(HM5=Gua5s+q zbo7N$LJ4X-$0*@Bx39lRG+!w*WhRG3+yiUANya>hvMUyR$OS#cU+u;GD`0E^tvlp9 zzw*(8m*VW1yHru&o0C3wU@YqXq}ex;MBv%|TM20y{*vXhk$#D^+I+V|1g)|^9u zTvT_<@*KVg*;uy_k|$Z^3!+fn{74%ALlJLGFKv_TF!xOCkz1DKaSoKS8H17!dTtsL zK^$A6K5C%uhw9c@WcGL~TMW||4w(lM;5Iu~U({nU#s|mhz3{XPL2bKu+wahbLK1p@(K6TVUb$~ou7m|jXhCt*&dz3F;feP-XfU>)#biWsRKpD~fHb=I z1afFUodat@*YCZOI}=3AVlRm&tX9h7PeILR`zQ@9&YgQK!s2evo7t(1F)xj72mq6h~FrPpfEOylL&)D9Sv3Yy4qFF#LQg z5ceJS{9UAVyJTOLFG;uY`qvx){Zi-vL5xH^SlTOCo-qZ%Dk>Q@Bi>3GOy_Lk_NOs- z3q+?M^&d`W=TB*V9%3((Ws6&^J*L(BIT-2VT5@hfMrYM=^atY1zRhn5&colm&MhMC EA9vU7ssI20 literal 0 HcmV?d00001 diff --git a/public/img/icons/transport-icon-100x100.png b/public/img/icons/transport-icon-dsc.png similarity index 100% rename from public/img/icons/transport-icon-100x100.png rename to public/img/icons/transport-icon-dsc.png diff --git a/public/img/icons/transport-icon-lsc.png b/public/img/icons/transport-icon-lsc.png new file mode 100644 index 0000000000000000000000000000000000000000..3b65a15e0c1eb4181bd6160c6585256b8864f30a GIT binary patch literal 2437 zcmY*bdpr~B8=p&-%q@4BW-cAd#*A#p+&9cU_k?YjneEsdcN;>IkYo-{*aw_xn8G=ktC(@0;i0<|MsOeIEb-kj7!{ zy@W{IwY?I;k^Y+F0|1B|Ap7_;{qe470*wj_Bhtc2utX|dxDNnWS|`%O2ow?%5>ARF z$67&G?%aby$V4lspDEr5Pq!mQk+I2fB=2N5A3`#PfFeSzkL|NeL<Sks1@r zKqp#3|K>#t=ex^rDCF-DCdCTskN1Gs(c(xDQWnDV{7FYSvR54@H~y=*L}r{Db9Zif8*xDo`)CBSyj&K>odC-Rj9Nc6#OG zwjz}j7-FS1<#!ts>J+)qpbKqg1+J;>c^Pi}CcY`4?)z=laEs!kQu7n3LW9~;gf6-N`6)@HK*&V7r=lJbJwd|cn3Z%AzUOFdr@*vfkT`IkRRtRI}2H$c=W{^75O zJENiL`Ps_~W~`MQ>{ymL{o`KRgo0hx)g|d;{50g*$yomEsirGosT!(%lUh@nbCyAm zPEO~(I{G+YX}AYC5^vtak7}Ws&$7>@nASS5bjoj;7PGm8sI!tHUb{Ch(Q% zX06NAbhajHC3suHz&dh(ek*cXcr_*I*Z>9q0Mp(zk;JRkzW@Ld88~|zpTvq~UQiU+ zLG>XESEe^n8ajhCh;Ar-dOsPb_#03k>g(CO8_bi%-$$N1$`+;td*G#8K17;9ZxBbk^nNa_`oA2hfijgRY+o>%$ zD4>-NUe6w7Ger`_`~Y0BWz7zNhKNMQC>tzDNPl~)T16FbM&MIrCfO|(One0VZB^VT zgO&SXMs=01p7C>q8Ay*)yAi#g1IL~ zVq*3X<-J5k+AiFs=@q4S60RvUUcY*|mo)S|6o3@t&S0l}G0BEk5A3%x+uxCtGZbI1 z!8C?^CAFfy1CG*x=`#n#J+LF1ZssH50DzrPi4BL-#}s z0c296sLKOFhk#-h=Bu(IEQA6C3%AxK`slRg9;`z{b|>0?0c7F{@9CHjO->7^jTaB zSb4^#((J&G4#e`trHJ;D<`COU`m=1;DzbLv*R#gqZAXp5F{0WMI{$-IiFrUPF+_!~ zML)FK0tDa5C})$fwBONl3bN>Wqth>vy+^&$7Cgn8Jx!z)zWLjt)H76&*3R9S( zt$x}(EA>TU2UuTSoh@rR_9zYWG`faS;D`=b7L^81QfdfD$gw3k-qo!b*a{F)b|Ug_ zH5J^pDlf;AKidhMz(c%$9j71DoOZ(aQc@p&gKki=K1{nvyK1&NKP7Ik-& zAuDl#MDyn!sGK7WVKJZb7oF1-6DR3qTI23AdeC@CWZsHP5p|2BVK~4tS=*6)>DERn z!OH&JcuQUl^?Ekx+OqqcL{@s-fWbW4;vCBS70B4p`8Ug!TgC6*ae_gX1z+}#qR>T}$6u~1 zeD$A+uDh)>O3P0l&9v^0Gu`2pO&Af^2SSWLmIq9I z8Vt+>nNe_4EQ?nS52p5ZS2j1X+eKx&N(jmms?Vc`hdkcfRGh@$ER_H5=Gx{Q={KF(eE>9e_RQFninq64+5Kn%a1L(vjkckg{{cgpKpg-8 literal 0 HcmV?d00001 diff --git a/public/img/icons/weather-icon-100x100.png b/public/img/icons/weather-icon-dsc.png similarity index 100% rename from public/img/icons/weather-icon-100x100.png rename to public/img/icons/weather-icon-dsc.png diff --git a/public/img/icons/weather-icon-lsc.png b/public/img/icons/weather-icon-lsc.png new file mode 100644 index 0000000000000000000000000000000000000000..0e886288fe70007c8ca2bd245e5a02be91bd6cfd GIT binary patch literal 2310 zcmZ`*dpr~B8{ZmRh+HFynM;T*bIHccEw{!&a*1Td7-nO0o!Z=vdk7(_PpF?H6qQIv zB{EX(bIYP~i8yYlhBN1!&-w57`8=2RdEV#!KF|04ynnpuPL4LB!t%lZ06^5v*2;zN z{r7Y~m~W}mg{}Yq@CeD(gYMygLlY=uINqP)7XXhTQ~CPzvoN%C81_Y68<01mi#5uYW;z9^0e;C$O*dzwc2OtN~@z5A@Xc!G0 zgMs~xi{`KQ(g+yz?-F_l2Ik@51hu3@1V9bo2JjOwQ(>q{gg+7OVrBjBVSa>x1<~nL zGy)MF9Sx7xgHs{`5xOW83ULC7Kq7Vc6*{!oFgiX)Cyb`D2k{SvRRE0;L88)0lrZQX zCf<({Nyoroh`lC=f4lIppE^E}e>fq|taH&MEVdZ?*W#KmgA zxaL1e_9}Fx+ih8KD!K$yC^(GUbYOnI+K#@bNGi{lEE%Q73}2KzuBoG-3meF$HU*CIpQaGi){_PRz*Y7X7;_sN1pt8e*;$#p#*{6Ug;dF$mF{GY zGZ%u*lt>jB;6tJc~C zBN@A!Bs|SkL#E!7oT^hhO-cvVBFKAQJXRdLm zNN4+QS(fbG)(`m5-eV@3zY?S{Tl(1co02P%f{xb4GkNGyX;z5IR)bo5QITC<*17I! z0bfCzlLcg3uLiY_jY-z6&$~))J1v47j=3@6=PH^?<~F#qO1n*mL}wBZD3|k?Lo?UZ zxv{=VABS))&#i~8FXz;wz#bQ#e?e3N5rf4lnuIi;&!zk0adb)Cn4pOx{mF(xdA|F1 zeZWEBeU4g1#U+7W_VBh}pVSs>J$@1^fFHr37YR8*1wpyK#-B-HvRTFj7#>7NMy9;wmr|@0d}a1n)%G7th1)q zL(A7?`qE3jaZSS;CFaPolFS~n=ET~hKLwFY|LF#;2?UNZma6X6461XP^j!qN4JKN! ztLwzPTsQ8ZbT~WtR@--fsa!)YFzKK}+l#FDVv17r!oa~%mD00?eYN8Uo|_c+wMOS& z(z&g*ZYDojlkaR1M|Ows=B=YB3!gXfdILiV*-utRWEK-~t7O1)9cGkV)Bci&O4+yv zSwL%8S47ugiK*|4pFK1g<^_#^U{RbBhTxJS6o+;!oAc@gb~XPv9!rKcr1My#X?@o3LOZAD|bdAyC{ z@oQk;+LXyzi)p=mC1=x`pC4{gnM)I$QpOaW^OxyA{NwG)qzku0;PE$`&C4m_>JM87 zt&Z2rqh^aUB(|8-1J!~}FPt7*tK!3#yaOb#v$$7Gv-9(smOsGabdM0B76?Z`M zE>GmxMtU8Q@5Th`K}rRY=`&>RGsZ zCGpG;8fdC>RLxUH{R~fwUHN@qcvGSZrQ?-h0{z8a { - elModalClose.addEventListener('click', () => { - document.querySelectorAll('.el-modal-bg').forEach((elModal) => { - elModal.style.display = 'none'; - document.getElementById('site-header').style.display = 'flex'; + /*TODO: quit when clicking the little 'x' or outside the modal window */ + let elModalCloses = document.querySelectorAll(".el-modal-close"); + + elModalCloses.forEach((elModalClose) => { + elModalClose.addEventListener('click', () => { + document.querySelectorAll('.el-modal-bg').forEach((elModal) => { + elModal.style.display = 'none'; + document.getElementById('site-header').style.display = 'flex'; + }); }); }); -}); -document.getElementById("el-utility-edt").onclick = () => { - document.getElementById("el-modal-edt").style.display = "flex"; - document.getElementById('site-header').style.display = 'none'; -}; + document.getElementById("el-utility-edt").onclick = () => { + document.getElementById("el-modal-edt").style.display = "flex"; + document.getElementById('site-header').style.display = 'none'; + }; +} ); child.run(); diff --git a/views/home.ejs b/views/home.ejs index 463473e..e6eccdd 100644 --- a/views/home.ejs +++ b/views/home.ejs @@ -1,6 +1,6 @@ <%- include('includes/head') %> - + <%- include('includes/header') %>
@@ -10,21 +10,21 @@