From a03370974ae83a129a0aab15c370845b28f73277 Mon Sep 17 00:00:00 2001
From: wgroeneveld
+` elements - going back to basics with `` and style positioning was not yet that common.
+
+Since then, most of my websites became _dynamic_: they included some sort of server-side scripting, such as PHP to retrieve comments/newsitems/etc. Most designs were made from scratch, even though PHP frameworks existed. CakePHP saw the light in 2005.
+
+Content-wise, the very first website from 1998 contained three main items (1. code 2. games 3. about me). Since 2002, I started building multiple websites, and **aWhile [D3$!GN]** was my "code"-page - that's the reason it was hosted on "_gamingclones.com_", the game part that was never really finished. This separation is still visible today. Take a look [at gamingclones.com here](https://web.archive.org/web/20040120171650/http://gamingclones.com/). It also has a nice graphical banner made in Photoshop. Since 2003, I was a big fan of `font-family: Verdana, Tahoma, Arial`.
+
+### [2004](/museum/2004): xHTML Validation, Clean design
+
+![](../site-2004.jpg "'Jefklaks Tux 'n' Tips in 2004.")
+
+[View the 2004 version here](/museum/2004).
+
+Somehow, the green scheme stuck with me for almost twenty years. I guess that's the curse of having a surname like _Greenfield_ (literally translated). During university, I was spoon-fed Linux and it tasted great - so much so that I started compiling my own patchset for the Linux `2.4` and the "new" `2.6` kernels back then. Using cool things like Gentoo `2004.1` (after dipping my toes in the Linux world using SuSE Linux `6.3`, just before Novell bought it in 2003) and the Fvwm window manager resulted in a lot of hours fiddling with config files that I wanted to share with the world. This website was the result of that work.
+
+Third-party `XHTML` and `CSS` checker sites became popular and you could proudly wear fancy badges to claim you effectively did not forget a single slash in all your tags. Good job! Since I still wanted to include gaming tips next to the Linux trickery, I decided to split the site on entry and let the visitor choose:
+
+![](../site-2004-choice.jpg)
+
+The main colors changed, but the rest of the webdesign stayed the same. It was a simple, clean website with few PHP tricks. I slowly but surely started to care more about the **contents** than the look-and-feel. The background hover effects were done using CSS `:hover` instead of the usual JavaScript trickery.
+
+Oh, and I replaced Gentoo with FreeBSD 5.3 - although Fvwm was there to stay.
+
+### [2006](https://web.archive.org/web/20070605081137/http://www.jefklak.com/): PmWiki, configuring before developing
+
+In 2006, I grew tired of having to build websites time and time again from scratch. As _content_ was my prime concern now, I started looking at Wiki solutions and came up with a heavily hacked version of [PmWiki](https://www.pmwiki.org/) using custom scripts and themes. It was to be used on "jefklak.com", a retro gaming website focused on articles and guides.
+
+![](../site-2006.jpg "'Jefklak's Codex', The 2006 PmWiki version.")
+
+[View the 2006 version here](https://web.archive.org/web/20070605081137/http://www.jefklak.com/).
+
+PmWik does not rely on MySQL but instead writes content to flat files on the webserver itself, including edit history. This reduced hosting costs significantly and made saving and restoring backups easier. I still fondly remember PmWiki and would gladly recommend it over bloated wiki frameworks such as MediaWiki.
+
+This was actually the first website that attracted quite a lot of visitors, mainly because of my [Baldur's Gate 2](https://jefklakscodex.com/tags/baldurs-gate-2/) guides and _DOOM_ DS port project. Every single article written in that period has been ported to [jefklakscodex.com](https://jefklakscodex.com/) - a perhaps more appropriate domain name. PmWiki made it easy to expose RSS/Atom feeds that I used for the first time.
+
+Website licensing became a thing: I employed [Creative Commons 3](https://web.archive.org/web/20070623074422/http://www.jefklak.com/Main/AboutLegal). Internet Explorer 7 became the minimum as IE6 behaved like carp with my stylesheets. [Usage statistics](https://web.archive.org/web/20070623071942/http://www.jefklak.com/stats) from 2007 are also archived.
+
+### [2010](https://web.archive.org/web/20110207214638/http://www.jefklak.be/): DokuWiki, Wordpress, content migration issues
+
+![](../site-2010.jpg "'Jefklak.be' in 2010, migrated to Wordpress.")
+
+[View the 2010 version here](https://web.archive.org/web/20110207214638/http://www.jefklak.be/).
+
+For a long time, I stopped caring about my websites because of my work. Since 2004, I did not own a Brain Baking/personal/tech-based website anymore, and PmWiki was giving me trouble. I can't remember why I did switch, but I decided to move everything to Wordpress. And then the site got hacked because I didn't update the Wordpress version regularly.
+
+For my work as a software developer, I was always looking for snippets of certain scripts we often re-used. A colleague at work mentioned he hosted a code-wiki using [DokuWiki](https://www.dokuwiki.org/dokuwiki). That re-sparked my interest in a personal (sub)site. The color scheme changed for the better and I got rid of a lot of unnecessary JavaScript code.
+
+As said before, I cared more about my content and wrote scripts to convert from PmWiki to DokuWiki (and later to Markdown for Hugo). In all honesty, the webdesign of the sites in this area could have done better. Fiddling with a custom Wordpress theme only fueled my frustration with these kinds of tools.
+
+### [2013](https://web.archive.org/web/20140805175940/http://brainbaking.com/): Brain Baking, static site generation
+
+![](../site-2013.jpg "'Brain Baking' in 2013 with ruhoh.")
+
+[View the 2010 version here](https://web.archive.org/web/20140805175940/http://brainbaking.com/).
+
+In 2013, I finally saw the light with _static_ site generation tools and thankfully kicked out Wordpress and the like, including any ugly PHP script files that were involved. An early version of [ruhoh](https://www.staticgen.com/ruhoh) was not that mature compared to Hugo 0.x, but it finally allowed me to write in Markdown. _Separation of concerns_: content here, layout there.
+
+The _Brain Baking_ name/idea also gave way to more tech blogging, as my work provided me with ample things to write about (unit testing), including my recent interests in self-improvement and journaling.
+
+I hated the themes though.
+
+### What does the future offer?
+
+More simplicity and qualitative content, I hope.
+
+All Brain Baking articles since 2013 have been preserved on this very website, and content from jefklak.com/be has been revived and migrated to [jefklakscodex.com](https://jefklakscodex.com) since 2018.
+
+I couldn't be happier with Hugo and my custom theme that focuses on [accessibility](/post/2020/06/designing-with-accessibility-in-mind/) and [privacy](/post/2020/06/tracking-and-privacy-on-websites/). A lot of good _and_ bad memories come rushing back to me whenever I see `$_POST['id']`. Of course, fifteen years ago, I didn't know what I was doing and PHP3 did not offer object-oriented programming.
+
+I sometimes have the feeling I still don't know what I'm doing...
diff --git a/static/museum/1998/100top2.jpg b/static/museum/1998/100top2.jpg
new file mode 100755
index 0000000000000000000000000000000000000000..933bd4abf0262906cf4ba8e049ffc324298b245b
GIT binary patch
literal 2708
zcmbW12T;?=9>@Pl2q6Isfg}*R1SxXC!_egL1T{2|-b*MVC4d}NilPV#M~EoInv){E
zCIV6g1f(ekh=h(F5IQ1)6a_q9c<
+
+
+
Mijn gastenboek
+ +Ww+A&>3pB&7PNs-kyRY+P
z9(VN}H}~HR&(-H?EIVlXa|6R(chu;GS-VgH!7hc?4>HFJn5`%5y#bR Add a cheat Vul je code en mail adres in en klik op versturen: p)k-Y<(BIcD-mtSCkbPjcTkLjoK?b382z0mW9niui9=0F
zU&@
+
+Weeral een fantastisch strategisch spel, nu nog beter dan Planet Blupi.
+Dit is gewoon het einde... Geweldige schaduwen, animaties, geluiden, ...
+Meer moet dat niet zijn!! Alle mannetjes kun je crieëren d.m.v. vlees
+te verzamelen (bvb. van olifanten). DOWNLOAD hier mijn levels...6)_IhM7deR?{A1+4H&eQpI8=7p*^gxFua4Mns}0??7Fm_?Il1TqUk5qgF~UwR
zUUtjYL!6XYXC6ecMa`(2SlC7T!b>cXlDh=SRh5UO@MUy@Oom}>06H@|nNLeABWUX&
zt*5K%2ExkDif9ffloc9;U(GefuZEnSmI+Zu#d)2^sUea(rI&Vf!>edvk67E=6R!<*
zAUVyqJ#lj~=#${&`Z;IDlztxtg=x^so0b3kRXO%8v!9F_`O>)^ivp2+g7_M
Deze code komt op mijn page. Bedankt!
+
+
\ No newline at end of file
diff --git a/static/museum/1998/add.jpg b/static/museum/1998/add.jpg
new file mode 100755
index 0000000000000000000000000000000000000000..1ffba9882c459ff86ac7b9ea043e848bc0d477c5
GIT binary patch
literal 4719
zcmbW3cU03)m&U&kdJnxx6e3j#ARtW;5e!6WQltq8(n9$G0zr_fNJl^ehNf6(0#YKq
zNtG^DLJu7&2~t7}FYfMn_niG}cb~cQ*W9`1`JB0DX3l<{%>itBI=VUl1qB5FKOex^
zB%lR=C@KHOxv0*AnvR;9ii(9aOdwk9P!L{>do;4r2h_K+k
zs*b4MdXO8&RhCeFK??ixs?+E$tjsGK;kFs*=XEWs%6{o$^#ytW{7~D0NPUIL{+6z1
z_lt2ps>l@I5z{PHe2=Sn@|2afU_~ciJUxw($+mmYNw0ytS?eP=X_JI(F}kJx#Q>b-
zX`D_HQhuz+?-EkD{keE?)XL!4oe5Dw)+lyqLGLIuOCr0MHG8^>`;ta2oycdY%n^0T
z(;~f$Qz7w3H7^|tJQ)PHr=AM>T4J0xC7r&admavM!qD*Bl*=+EiIiz#1xl2K*$@sE
zXI`>OCRR4x)z8)&60gQK!(CA`BHyRGRhiNC9PKWOpNCIPHjI}@J+d+GC$IM{3p?a%
zdZ31C4xdL{eQ&T}F&@hGM0J4q&ie#)i6?EuPe3XyA&%atJ*sjVJQN^v2OI&CA#+A5D2!
zD)`Rt7n>w=3vc41A;y=Op};G_rEg7jxJKfs)pmdqcWsr;8CeyVM=sh(k?uyZZYSd9
z$*s#cr(GqZ!I00fdHAAqY?jfMLkhbs+EK|kXwE;k;YbRddH>FjaW_-wxVHdV&G88H
zBZqv$;S4BAILXh=RAk8Eb
+Er bestaat nu al een update van het spel om te spelen in de romeinse tijd. En
+die update is nog beter! Aan de graphics kan je echt niets zeggen. Je kan zelfs
+je eigen scenario bouwen!
+YwOFSn?{4e3QeIb)1=0bO;IGm*H?#JLv&M
zQTqV?YdPUNa{e^6-o>SBg4ng7zY@$ogk-~iR@M&afeLAD=H#S9cAqV+k%w7i7S>~g
z^{Bsr^`e2P-v~ZZ-3st|++UO5*~pVaP8PYch$yA|>8qz<61aVwZRk;kS!S`lw-Vu$
z#c_9k3nMH{|2fQw0kh#jE_{)3futo7d7%$mRSiXO;fO=^3EB0tD`$@j&qhB~t