|
| 1 | +<!DOCTYPE html> |
| 2 | +<html lang="en" style="background-color: black;"> |
| 3 | + <head> |
| 4 | + <script type="text/javascript" src="/Assets/MainFunctions.js"></script> |
| 5 | + <script type="text/javascript">WriteHead();</script> |
| 6 | + <title>CatWithCode - Design Made even more Worst</title> |
| 7 | + </head> |
| 8 | + <body align="left"> |
| 9 | + <div id="viewerChecker"> <p><a href="https://catwithcode.moe/Blog/2024.10.02_F_Search_Engines/F_Search_Engines.html">THIS IS A MIRROR OR ARCHIVE. CLICK HERE TO GET TO THE OFFICIAL CATWITHCODE.MOE PAGE! IF YOU ARE ALREADY ON CATWITHCODE.MOE, IGNORE THIS. BLOCKING JAVASCRIPT IS COOL.</a></p> <script type="text/javascript">creatCheckViewer();</script></div> |
| 10 | + |
| 11 | + <div id="Header"> <a href="/archive.html">NoJS-Header</a> <script type="text/javascript">WriteHeader();</script></div> |
| 12 | + <script type="text/javascript">CreateSpeechBubble("Now I have a kitten myself. Wait... what?");</script> |
| 13 | + |
| 14 | + <h1>Design Made even more Worst</h1> |
| 15 | + <p>I added Oneko like many other tech blog and project pages to my website :D. I did adjust OnekoJS a good amount to fit my workflow and be more readable for me. After that I adjusted A LOT of stuff on how the dynamic elements on my website work so they don't break in edge cases like google translate pages or in the Internet Archive. I little time ago I also adjusted the DNS redirect for the GitHub pages version for search engines so it also not cause issues in Mirrors or Archives but added detection and notice if it is viewed that way. The redirect is now domain specific.</p> |
| 16 | + <p>I like aSync stuff but the issue is that it breaks in many scenarios and I don't want that anymore. But making all dynamic HTML elements into strings in JS is way to error prone when done by hand... well now I have a script that dose that automatically. I adjust my elements and updated the static copy's in JS with one click (or even remove them). Is this bad practices and extremely jank? YES. Dose it work better then aSync and thanks to be loaded already dose not cause load freezes? YES. There is a reason why these scripts are rights reserved, they are very specific and not really good to work with if not self written no to long ago... . And sadly this is also a very JS heavy adjustment (like the transparency, the background, the rain, Cat or the new Oneko) so making is static for Archiving the new Design is not really possible without making a lot of changes I don't want to make. Here the Internet Archive and git history to some extend are the replacement.</p> |
| 17 | + <p>So am I done with the design changes already? No. I will fix a few CSS things that broke thanks to the static HTML in JS and then when I find time and motivation, re-color Oneko to look like Coffee and better fit into the color pallet of my page (right now Oneko looks a little out of place).</p> |
| 18 | + <p>And yes, I know, the "Design even worst"-Title joke was not funny the first time ether.</p> |
| 19 | + <br> |
| 20 | + <h2>Sources:</h2> |
| 21 | + <ul> |
| 22 | + <li><a href="https://adryd.com/">https://adryd.com/</a></li> |
| 23 | + <li><a href="https://github.com/adryd325/oneko.js">https://github.com/adryd325/oneko.js</a></li> |
| 24 | + <li><a href="https://en.wikipedia.org/wiki/Neko_(software)">https://en.wikipedia.org/wiki/Neko_(software)</a></li> |
| 25 | + <li><a href="https://en.wikipedia.org/wiki/Keiji_Gotoh">https://en.wikipedia.org/wiki/Keiji_Gotoh</a></li> |
| 26 | + <li><a href="/Assets/SubScripts/OnekoJS/LICENSE/LICENSE">/Assets/SubScripts/OnekoJS/LICENSE/LICENSE</a></li> |
| 27 | + <li><a href="https://github.com/CatWithCode/oneko.js.cwc">https://github.com/CatWithCode/oneko.js.cwc</a></li> |
| 28 | + </ul> |
| 29 | + <div id="Footer"> <p><b><u>NoJS-Footer (COULD NOT LOAD LICENSE JS-CODE FOR FOOTER! THE LICENSE IS IN THE HTML CODE!)</u></b></p><script type="text/javascript">WriteFooter('2025.10.13 - 11:33');</script></div> |
| 30 | + </body> |
| 31 | +</html> |
0 commit comments