diff options
Diffstat (limited to 'blog/post/2018-10-11.html')
-rw-r--r-- | blog/post/2018-10-11.html | 67 |
1 files changed, 25 insertions, 42 deletions
diff --git a/blog/post/2018-10-11.html b/blog/post/2018-10-11.html index 25c4f8b..19c0055 100644 --- a/blog/post/2018-10-11.html +++ b/blog/post/2018-10-11.html @@ -1,9 +1,10 @@ -<html><head> +<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="theme-color" content="#000000"> <title>Chrisoft::Blog</title> <script type="text/javascript" src="/panel.js"></script> +<script type="text/javascript" src="/themer.js"></script> <script type="text/javascript" src="/blog/footnoter.js"></script> <script type="text/javascript" src="/blog/aes-js.js"></script> <script type="text/javascript" src="/blog/scrypt.js"></script> @@ -30,42 +31,9 @@ function ol() else unsetevents(); } window.onresize(); + loadTheme(); _decryptonload(); } -function loadTheme(){ - var thm=document.cookie.replace(new RegExp("(?:(?:^|.*;\\s*)thm\\s*\\=\\s*([^;]*).*$)|^.*$"),"$1"); - if(thm.length<2||'0123z'.indexOf(thm[0])==-1||'abz'.indexOf(thm[1])==-1)thm='zz'; - var ent=""; - var d=new Date(); - if(thm[0]=='z') - { - var m=d.getMonth()+1; - if(m>=3&&m<6)thm='0'+thm[1]; - else if(m>=6&&m<9)thm='1'+thm[1]; - else if(m>=9&&m<12)thm='2'+thm[1]; - else thm='3'+thm[1]; - } - if(thm[1]=='z') - {if(d.getHours()>=18||d.getHours()<6)thm=thm[0]+'b';else thm=thm[0]+'a';} - ent=`theme${thm}`; - var R=new RegExp('theme[0-4][ab]'); - for(var i=0;i<document.styleSheets.length;++i) - { - if(R.exec(document.styleSheets[i].ownerNode.id)!==null&&document.styleSheets[i].ownerNode.id!=ent) - document.styleSheets[i].disabled=true; - else document.styleSheets[i].disabled=false; - } - var thmcolor=""; - switch(thm[0]) - { - case '0':thmcolor=thm[1]=='a'?'#f59dda':'#2f0933';break; - case '1':thmcolor=thm[1]=='a'?'#9df59d':'#090933';break; - case '2':thmcolor=thm[1]=='a'?'#edb47b':'#1f1205';break; - case '3':thmcolor=thm[1]=='a'?'#a0cdfa':'#051933';break; - } - document.querySelector("meta[name=theme-color]").setAttribute('content',thmcolor); -} -loadTheme(); </script> </head> <body onload="ol()" style="overflow-x:hidden;"> @@ -91,18 +59,33 @@ loadTheme(); <h2 id="titleh" class="TText" style="font-wight:normal;">The stupid blogging system evolved!</h2> <div id="datetags" class="TText" style="margin-bottom:1em;">2018-10-11<br>#web #devel #js</div> <hr><div id="article" class="TText"><article> -<p>As you may not have noticed this time, the blogging system I am currently on received yet another major revamp: unlike the previous SBS, which will not work at all if you have JavaScript disabled or trying to browse with lynx/links/w3m, the new SSBS is almost fully static: no JavaScript involved on the client side if you decide not to read my encrypted crap!</p> -<p>This is a rather small update on the visual side: it shouldn't have a huge impact on the reading experience by only stripping away some animations. More changes are actually under the hood.</p> -<p>SBS 2.0 is archived and retired immediately. Old URLs will not be redirected. Substantial changes may still come up to the current version and may break unless a complete reload is performed.</p> +<p>As you may not have noticed this time, the blogging system I am +currently on received yet another major revamp: unlike the previous SBS, +which will not work at all if you have JavaScript disabled or trying to +browse with lynx/links/w3m, the new SSBS is almost fully static: no +JavaScript involved on the client side if you decide not to read my +encrypted crap!</p> +<p>This is a rather small update on the visual side: it shouldn’t have a +huge impact on the reading experience by only stripping away some +animations. More changes are actually under the hood.</p> +<p>SBS 2.0 is archived and retired immediately. Old URLs will not be +redirected. Substantial changes may still come up to the current version +and may break unless a complete reload is performed.</p> <p>Full changelog below:</p> <ul> <li>+ Static page generator using node.js.</li> <li>+ Content encryption with AES instead of simple XOR.</li> -<li>+ Decryptor now remembers every correct passphrases in local storage and try to decrypt once the page has been loaded.</li> -<li>+ Optional custom preprocessor pass for markdown/reStructuredText support.</li> -<li>- Vim-like command buffer, animations and key bindings removed on the posts listing page.</li> +<li>+ Decryptor now remembers every correct passphrases in local storage +and try to decrypt once the page has been loaded.</li> +<li>+ Optional custom preprocessor pass for markdown/reStructuredText +support.</li> +<li>- Vim-like command buffer, animations and key bindings removed on +the posts listing page.</li> </ul> -<p>The decryptor requires a ES7-enabled browser to work. All testing was done in Chromium 71 and Firefox 62. I don't use 'JavaScript best practices' or 'industrial standard testing processes'. It <em>just</em> works.</p> +<p>The decryptor requires a ES7-enabled browser to work. All testing was +done in Chromium 71 and Firefox 62. I don’t use ‘JavaScript best +practices’ or ‘industrial standard testing processes’. It <em>just</em> +works.</p> Find out more <a href="https://cgit.chrisoft.org/sbs.git/about/">here</a>. </article> </div><br><hr> |