journay through history of webdesign post

content/post/2020/10/a-personal-journey-through-the-history-of-webdesign.md

@@ -1,8 +1,141 @@
 ---
-title: 'A personal journey through the history of webdesign'
-concept: true
+title: 'A journey through the history of webdesign'
+subtitle: 'Using personal websites and the Internet Archive'
+categories:
+  - webdesign
+date: 2020-10-04
 ---
 
-2003: GamingClones (geen MySQL backup meer...)
-https://web.archive.org/web/20040120171650/http://gamingclones.com/
+While browsing through archives of _very_ old files, I rediscovered backups of websites I once made. It felt a bit like scrolling [thehistoryofweb.design](https://thehistoryofweb.design/), an interactive journey through the history of webdesign. Thanks to the Internet Archive project, revisiting these now-offline websites was not only a very personal and nostalgic ride for me, but also an educational one. 
+
+Why not let the websites speak for themselves and follow the history together with me, from 1998 to 2020? I resurrected the static sites that weren't available at archive.org. The point here is not to "[revel in riches](https://scryfall.com/card/xln/117/revel-in-riches?utm_source=api)" (ha!), but to inspect trends from yesteryear and compare them with how websites look like today.  
+
+### [1998](/museum/1998): Marquee, bgsound, iframes, applets
+
+My first website, created more than 22 years ago, is still full of surprises. I was 13 and had no idea of what I was doing. Still, I managed to scrape together a decent looking webiste, filled with sound advice on how to write Visual Basic 6 code, and of course information on games. As soon as you open the site, you'gre greeted with a nice looking background and GIF animation, and a a `<bgsound/>` tag that should start playing a MIDI file in Internet Explorer 4. 
+
+![](../site-1998.jpg "A part of my personal website in 1998.")
+
+[View the 1998 website here](/museum/1998). It was hosted on _uunet.be_, an ISP provider in Belgium. If you were not content with that offer, _geocities.com_ offered more disk space. 
+
+The following techniques were considered cool back then:
+
+- Java applets
+- If using Javascript, remember to use `alert()`
+- `<iframe/>`s
+- Make things pop! Use background images, GIFs, add snow flake JS code when appropriate, spam `<marquee/>`, `<bgsound/>`, and `<font/>`. 
+- Pre-process graphics in _Corel Draw_ (remember that?)
+
+### [2000](/): Macromedia Flash, Cookies
+
+Since 1998, the popularity of Macromedia Flash exploded. The simplicity involved in creating morphing shapes allowed any website owner to have a classic but fancy "intro page", before continuing on to "index2.html". Since then, Flash was thé thing to include in any site. That was before 2005 when adobe decided to buy Macromedia. Before Sublime Text, there was another brilliant piece of Macromedia software: _DreamWeaver_. 
+
+![](../site-2000.jpg "'aWhile Soft', my personal website in 2000.")
+
+[View the 2000 version here](/museum/2000). [View the revised 2001 version here](https://web.archive.org/web/20010705221029/http://www.awhilesoft.f2s.com/). Another artifact of webdesign history: _visitor counters_. Most in 1998 were hosted, but on this page I managed to hack together my own using cookies. 
+
+Posting news of course required changes in the HTML source code itself. I can't remember what tools I used back then, and the header code does not reveal that. However, there are two interesting things to see in the source:
+
+```js
+<!-- Begin
+function right(e) {
+if (navigator.appName == 'Netscape' && 
+(e.which == 3 || e.which == 2))
+return false;
+else if (navigator.appName == 'Microsoft Internet Explorer' && 
+(event.button == 2 || event.button == 3)) {
+alert("You're not allowed to use 'RightCLick'.");
+return false;
+}
+return true;
+}
+
+document.onmousedown=right;
+document.onmouseup=right;
+if (document.layers) window.captureEvents(Event.MOUSEDOWN);
+if (document.layers) window.captureEvents(Event.MOUSEUP);
+window.onmousedown=right;
+window.onmouseup=right;
+//  End -->
+```
+
+Everyone was very protective of their precious source codes and I somehow thought it would be a good idea to try and disable right clicks. Built-in browser developer tools did not exist yet so pressing `F12` or `CMD`+`ALT`+`J` would do nothing. 
+
+The second interesting thing are the browser-specific stylesheets! The difference between Internet Explorer and Netscape Navigator was already causing trouble in webdesign land. Compatibility issues would only be getting worse as other browsers emerged. 
+
+### [2002](https://web.archive.org/web/20021128122545/http://awhile.gamingclones.com/): PHP & MySQL, banners, navigation in Tables
+
+![](../site-2002.jpg "'aWhile [D3$!GN]', of my websites in 2002.")
+
+[View the 2002 version here](https://web.archive.org/web/20021128122545/http://awhile.gamingclones.com/).
+
+I got rid of the flashy colors - what a relief. The dark scheme nowadays is still attractive to me, even if modern browsers (and websites) include better support for accessibility. The second thing that thankfully disappeared in the early 2000s are frames. Instead, the navigation was usually built with simple `<TABLE/>` elements - going back to basics with `<LI/>` 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... 
 

static/museum/1998/Mail.html

@@ -0,0 +1,35 @@
+<html>
+<head><title>Downloads</title>
+</head>
+<body>
+<body background="back.gif">
+<p>
+<center><img src="logo_top.gif"></center><br>
+<marquee><h2><center><font name="Verdana">Mail me & gastenboek</font></center></h2></marquee>
+</p>
+<p>
+<center><strong>Heb je suggesties of wil je nog een code naar me opsturen, vul dan deze formulieren in en klik op 'verzenden'. Ik mail je altijd terug!</strong>
+<br>
+<br>
+
+<p align="center"><font color="#000000" size="4"
+face="Tempus Sans ITC"><strong>Mijn gastenboek</strong></p>
+<form action="mailto:w_groeneveld@hotmail.com method="post">
+    <p>Je e-mail adres, A.U.B: 
+<input type="text" size="40" maxlength="90"name="bezoeker"> </p>
+    <p>Uw
+    commentaar: <textarea name="commentaar" rows="5" cols="40"></textarea>
+    </p><p align="center">Geslacht: <select name="com" size="1">
+<option value="vrouw">Vrouwelijk</option>
+<option value="man">Mannelijk</option>
+</select>
+    <p align="center"><input type="submit" value="Versturen">
+    <input type="reset" value="Wissen"> </p>
+</form>
+<h1>BEDANKT!</h1></font>
+</p>
+<p><center><img src="logo_wgp.gif"><br>[WGP] software (c) copyright 1999 - 1999
+</center></p>
+<p><center><img src="lijn.gif"><br></center></p>
+</body>
+</html>

static/museum/1998/Sanitarium.html

@@ -0,0 +1,7 @@
+<html>
+<head><title>Sanitarium overvieuw</title>
+</head><body>
+<body background="papier.gif">
+<center><h3><font face="Trebuchet MS">Sanitarium</h3></center>
+</body>
+</html>

static/museum/1998/add.htm

@@ -0,0 +1,23 @@
+<html>
+<head>
+<title>Adding a cheat code</title>
+</head>
+
+<body background="paars.jpg">
+
+<p align="center"><font color="#000000" size="4"
+face="Tempus Sans ITC"><strong>Add a cheat</strong></p>
+<p align="left">Vul je code en mail adres in en klik op versturen:</p>
+
+<form action="mailto:w_groeneveld@hotmail.com method="post">
+    <p>Je e-mail adres, A.U.B: 
+<input type="text" size="40" maxlength="90"name="mail_adres"> </p>
+    <p>Je code: <textarea name="code" rows="5" cols="40"></textarea>
+    </p><p align="center">
+</select>
+    <p align="center"><input type="submit" value="Versturen">
+    <input type="reset" value="Wissen"> </p>
+</form>
+<h5>Deze code komt op mijn page. Bedankt!</h5></font>
+</body>
+</html>

static/museum/1998/age_empires.html

@@ -0,0 +1,24 @@
+<html>
+<head>
+<title>Age of Empires</title>
+</head>
+<body>
+<bgsound src="age2.mid" loop=infinite>
+<body background="ageback.gif">
+<script language="JavaScript">
+age_site=window.open("http://www.microsoft.com/games/","age_site","toolbar=1,location=0,status=1,menubar=0,scrollbars=1,resizable=1,fullscreen");
+</script>
+<font face="Trebuchet MS" color="000000">
+<center><marquee><h2>Age of Empires</h2></marquee></center>
+<p>
+<img src="ageshot.gif" align="left">
+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).<br>
+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!
+</p><p><b><a href="levels.zip">DOWNLOAD</a> hier mijn levels...</p></b>
+</body>
+</html>

static/museum/1998/bar.html

@@ -0,0 +1,82 @@
+<html>
+<head>
+<script>
+var tick;
+function stop() {
+clearTimeout(tick);
+}
+function usnotime(){
+var ut=new Date();
+var h,m,s;
+var time='';
+h=ut.getHours();
+m=ut.getMinutes();
+s=ut.getSeconds();
+if(s<=9) s='0'+s;
+if(m<=9) m='0'+m;
+if(h<=9) h='0'+h;
+time+=h+':'+m+':'+s;
+document.rclock.rtime.value=time;
+tick=setTimeout('usnotime()',1000);
+}
+</script>
+<script language="javascript">
+<!--
+
+{
+
+  mezelfon = new Image(92, 16); mezelfon.src = "mezelf_l.jpg";
+  mezelfoff = new Image(92, 16); mezelfoff.src = "mezelf_d.jpg";
+  linkson = new Image(92, 16); linkson.src = "links_l.jpg";
+  linksoff = new Image(92, 16); linksoff.src = "links_d.jpg";
+  javaon = new Image(92, 16); javaon.src = "java_l.jpg";
+  javaoff = new Image(92, 16); javaoff.src = "java_d.jpg";
+  mailon = new Image(92, 16); mailon.src = "mail_l.jpg";
+  mailoff = new Image(92, 16); mailoff.src = "mail_d.jpg";
+  zoekon = new Image(92, 16); zoekon.src = "zoek_l.jpg";
+  zoekoff = new Image(92, 16); zoekoff.src = "zoek_d.jpg";
+  gaston = new Image(92, 16); gaston.src = "gast_l.jpg";
+  gastoff = new Image(92, 16); gastoff.src = "gast_d.jpg";
+}
+
+function licht(imgName)
+{
+  imgOn = eval (imgName + "on.src");
+  document [imgName].src = imgOn;
+}
+
+function donker(imgName)
+{
+  imgOff = eval (imgName + "off.src");
+  document [imgName].src = imgOff;
+}
+
+-->
+</script>
+<title>frame</title>
+</head>
+<body>
+<body onload='usnotime()' onunload='stop()'>
+<body background="worms2.gif">
+<center><form name="rclock">
+<input type="text" name="rtime" size="8">
+<table>
+<tr><td valign=top>
+<a href="mezelf2.html" target="basis" onMouseover = "licht('mezelf')" onMouseout = "donker('mezelf')">
+<img src="mezelf_d.jpg" border=0 name="mezelf" alt="Mezelf en m'n familie"></a><br>
+<a href="top100.htm" target="basis" onMouseover = "licht('links')" onMouseout = "donker('links')">
+<img src="links_d.jpg" border=0 name="links" alt="links naar andere pages"></a><br>
+<a href="java2.html" target="basis" onMouseover = "licht('java')" onMouseout = "donker('java')">
+<img src="java_d.jpg" border=0 name=java alt="java script"></a><br>
+<a href=mailto:w_groeneveld@hotmail.com onMouseover = "licht('mail')" onMouseout = "donker('mail')">
+<img src="mail_d.jpg" border=0 name="mail" alt="Mail me eens een briefje!"></a><br>
+<a href="zoek.html" target="basis" onMouseover = "licht('zoek')" onMouseout = "donker('zoek')">
+<img src="zoek_d.jpg" border=0 name="zoek" alt="Zoekmachines"></a><br>
+<a href="gastboek.htm" target="basis" onMouseover = "licht('gast')" onMouseout = "donker('gast')">
+<img src="gast_d.jpg" border=0 name="gast" alt="Het gastenboek"></a><br>
+</td></tr></table>
+<center><img
+src=http://Counter.telecom.at/allworld/Count.cgi?df=w_groeneveld@hotmail.com>
+</center>
+</body>
+</html>

static/museum/1998/blupi.html

@@ -0,0 +1,31 @@
+<html>
+<head>
+<title>Planet Blupi</title>
+</head>
+<body>
+<body background="blupi.gif" link="ff00ff">
+<center><img src="blupiloop.gif"><img src="pblupil.gif"> <img src="blupiloop.gif"></center>
+<font face="trebuchet MS" color="ffffff">
+<p><img src="planet1.jpg" align="left">
+Een nieuw stratigisch spel is uit! Planet Blupi, het gele mannetje
+dat heel wat avonturen aangaat. De bedoeling van dit spel is gewoon te overleven, de aarde te redden van de slechte robotten. 
+(Door middel van tomaten te eten; serres te bouwen;<br>auto's te maken; ...)
+En er is geen keyboard voor nodig, <br>dit spel werkt helemaal met de compatibele muis!
+In elk level zijn er een aantal Blupi's die hout kunnen hakken om huizen te bouwen
+ en zo tomaten voor hun vrienden te kweken. Boven elk geel mannetje hangt een ring:
+als zo'n ring blauw is betekend dat dat Het mannetje genoeg energie heeft. Als
+het rood begint te worden moet Blupi tomaten eten om terug genoeg energie te krijgen.
+<p>
+<img src="planet.jpg" align="right">
+Met boten over de oceaan dobberen, met auto's over het land snorren, met dynamiet 
+de vijand opblazen, ... Het kan allemaal dankzij dit spel. En het is nog zo groot niet, 
+maar een<b> 11 MB</b>. Maar pas op! ook jij kan ziek worden, dan moet je een medicijn maken
+ van bloemen. Meer info hoeft niet, probeer dit gewoon!!
+</font>
+<p>
+<font face="trebuchet MS" color="ffffff">
+<a href="ftp://www.epsitec.ch/epsitec/planet/Pblupi-e.exe"><b>DOWNLOAD</b></a>
+Hier nu dit spel (Windows, 5 MB zip, muis, versie 1.8)<br>
+<a href="shots.html"><b>KLIK HIER</b></a> voor nog meer screenshots.
+</body>
+</html>

static/museum/1998/cheats.html

@@ -0,0 +1,26 @@
+<html>
+<head>
+<title>Cheat codes</title>
+</head>
+<body>
+<font face="Trebuchet MS">
+<body background="cheat_worms.gif">
+<b><center><marquee><h1>cheat codes</b></marquee></center></h1>
+<center><table border=7><tr><td><a href="a.html"><font face="trebuchet MS">A</a></td>
+<td><a href="b.html">B</a></td><td><a href="c.html">C</a></td><td><a href="d.html">D</a></td>
+<td><a href="e.html">E</a></td><td><a href="f.html">F</a></td><td><a href="g.html">G</a></td>
+<td><a href="h.html">H</a></td><td><a href="i.html">I</a></td><td><a href="j.html">J</a></td><td><a href="k.html">K</a></td>
+<td><a href="l.html">L</a></td><td><a href="m.html">M</a></td><td><a href="n.html">N</a></td>
+<td><a href="o.html">O</a></td><td><a href="p.html">P</a></td><td><a href="q.html">Q</a></td><td><a href="r.html">R</a></td>
+<td><a href="s.html">S</a></td><td><a href="t.html">T</a></td><td><a href="u.html">U</a></td>
+<td><a href="v.html">V</a></td><td><a href="w.html">W</a></td><td><a href="x.html">X</a></td><td><a href="y.html">Y</a></td>
+<td><a href="z.html">Z</a></td></tr></table>
+<p><hr><a href="zoek.html">ZOEK</a> een code.<hr>
+<p><b>L</b>euke sites die rijk zijn aan een heleboel codes:
+<table><tr><td><a href="http://www.gamesdomain.com">Gamesdomain</a></td><td>
+<a href="http://www.sharepaper.com/games/cheats/">Cheat codes bij sharepaper</a></td></tr><tr><td>
+<a href="http://redbox.aec.at/cheats/">Cheat codes bij redbox</a></td><td>
+<a href="http://cheats.questgate.net/codes.htm">Codes bij questgate</a></td></tr></table>
+<hr><p><a href="add.htm"><img src="add.jpg" border=0></a></p><hr>
+</body>
+</html>

static/museum/1998/code.html

@@ -0,0 +1,144 @@
+<html>
+<head><title>Downloads</title>
+</head>
+<body>
+<body background="back.gif">
+<p>
+<center><img src="logo_top.gif"></center><br>
+<marquee><h2><center><font name="Verdana">Scource Codes</font></center></h2></marquee>
+</p>
+<p>
+<center><strong>Hieronder vind je een aantal gebruikersvolle codes van Visual Basic.</strong>
+<br>
+<center><strong>Om deze codes te kunnen gebruiken, moet je simpelweg de tekst op je web-bwrowser kopiëren, en in een formulier of een module zetten.</strong>
+<br><br></center><img src="bol.gif">
+<center><b>Hier is een code om je form te centreren (zet het in de form_load of declareer het in een module)
+<center></b><br><i>Dim x, y<br>
+        x = (Screen.Width - aForm.Width) / 2<br>
+        y = (Screen.Height - aForm.Height) / 2<br>
+        aForm.Move x, y<br>
+<br></i>
+<b>Een module om een Random getal te maken</b><br><br>
+<i>Function MaakGetal(ByVal MHoogste As Long, ByVal MLaagste As Long) As Long<br>
+Randomize<br>
+MaakGetal = Int((MHoogste - MLaagste + 1) * Rnd + MLaagste)<br>
+Exit Function<br>
+MaakGetalErr:<br>
+x = MsgBox("Error - Verkeerde nummeriek invoer" & Chr(10) & "Modulenaam MaakGetal", vbCritical, Title:="Error nr. 1")<br>
+Exit Function<br>
+End Function<br>
+<br>
+'gebruik: (lbuitkgetal is een label die de uitkomst toont)<br>
+'lbuitkgetal = MaakGetal(12, 58)<br>
+'je komt dan minimaal 12 uit, maximaal 58!!??<br></i>
+<br><br><b>Een module om een UserName van de persoon vast te krijgen</b><br><br>
+<i>Declare Function GetUserName Lib "advapi32.dll" Alias "GetUserNameA" (ByVal lpBuffer As String, nSize As Long) As Long<br>
+<br>
+'functie:<br>
+'dit moet ook nog in de form!<br>
+'Private Function UserName() As String<br>
+'Const UNLEN = 256   ' Max user name length.<br>
+'Dim user_name As String<br>
+'Dim name_len As Long<br>
+'<br>
+'    user_name = Space$(UNLEN + 1)<br>
+'    name_len = Len(user_name)<br>
+'   If GetUserName(user_name, name_len) = 0 Then<br>
+'        UserName = "<unknown>"<br>
+'    Else<br>
+'        UserName = Left$(user_name, name_len - 1)<br>
+'    End If<br>
+'End Function<br>
+'<br>
+'en gebruik:<br>
+'[label].Caption =  UserName()</i><br><br>
+<b>Module om te kijken of een Dir wel bestaat...</b><br><br>
+<i>Public Function DirExists(ByVal sDirName As String) As Boolean<br>
+    Dim sDir As String<br>
+    On Error Resume Next<br>
+    DirExists = False<br>
+    sDir = Dir$(sDirName, vbDirectory)<br>
+    If (Len(sDir) > 0) And (Err = 0) Then<br>
+        DirExists = True<br>
+    End If<br>
+    <br>
+'gebruik: (lbJa is een label die alleen True of False ziet)<br>
+'lbJa = DirExists("c:\")<br>
+    <br>
+End Function<br></i><br>
+<b>Een zelfgemaakte module om wisselkoersen te berekenen. Wel eenvoudig, maar dat geeft toch niet, hé?</b><br><br>
+Global Const MODULENAAM = "GelbBereken"<br>
+
+'Land = string, hoeveelheid = long<br>
+'Invoergeld = "A" of "B"<br>
+<br>
+'---------------------------------------------------------------<br>
+'          Gemaakt door Wouter Groeneveld op 10/05/1999        -<br>
+'            Deze module (GeldBereken) kan de wisselkoersen    -<br>
+'                 Van verschillende landen maken               -<br>
+'        (c) Copyright 1999-1999 [WGP] Software (versie 1.0.1) -<br>
+'---------------------------------------------------------------<br>
+Function GeldBereken(ByVal Hoeveelheid As Long, ByVal Land As String, ByVal InvoerGeld As String) As Long<br>
+On Error GoTo GeldBerekenErr<br>
+Dim ErrorNr As Byte<br>
+If InvoerGeld = "A" Then GoTo AnderLand<br>
+If InvoerGeld = "B" Then GoTo BelgLand<br>
+If InvoerGeld <> "A" And "B" Then<br>
+ErrorNr = 1<br>
+GoTo GeldBerekenErr<br>
+End If<br>
+Exit Function<br>
+BelgLand:<br>
+Select Case Land<br>
+Case "Amerika"<br>
+GeldBereken = Hoeveelheid * 38<br>
+Case "Euro"<br>
+GeldBereken = Hoeveelheid * 40.3399<br>
+Case "Spanje"<br>
+GeldBereken = Hoeveelheid * 0.2425<br>
+Case Else<br>
+ErrorNr = 2<br>
+GoTo GeldBerekenErr<br>
+End Select<br>
+Exit Function<br>
+AnderLand:<br>
+Select Case Land<br>
+Case "Amerika"<br>
+GeldBereken = Hoeveelheid / 38<br>
+Case "Euro"<br>
+GeldBereken = Hoeveelheid / 40.3399<br>
+Case "Spanje"<br>
+GeldBereken = Hoeveelheid / 0.2425<br>
+Case Else<br>
+ErrorNr = 2<br>
+GoTo GeldBerekenErr<br>
+End Select<br>
+Exit Function<br>
+GeldBerekenErr:<br>
+If ErrorNr = 1 Then<br>
+x = MsgBox("Error - Verkeerde invoer INVOERGELD" & Chr(10) & "Modulenaam " & MODULENAAM, vbCritical, Title:="Error nr. 1")<br>
+Exit Function<br>
+End If<br>
+If ErrorNr = 2 Then<br>
+x = MsgBox("Error - Verkeerde invoer LAND" & Chr(10) & "Modulenaam " & MODULENAAM, vbCritical, Title:="Error nr. 2")<br>
+Exit Function<br>
+End If<br>
+x = MsgBox("Error!", vbCritical, Title:=MODULENAAM & "error")<br>
+End Function<br>
+<br>
+'gebruik: (txt... zijn textboxen!)<br>
+<br>
+'Private Sub Command1_Click()<br>
+'Dim uitkomst As Long<br>
+'uitkomst = GeldBereken(txtHoeveelheid, txtLand, txtInvoer)<br>
+'lbuitk = uitkomst<br>
+'End Sub<br></i>
+<br>
+<b>Dat is het voorlopig...</b>
+</center>
+</p>
+<p><center><img src="logo_wgp.gif"><br>[WGP] software (c) copyright 1999 - 1999
+</center></p>
+<p><center><img src="lijn.gif"><br></center></p>
+</body>
+</html>

static/museum/1998/downloads.html

@@ -0,0 +1,44 @@
+<html>
+<head><title>Downloads</title>
+</head>
+<body>
+<body background="back.gif">
+<p>
+<center><img src="logo_top.gif"></center><br>
+<marquee><h2><center><font name="Verdana">Downloads</font></center></h2></marquee>
+</p>
+<p>
+<center><strong>! Om het programma te downloaden, klik je op het "@"-tje. !</strong>
+<br>
+<strong> naast het "@"-tje staat een korte info over het voorbeeldprogramma. voor meer informatie, A.U.B. contacteer Wouter Groeneveld.
+<br>
+<strong>Je hebt voor deze programma's Winzip (r) nodig. klik <a href="http://www.winzip.com">Hier</a> om het programma af te halen
+<br>
+<br>
+<table border=2>
+<tr><td><a href="addauto.zip"><img src="bol.gif" border=0></a><font color="0000ff">Voer een regel in het autoexec.bat toe</td></tr>
+<tr><td><a href="anigif.zip"><img src="bol.gif" border=0></a><font color="0000ff">Maak een animated gif</td></tr>
+<tr><td><a href="ini.zip"><img src="bol.gif" border=0></a><font color="0000ff">Lees een schrijf een INI file</td></tr>
+<tr><td><a href="schaap.zip"><img src="bol.gif" border=0></a><font color="0000ff">een spel "sheep dog" - met de muis</td></tr>
+<tr><td><a href="save.zip"><img src="bol.gif" border=0></a><font color="0000ff">Een eenvoudige screensaver maken</td></tr>
+<tr><td><a href="prullenbak.zip"><img src="bol.gif" border=0></a><font color="0000ff">De prullenbak leegmaken</td></tr>
+<tr><td><a href="vieropeenrij.zip"><img src="bol.gif" border=0></a><font color="0000ff">Spel 4 op een rij spelen en ontwerpen</td></tr>
+<tr><td><a href="yahtzee.zip"><img src="bol.gif" border=0></a><font color="0000ff">Spel yahtzee</td></tr>
+<tr><td><a href="rat.zip"><img src="bol.gif" border=0></a><font color="0000ff">Een spel "wack a rat" (met code)</td></tr>
+<tr><td><a href="zombie.zip"><img src="bol.gif" border=0></a><font color="0000ff">Een spel "zombies" (met code)</td></tr>
+<tr><td><a href="toolbar.zip"><img src="bol.gif" border=0></a><font color="0000ff">De toolbar gebruiken</td></tr>
+<tr><td><a href="access.zip"><img src="bol.gif" border=0></a><font color="0000ff">Met acces programma's maken</td></tr>
+<tr><td><a href="timer.zip"><img src="bol.gif" border=0></a><font color="0000ff">Een eenvoudig gebruik van een Timer</td></tr>
+<tr><td><a href="staytop.zip"><img src="bol.gif" border=0></a><font color="0000ff">"Stay on Top" -> een module</td></tr>
+<tr><td><a href="apitutor.zip"><img src="bol.gif" border=0></a><font color="0000ff">Een API tutor - om te leren</td></tr>
+<tr><td><a href="wall.zip"><img src="bol.gif" border=0></a><font color="0000ff">De achtergrondFile van je desktop veranderen</td></tr>
+<tr><td><a href="vbflamer.zip"><img src="bol.gif" border=0></a><font color="0000ff">Een effect "vuur" in een pictureBox</td></tr>
+<tr><td><a href="undoredo.zip"><img src="bol.gif" border=0></a><font color="0000ff">Undo - Redo procedures (class module)</td></tr>
+</table>
+</center>
+</p>
+<p><center><img src="logo_wgp.gif"><br>[WGP] software (c) copyright 1999 - 1999
+</center></p>
+<p><center><img src="lijn.gif"><br></center></p>
+</body>
+</html>

static/museum/1998/frame_left.html

@@ -0,0 +1,73 @@
+<html>
+<head>
+</head>
+<body background="back.gif">
+<applet archive="treemenu.jar" code="treemenu.class" width="190" height="320">
+<param name="credits" value="Applet by Anfy Team (www.anfyjava.com)">
+<param name=regnewframe value="YES">
+<param name=regframename value="main">
+<param name="scrollSpeedInGoing" value="150">
+<param name="scrollSpeedOutGoing" value="118">
+<param name="numberOfBouncesInGoing" value="0">
+<param name="numberOfBouncesOutGoing" value="2">
+<param name="bounceGravity" value="20">
+<param name="bounceAmplitude" value="40">
+<param name="treeFont" value="Helvetica">
+<param name="treeFontSize" value="14">
+<param name="treeItalic" value="NO">
+<param name="treeBold" value="YES">
+<param name="systemColor" value="a7d7a7">
+<param name="filterColor" value="FFFFFF">
+<param name="foregroundColor" value="000000">
+<param name="backgroundColor" value="EFEFEF">
+<param name="foregroundColorSelection" value="FFFF00">
+<param name="backgroundColorSelection" value="00007F">
+<param name="autoHighLight" value="YES">
+<param name="borderStyle" value="2">
+<param name="scrollBarStyle" value="0">
+<param name="backImage" value="back.gif">
+<param name="floatmode" value="NO">
+<param name="floatw" value="190">
+<param name="floath" value="320">
+<param name="floatx" value="100">
+<param name="floaty" value="100">
+<param name="floatitle" value="Tree Menu">
+<param name="floatinfront" value="YES">
+<param name="Icon0" value="fo_win2.gif">
+<param name="Icon1" value="ic_empty.gif">
+<param name="Icon2" value="ic_mail2.gif">
+<param name="Icon3" value="ic_info.gif">
+<param name="Icon4" value="ic_mail3.gif">
+<param name="Icon5" value="ic_home.gif">
+<param name="config0" value="0,Main,0,u">
+<param name="config1" value="0,Visual basic,0,u">
+<param name="config2" value="1,Links,1,links.html">
+<param name="config3" value="1,[WGP] Software,1,products.html">
+<param name="config4" value="1,Scource code,1,code.html">
+<param name="config5" value="1,Downloads,1,downloads.html">
+<param name="config6" value="0,Over me,0,u">
+<param name="config7" value="6,Gastenboek,2,mail.html">
+<param name="config8" value="6,Ik en mijn familie,3,indexmezelf.html">
+<param name="config9" value="6,E-Mail me,4,mailto:wouter.groeneveld@vt4.net">
+<param name="config10" value="0,games,0,u">
+<param name="config11" value="10,cheat codes,1,cheats.html">
+<param name="config12" value="10,previews,1,indexgames.html">
+<param name="config13" value="0,Java,0,u">
+<param name="config14" value="13,Downloads,1,jdown.html">
+<param name="config15" value="13,Links,1,jlinks.html">
+<param name="config16" value="13,Scource code,1,javacode.html">
+<param name="config17" value="0,Home,5,index.html">
+<param name="overimg" value="NO">
+<param name="overimgX" value="0">
+<param name="overimgY" value="0">
+<param name="regcode" value="NO">
+<param name="regnewframe" value="NO">
+<param name="regframename" value="_blank">
+<param name="memdelay" value="1000">
+<param name="priority" value="3">
+<param name="MinSYNC" value="10">
+Sorry, your browser doesn't support Java.
+</applet>
+
+</body>
+</html>

static/museum/1998/frame_left2.html

@@ -0,0 +1,28 @@
+<html>
+<head>
+<title>Bar VB-World</title>
+</head><body>
+<body background="back.gif">
+<map name="BarButtons">
+<area shape="rect" coords="0,303,173,350" href="midden.html" target="main">
+<area shape="poly" coords=" 162,347, 162,302, 38,302, 38,347">
+<area shape="poly" coords=" 130,347, 131,347, 132,347, 133,347, 134,347, 134,346, 135,346, 136,346, 137,345, 138,345, 138,344, 139,344, 139,343, 140,343, 140,342, 141,342, 141,341, 142,340, 142,339, 142,338, 143,338, 143,337, 143,336, 143,335, 143,334, 143,316, 143,315, 143,314, 143,313, 143,312, 142,311, 142,310, 142,309, 141,309, 141,308, 140,308, 140,307, 139,307, 139,306, 138,305, 137,305, 136,304, 135,304, 134,303, 133,303, 132,303, 131,303, 130,303, 14,303, 13,303, 12,303, 11,303, 10,303, 10,304, 9,304, 8,304, 8,305, 7,305, 6,305, 6,306, 5,307, 4,307, 4,308, 4,309, 3,309, 3,310, 2,310, 2,311, 2,312, 2,313, 2,314, 1,315, 1,316, 1,334, 1,335, 2,336, 2,337, 2,338, 2,339, 3,340, 3,341, 4,341, 4,342, 4,343, 5,343, 6,344, 7,345, 8,345, 8,346, 9,346, 10,346, 11,347, 12,347, 13,347, 14,347, 130,347">
+<area shape="rect" coords="0,243,172,290" href="mail.html" target="main">
+<area shape="poly" coords=" 161,287, 161,242, 38,242, 38,287">
+<area shape="poly" coords=" 129,287, 130,287, 131,287, 132,287, 133,287, 134,287, 134,286, 135,286, 136,286, 136,285, 137,285, 138,284, 139,284, 139,283, 140,282, 141,281, 141,280, 141,279, 142,279, 142,278, 142,277, 142,276, 142,275, 142,256, 142,255, 142,254, 142,253, 142,252, 141,251, 141,250, 141,249, 140,249, 140,248, 139,247, 138,246, 137,246, 137,245, 136,245, 136,244, 135,244, 134,244, 133,243, 132,243, 131,243, 130,243, 129,243, 14,243, 13,243, 12,243, 11,243, 10,244, 9,244, 8,244, 8,245, 7,245, 7,246, 6,246, 5,247, 4,248, 4,249, 3,249, 3,250, 3,251, 2,252, 2,253, 2,254, 2,255, 2,256, 2,275, 2,276, 2,277, 2,278, 2,279, 3,279, 3,280, 3,281, 4,282, 5,283, 5,284, 6,284, 7,285, 8,286, 9,286, 10,286, 10,287, 11,287, 12,287, 13,287, 14,287, 129,287">
+<area shape="rect" coords="0,183,172,230" href="downloads.html" target="main">
+<area shape="poly" coords=" 161,227, 161,182, 38,182, 38,227">
+<area shape="poly" coords=" 129,227, 130,227, 131,227, 132,227, 133,227, 133,226, 134,226, 135,226, 136,225, 137,225, 137,224, 138,224, 139,223, 139,222, 140,222, 140,221, 141,221, 141,220, 141,219, 142,218, 142,217, 142,216, 142,215, 142,214, 142,195, 142,194, 142,193, 142,192, 142,191, 141,191, 141,190, 141,189, 140,188, 139,187, 139,186, 138,186, 137,185, 136,185, 136,184, 135,184, 134,183, 133,183, 132,183, 131,183, 130,183, 129,183, 14,183, 13,183, 12,183, 11,183, 10,183, 9,184, 8,184, 7,185, 6,186, 5,186, 5,187, 4,188, 3,189, 3,190, 3,191, 2,191, 2,192, 2,193, 2,194, 2,195, 2,214, 2,215, 2,216, 2,217, 2,218, 3,219, 3,220, 3,221, 4,221, 4,222, 5,222, 5,223, 6,224, 7,224, 7,225, 8,225, 9,226, 10,226, 11,226, 11,227, 12,227, 13,227, 14,227, 129,227">
+<area shape="rect" coords="0,122,172,169" href="code.html" target="main">
+<area shape="poly" coords=" 161,167, 161,121, 38,121, 38,167">
+<area shape="poly" coords=" 129,167, 130,167, 131,167, 131,166, 132,166, 133,166, 134,166, 135,165, 136,165, 136,164, 137,164, 138,164, 138,163, 139,163, 139,162, 140,162, 140,161, 141,160, 141,159, 141,158, 142,158, 142,157, 142,156, 142,155, 142,154, 142,135, 142,134, 142,133, 142,132, 142,131, 141,130, 141,129, 141,128, 140,128, 140,127, 139,127, 139,126, 138,126, 138,125, 137,125, 136,124, 135,123, 134,123, 133,123, 132,122, 131,122, 130,122, 129,122, 14,122, 13,122, 12,122, 11,123, 10,123, 9,123, 8,124, 7,124, 7,125, 6,125, 6,126, 5,126, 5,127, 4,127, 4,128, 3,128, 3,129, 3,130, 2,131, 2,132, 2,133, 2,134, 2,135, 2,154, 2,155, 2,156, 2,157, 2,158, 3,158, 3,159, 3,160, 4,161, 4,162, 5,162, 5,163, 6,163, 6,164, 7,164, 8,165, 9,165, 10,166, 11,166, 12,166, 13,166, 13,167, 14,167, 129,167">
+<area shape="rect" coords="0,62,172,109" href="products.html" target="main">
+<area shape="poly" coords=" 161,106, 161,61, 38,61, 38,106">
+<area shape="poly" coords=" 129,106, 130,106, 131,106, 132,106, 133,106, 134,105, 135,105, 136,105, 136,104, 137,104, 137,103, 138,103, 139,102, 140,101, 140,100, 141,100, 141,99, 141,98, 142,97, 142,96, 142,95, 142,94, 142,93, 142,75, 142,74, 142,73, 142,72, 142,71, 142,70, 141,70, 141,69, 141,68, 140,68, 140,67, 139,66, 138,65, 137,64, 136,64, 136,63, 135,63, 134,63, 134,62, 133,62, 132,62, 131,62, 130,62, 129,62, 14,62, 13,62, 12,62, 11,62, 10,62, 10,63, 9,63, 8,63, 8,64, 7,64, 6,65, 5,66, 4,67, 4,68, 3,68, 3,69, 3,70, 2,70, 2,71, 2,72, 2,73, 2,74, 2,75, 2,93, 2,94, 2,95, 2,96, 2,97, 3,98, 3,99, 3,100, 4,100, 4,101, 5,102, 6,103, 7,103, 7,104, 8,104, 8,105, 9,105, 10,105, 11,106, 12,106, 13,106, 14,106, 129,106">
+<area shape="rect" coords="0,2,172,48" href="links.html" target="main">
+<area shape="poly" coords=" 161,46, 161,0, 38,0, 38,46">
+<area shape="poly" coords=" 129,46, 130,46, 131,46, 132,46, 132,45, 133,45, 134,45, 135,45, 135,44, 136,44, 137,43, 138,43, 138,42, 139,42, 139,41, 140,41, 140,40, 141,39, 141,38, 142,37, 142,36, 142,35, 142,34, 142,33, 142,14, 142,13, 142,12, 142,11, 142,10, 141,10, 141,9, 141,8, 140,7, 140,6, 139,6, 139,5, 138,5, 138,4, 137,4, 136,3, 135,3, 135,2, 134,2, 133,2, 132,2, 131,1, 130,1, 129,1, 14,1, 13,1, 12,2, 11,2, 10,2, 9,2, 9,3, 8,3, 7,3, 7,4, 6,4, 6,5, 5,5, 5,6, 4,6, 4,7, 3,8, 3,9, 3,10, 2,10, 2,11, 2,12, 2,13, 2,14, 2,33, 2,34, 2,35, 2,36, 2,37, 3,38, 3,39, 4,40, 4,41, 5,41, 5,42, 6,42, 6,43, 7,43, 7,44, 8,44, 9,44, 9,45, 10,45, 11,45, 12,45, 12,46, 13,46, 14,46, 129,46">
+</map>
+<img border=0 src="bar.gif" usemap="#BarButtons">
+</body>
+</html>

static/museum/1998/frame_top.html

@@ -0,0 +1,7 @@
+<html>
+<head></head>
+<body>
+<body background="back.gif">
+<center><img src="logo_top.gif"></center>
+</body>
+</html>

static/museum/1998/gastboek.htm

@@ -0,0 +1,27 @@
+<html>
+<head>
+<title>guestbook</title>
+</head>
+
+<body background="cheat_worms.gif">
+
+<p align="center"><font color="#000000" size="4"
+face="Tempus Sans ITC"><strong>Mijn gastenboek</strong></p>
+<p align="left">Dit is mijn gastenboek. Als je 
+commentaar hebt op mijn page of je wilt me iets sturen, vul het volgende dan in:</p>
+
+<form action="mailto:w_groeneveld@hotmail.com method="post">
+    <p>Je e-mail adres, A.U.B: 
+<input type="text" size="40" maxlength="90"name="bezoeker"> </p>
+    <p>Uw
+    commentaar: <textarea name="commentaar" rows="5" cols="40"></textarea>
+    </p><p align="center">Geslacht: <select name="com" size="1">
+<option value="vrouw">Vrouwelijk</option>
+<option value="man">Mannelijk</option>
+</select>
+    <p align="center"><input type="submit" value="Versturen">
+    <input type="reset" value="Wissen"> </p>
+</form>
+<h1>BEDANKT!</h1></font>
+</body>
+</html>

static/museum/1998/index.html

@@ -0,0 +1,62 @@
+<html>
+<head>
+<script>
+var curmes = 0
+var a = 0
+var counter = 0
+var message = new Array()
+message[0] = "Welkom op wouter zijn cole page..."
+var temp = ""
+function typew()
+{
+a = a + 1
+check()
+window.status = message[curmes].substring(0, a)
+if(a == message[curmes].length + 5)
+{
+curmes = curmes + 1
+a = 0
+}
+if(curmes > 0)
+{
+curmes = 0
+}
+counter = setTimeout("typew()", 100)
+}
+function check()
+{
+if(a <= message[curmes].length)
+{
+if(message[curmes].substring(a, a + 1) == "")
+{
+a = a + 1
+check()
+}
+}
+}
+</script>
+<meta name="keywords" content="java, java-script, animated gifs, gif, games, catz2, catz 2, cheats, cheat codes, cheat, Wouter, Wouter Groeneveld, spelletjes, leuke spelletjes, game-boy, gameboy, WGP, Visual Basic, VB, visual basic code, visual basic scource">
+<meta name="description" content="Welkom Op Wouter zijn site. Klik hier voor Visual Basic, games, cheats, java, animated gifs, om een gameboy te kopen (tweedehands), en nog veel meer.....">
+<META NAME="author" CONTENT="Wouter Groeneveld - w_groeneveld@hotmail.com">
+<META NAME="publisher" CONTENT="Wouter Groeneveld - w_groeneveld@hotmail.com">
+<META NAME="copyright" CONTENT="(c) 1998-1999 Wouter Groeneveld">
+<META NAME="language" CONTENT="NL">
+<META NAME="robots" CONTENT="ALL">
+<title>Wouter zijn Site: VB, games, mezelf, ...</title>
+</head>
+<body>
+<body background ="papier.gif">
+<body onload=typew()>
+<bgsound src="muziek.mid" loop=infinite>
+<center>
+<p><h2><font face="Trebuchet MS" color="0f000f">Welkom!</h2></p>
+</font><font face="Trebuchet MS" color="0000ff"><marquee>Kies een van de onderstaande linken om door te gaan.</marquee></font><font face="Trebuchet MS" color="000000">
+<table><tr><td>
+<p><a href="indexvb.html"><img src="button.gif" border=0></a></td><td>   <img src="vb.jpg"></td><td>Visual basic
+</td><tr><td><a href="indexgames.html"><img src="button.gif" border=0></a></td><td>   <img src="tweety.gif"></td><td>Games & cheatcodes
+
+</td></tr></table>
+<p><a href="javascript:window.close()">Sluit dit venster</a></p>
+<p><center><img src="bar2.gif">
+</body>
+</html>

static/museum/1998/indexgames.html

@@ -0,0 +1,40 @@
+<html>
+<head>
+<title> </title>
+</head>
+<body>
+<body background="paars.jpg">
+<font face="trebuchet MS">
+<h1><center><b>!games!</b></center></h1>
+<p>
+Kies je favoriete spel en surf! (je vind er ook cheat codes)<br>
+Achter elke naam staan een aantal bolletjes. hoe meer bolletjes, hoe beter het spel!
+<br>
+<strong><a href="cheats.html">CHEAT CODES</a></strong>
+<br>
+<br>
+<table>
+<tr>
+<td>
+<a href="unreal.html"><img src="unreal_logo.gif" border=0></a>
+</td>
+<td>
+<img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif">
+</td></tr>
+<tr>
+<td>
+<a href="blupi.html"><img src="pblupil.gif" border=0></a>
+</td>
+<td>
+<img src="bal.gif"><img src="bal.gif"><img src="bal.gif">
+</td></tr>
+<tr><td>
+<a href="age_empires.html"><img src="aoelogo.gif" border=0></a>
+</td><td>
+<img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif">
+</td></tr><tr><td>
+<a href="Sanitarium.html"><img src="sanitlogo.gif" border=0></a> Sanitarium</td><td>
+<img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif"><img src="bal.gif">
+
+</body>
+</html>

static/museum/1998/indexvb.html

@@ -0,0 +1,18 @@
+<html>
+<head>
+<title>Welkom in Visual Basic World!</title>
+<meta name="Keywords" content="Visual Basic, programma, Visual Basic 6, VB, Basic, Visual, Visual Basic programma, VisualBasic">
+<meta name="description" content="Een Wereld van Visual Basic... Treed binnen in de VB-World en ontwerp!">
+<meta name="generator" content="[WGP] manual">
+<meta name="copyright" content="(c) [WGP] Software 1999 - 1999">
+<bgsound src="muziek.mid" loop=infinite>
+</head>
+<frameset  cols="26%,*" border="0" noresize>
+<frame src="frame_left.html" scrolling="NO" name="BAR" border="0">
+<frame src="midden.html" name="main" border="0">
+</FRAMESET>
+<noframes>Als u deze tekst ziet, kan uw internet-browser geen frames lezen. Klik 
+<a href="frame_left.html">HIER</a> 
+voor naar mijn pagina's te gaan.</noframes>
+</body>
+</html>

static/museum/1998/java2.html

@@ -0,0 +1,45 @@
+<html>
+<head>
+<title>java script</title>
+</head>
+<body bgcolor="000000" link="ffffff" alink="ffffff" vlink="ffffff">
+<font face="trebuchet MS" color="ffffff">
+<p><b><center><img src="javalogo.gif"></b></center></p>
+<script language="javascript">
+alert("welkom... Dit is ook java!")
+</script>
+<CENTER><P><B><FONT COLOR="#00FF00"><FONT SIZE=+1>Typ je favorite kleur
+in: (in code) !</FONT></FONT></B><FORM><INPUT type="text" name="color" size=18><INPUT TYPE="button" VALUE="Kleur" ONCLICK="document.bgColor=(this.form.color.value)"><INPUT TYPE="reset" NAME="cancel" VALUE="Wissen"></FORM></P></CENTER>
+<CENTER><P></P></CENTER>
+<br><strong>
+Om je site zo veel mogelijk van animaties te voorzien, gebruik je best javascript.
+Natuurlijk moet je het programmeren een beetje begrijpen. Daarvoor koop je een boek.
+ Je kan ook op iemand zijn site gaan kijken en dan de scripts "pikken". Hier heb je 
+alvast enkele voorbeelden. De bar boven deze site is ook gemaakt van java. Je kan een 
+chatbox maken van java. Dat is dan wel nogal moeilijk. Er bestaan nog andere codes via HTML.
+Zo kan je i.p.v. javascript Visual Basic script programmeren. Dat gaat zo: <br>
+</strong>script language="VBscript"<strong>
+<br><br><a href="http://www.donna.be">Klik hier</a> om naar de donna-site te gaan. Je kan daar
+chatten (via java) maar de buttons die daar gemaakt zijn, zijn niet van java, maar van 
+Macromedia Flash. Dat is nog ingewikkelder.<br>
+<a href="http://www.animationcreators.com">Klik hier</a> om naar een site te gaan, bordevol
+ java, flash, animaties, ... Zoek het uit!<br><center>
+<table border=7><tr><td><a href="rekenen.html">Rekenmachine van java</a></td></tr><tr><td><a href="lijn.html">Voorbijschuivende lijn</a></td></tr></table>
+Dit kijkt wat voor een Browser je gebruikt...
+<SCRIPT LANGUAGE="JavaScript"><!--
+GetVersion()
+function GetVersion() {
+  var name = navigator.appName
+  var vers = navigator.appVersion
+  var text =""
+  text += '<P>Jij gebruikt nu: '
+  text += name +' '+ vers
+  text += '</P>'
+  document.write(text)
+}
+//--></SCRIPT>
+<p>
+<center><A HREF="javascript:window.close()">SLUITEN</a> (dit is óók java...)
+</font>
+</body>
+</html>

static/museum/1998/lijn.html

@@ -0,0 +1,262 @@
+<html>
+
+<head>
+
+<title>Perspicacity Headliner</title>
+
+
+<style type="text/css"><!--
+  .stHeadliner {font-family: courier new, monospace;
+                font-size: 12pt;
+                font-weight: bold;
+                font-style: italic;
+                background: red;
+                color: white;
+                vertical-align: middle
+                text-transform: capitalize;
+                text-align: center}
+
+  input {cursor: hand}
+-->
+</style>
+<!--
+IE4 has got a nice feature of specifying which cursor to show if pointing at the
+button
+{ cursor: auto | crosshair | default | hand | move | e-resize | ne-resize | nw-resize
+|
+  n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help}
+-->
+
+<link rev="made" href="mailto:w_groeneveld@hotmail.com">
+</head>
+
+<body onLoad="StartHeadliner()" bgcolor="yellow"
+text="marine">
+
+<script language="JavaScript">
+<!--
+js_vers = 1.0;
+// -->
+</script>
+<script language="JavaScript1.2">
+<!--
+js_vers = 1.2;
+// -->
+</script>
+
+<script language="JavaScript">
+<!-- start hide
+
+typeWriterWait=90
+blinkTextWait=1000
+blinkSpacesWait=300
+blinkMax=6
+expandWait=100
+scrollWait=90
+scrollWidth=40
+randomLines=false
+
+lineMax=5
+lines=new Array(lineMax)
+function Line(text, url, frame, type, wait) {
+	this.text=text
+	this.url=url
+	this.frame=frame
+	this.Display=type
+	this.wait=wait
+}
+
+// Define the lines as follows (text to display, url or mailto, frame name, which effect, time to wait after displaying)
+// See the headliner.txt for more info on this variables
+lines[1]=new Line("Hallo, de eerste lijn flikkerd voorbij...", "java2.html", "top", Blink, 500)
+lines[2]=new Line("Deze lijn is veel langer om laten te zien!!", "java2.html", "frame_name2", Scroll, 1000)
+lines[3]=new Line("De derde lijn staat stil...", "java.html", "frame_name3", Static, 2500)
+lines[4]=new Line("Wat doet deze lijn hier???", "http://www.geocities.com/Area51/Dimension/5228/Anneleen.zip", "new_window", Expand, 2000)
+lines[5]=new Line("Klik nu om me te mailen.", "mailto:w_groeneveld@hotmail.com?subject=The Headliner&cc=w_groeneveld@hotmail.com", "", TypeWriter, 1500)
+
+lineText=""
+timerID=null
+timerRunning=false
+spaces=""
+charNo=0
+charMax=0
+charMiddle=0
+lineNo=0
+lineWait=0
+
+function StringFill(c, n) {
+	s=""
+	while (--n >= 0) {
+		s+=c
+	}
+	return s
+}
+
+function getRandomInteger(max)
+{
+	n=Math.floor(Math.random() * max + 1)
+	return n
+}
+
+function GotoUrl(url, frame) {
+	if (frame != '') {
+		if (frame == 'self') {
+			self.location.href=url
+		}
+		else if (frame == 'parent') {
+			parent.location.href=url
+		}
+		else if (frame == 'top') {
+			top.location.href=url
+		}
+		else {
+			s=eval(top.frames[frame])
+			if (s != null) {
+				top.eval(frame).location.href=url
+			}
+			else {
+				/*ndow.open(url, frame, "toolbar=yes,status=yes,scrollbars=ye*/;
+			}
+		}
+	}
+	else {
+		window.location.href=url
+	}
+}
+
+function Static() {
+	document.formDisplay.buttonFace.value=this.text
+	timerID=setTimeout("ShowNextLine()", this.wait)
+}
+
+function TypeWriter() {
+	lineText=this.text
+	lineWait=this.wait
+	charMax=lineText.length
+	TextTypeWriter()
+}
+
+function TextTypeWriter() {
+	if (charNo <= charMax) {
+		document.formDisplay.buttonFace.value=lineText.substring(0, charNo)
+		charNo++
+		timerID=setTimeout("TextTypeWriter()", typeWriterWait)
+	}
+	else {
+		charNo=0
+		timerID=setTimeout("ShowNextLine()", lineWait)
+	}
+}
+
+function Blink() {
+	lineText=this.text
+	charMax=lineText.length
+	spaces=StringFill(" ", charMax)
+	lineWait=this.wait
+	TextBlink()
+}
+
+function TextBlink() {
+	if (charNo <= blinkMax * 2) {
+		if ((charNo % 2) == 1) {
+			document.formDisplay.buttonFace.value=lineText
+			blinkWait=blinkTextWait
+		}
+		else {
+			document.formDisplay.buttonFace.value=spaces
+			blinkWait=blinkSpacesWait
+		}
+		charNo++
+		timerID=setTimeout("TextBlink()", blinkWait)
+	}
+	else {
+		charNo=0
+		timerID=setTimeout("ShowNextLine()", lineWait)
+	}
+}
+
+function Expand() {
+	lineText=this.text
+	charMax=lineText.length
+	charMiddle=Math.round(charMax / 2)
+	lineWait=this.wait
+	TextExpand()
+}
+
+function TextExpand() {
+	if (charNo <= charMiddle) {
+		document.formDisplay.buttonFace.value=lineText.substring(charMiddle - charNo, charMiddle + charNo)
+		charNo++
+		timerID=setTimeout("TextExpand()", expandWait)
+	}
+	else {
+		charNo=0
+		timerID=setTimeout("ShowNextLine()", lineWait)
+	}
+}
+
+function Scroll() {
+	spaces=StringFill(" ", scrollWidth)
+	lineText=spaces+this.text
+	charMax=lineText.length
+	lineText+=spaces
+	lineWait=this.wait
+	TextScroll()
+}
+
+function TextScroll() {
+	if (charNo <= charMax) {
+		document.formDisplay.buttonFace.value=lineText.substring(charNo, scrollWidth+charNo)
+		charNo++
+		timerID=setTimeout("TextScroll()", scrollWait)
+	}
+	else {
+		charNo=0
+		timerID=setTimeout("ShowNextLine()", lineWait)
+	}
+}
+
+function StartHeadliner() {
+  if (js_vers > 1.0) {
+	StopHeadliner()
+	timerID=setTimeout("ShowNextLine()", 2000)
+	timerRunning=true
+  }
+}
+
+function StopHeadliner() {
+	if (timerRunning) { 
+		clearTimeout(timerID)
+		timerRunning=false
+	}
+}
+
+function ShowNextLine() {
+	if (randomLines) {
+		lineNo=getRandomInteger(lineMax)
+	}
+	else {
+		(lineNo < lineMax) ? lineNo++ : lineNo=1
+	}
+	lines[lineNo].Display()
+}
+
+function LineClick(lineNo) {
+	document.formDisplay.buttonFace.blur()
+	if (lineNo > 0) {
+		GotoUrl(lines[lineNo].url, lines[lineNo].frame)
+	}
+	return false
+}
+
+with (document) {
+	write('<center>')
+	write('<form name="formDisplay"> <input class="stHeadliner" type="button" name="buttonFace"')
+	write('value="Wouterke Groeneveld (dat ben ik)" onClick="LineClick(lineNo)">')
+	write('</input>', '</form>', '</center>')
+}
+
+</script>
+
+</body>
+</html>

static/museum/1998/links.html

@@ -0,0 +1,28 @@
+<html>
+<head><title>Downloads</title>
+</head>
+<body>
+<body background="back.gif">
+<p>
+<center><img src="logo_top.gif"></center><br>
+<marquee><h2><center><font name="Verdana">VB-Links</font></center></h2></marquee>
+</p>
+<p>
+<center><strong>Hier vind je een beetje Visual Basic links die ik tamelijk de moeite waard vind. onder het logo vind je een korte uitleg over de site</strong>
+<table><tr><td><a href="http://www.vbwd.com"><img src="link1.gif"></a><br>Visual Basic Web directory
+</td><td><a href="http://www.vbtechniques.com"><img src="link2.gif"></a><br>Visula Basic Techniques
+</td></tr><tr><td><br><a href="http://www.vbpage.com"><img src="link3.gif"></a><br>Visual Basic page
+</td><td><a href="http://www.vbexplorer.com"><img src="link4.gif"></a><br>Visual Basic Explorer
+</td></tr><tr><td><a href="http://www.vbwire.com"><img src="link5.gif"></a><br>Visual Basic Wire(r)
+</td><td><a href="http://www.avb.com"><img src="link6.gif"></a><br>Advanced Visual Basic
+</td></tr><tr><td><a href="http://www.vbtt.com"><img src="link7.gif"></a><br>Visual Basic Tips & Tricks
+</td><td><a href="http://www.vbnet.com"><img src="link8.gif"></a><br>Visual Basic Net
+</td></tr>
+</table>
+<br>
+</p>
+<p><center><img src="logo_wgp.gif"><br>[WGP] software (c) copyright 1999 - 1999
+</center></p>
+<p><center><img src="lijn.gif"><br></center></p>
+</body>
+</html>

static/museum/1998/midden.html

@@ -0,0 +1,17 @@
+<html>
+<head>
+<meta name="Generator" content="[WGP] manual">
+<title>Welkom in VB-World!</title>
+</head>
+<body bgcolor="#ffffff" link="#663300" vlink="#800099" text="#000000" background="back.gif"  topmargin=0 leftmargin=0>
+<a name=top></a>
+<p>
+<center><img src="logo_top.gif"><br><font face="Trebuchet MS" color=#000000 size=2><B>Welkom in «&nbsp;VB-world!&nbsp;»<br></center></p><p align=left></B></font><font face="Trebuchet MS" size=2>Hier kan men veel voorbeeldprogrammas vinden om te leren. Klik op de koppelingen (zie links) om broncodes te bekijken. Deze wereld is alleen bestemd voor Visual Basic Programmeurs. De anderen kunnen ook </font><font face="Trebuchet MS" size=2><U>Terug</U></font><font face="Trebuchet MS" size=2> naar «&nbsp;home&nbsp;» gaan voor andere onderwerpen.<br><br></p><p align=center><center></font><font face="Trebuchet MS" size=2><B>&#91;WGP&#93; software:<br></center></p><p align=left></B></font><font face="Trebuchet MS" size=2>Dit is zelfgemaakte software die je kan downloaden en je misschien op ideën kan brengen. Maar deze soft is ook geschikt voor notities, ontspanning, berekeningen, … Voor meer info, zie &#91;WGP&#93; Software<br></font><font face="Trebuchet MS" size=2><B><br></B></font>
+</p>
+<p><center><img src="logo_wgp.gif"><br>[WGP] software (c) copyright 1999 - 1999</p></center>
+<p><center><img src="lijn.gif"></p></center>
+<br>
+<a name=bottom></a>
+</body>
+</html>
+

static/museum/1998/new.html

@@ -0,0 +1,11 @@
+<html>
+<head><title>Nieuw: Hide-And-Seek van [WGP] Soft</title>
+</head>
+<body background="back.gif">
+<font face="Trebuchet MS"><center><p><h3>Nieuwe Software: Hide-And-Seek</h3></center></p>
+<p><a href="hideseek.zip">Download now!</a> (lees eerst LEESMIJ!!!!!)<br>
+Dit is een plezierig spelletje, een soort zoek-spel. je moet de 8 fouten van een foto (die je zelf kan bepalen!) proberen te vinden met behulp van het originele, natuurlijk. <br>
+<center><img src="shotseek.jpg"></center>
+<p><center><img src="bar2.gif"></center></p>
+</body>
+</html>

static/museum/1998/products.html

@@ -0,0 +1,64 @@
+<html>
+<head>
+<title>Producten van [WGP]</title>
+</head>
+<body background="back.gif" link="#00FF00" vlink="#FFFF00" alink="#FFFF00">
+<p><center><img src="logo_top.gif"></center><br>
+<marquee><h2 align="center"><font face="Trebuchet MS"><u>  [WGP] Software</u></font></h2></marquee>
+</p>
+<p><center><img src="new.gif"><a href="new.html">Hide-And-Seek</a></p></center>
+<p align="center"><font face="Verdana"><strong>Hoe installeren?</strong></font></p>
+<p align="left"><font face="Verdana">1) om dit programma te
+downloaden heb je speciale drivers nodig. Deze kan je verkrijgen <u>(zie
+onder)</u> <b>Voor screenshots, kijk ook onderaan.</b></font></p>
+
+<p align="left"><font face="Verdana">2) Je moet een
+unzip-programma bezitten, en als je dat niet hebt, download het
+dan ook <u>(zie onder)</u></font></p>
+
+<p align="center"><font face="Verdana"><strong>Overeenkomsten</strong></font></p>
+
+<p align="left"><font face="Verdana">3) Wouter Groeneveld heeft
+dit gemaakt, niemand mag dat dan ook proberen na te maken of te
+kopiëren. Deze soft is van [WGP] software liberary, een product
+van [WGP]. Om deze programma's te doen werken moet je de alenea
+&quot;hoe installeren?&quot; lezen.</font></p>
+
+<p align="left"><font face="Verdana">4) Om deze programma's te kunnen installeren, moet je alle 
+drivers installeren. die download je en lees dan de LEESMIJ. klik ook <a href="LEESMIJ.txt">HIER</a>
+ om deze leesmij te lezen (gebruiksaanwijzing)
+</font></p>
+
+<p align="left"><img src="bol.gif" width="16" height="17"><font
+face="Verdana"><em><strong><u>Downloaden van drivers, programma's
+en benodigtheden.</u></strong></em></font></p>
+<div align="center"><center>
+
+<table border="2" bgcolor="#000000">
+    <tr>
+        <td><a href="navigator.zip"><font color="#FFFFFF"
+        face="Verdana"><strong>[WGP] NavigatoR 2.0.2</strong></font></a></td>
+    </tr>
+    <tr>
+        <td><a href="drivers.zip"><font color="#FFFFFF"
+        face="Verdana"><strong>Drivers voor [WGP] software</strong></font></a></td>
+    </tr>
+    <tr>
+        <td><a href="activex.zip"><font color="#FFFFFF"
+        face="Verdana"><strong>ActiveX drivers</strong></font></a></td>
+    </tr>
+    <tr>
+        <td><a href="http://www.winzip.com"><font color="#FFFFFF"
+        face="Verdana"><strong>uitpakprogramma Winzip 7.0</strong></font></a></td>
+    </tr>
+    <tr>
+        <td><a href="screenshots.html"><font color="#FFFFFF"
+        face="Verdana"><strong>Screenshots van [WGP]</strong></font></a></td>
+    </tr>
+</table>
+</center></div>
+<p><center><img src="logo_wgp.gif"><br>[WGP] Software (c) Copyright 1999 - 1999
+<br>
+<br><img src="lijn.gif"><br></p></center>
+</body>
+</html>

static/museum/1998/rekenen.html

@@ -0,0 +1,316 @@
+<HTML>
+<head><title>Java script rekenmachine</title>
+</head>
+<body background="geel.gif">
+<body bgcolor="ffffff" link="ffff00" text="ff0000"><p><center><h2>
+<font face="Trebuchet MS">Java script: rekenmachine</center></h2></p><p><center>
+<SCRIPT LANGUAGE="LiveScript">  
+var acc = 0;            
+var oper = " ";         
+var startnum = true;    
+var decpoint = false;   
+var errorstate = false;
+ MAXLEN = 14;
+ function IsNumeric(num) 
+ {    var idx = 0;
+      var ch = "";
+      var foundpoint = false;
+      for (idx = 0; idx < num.length; idx++) {
+      ch = num.substring(idx, idx +1 );
+      if ((ch < "0") || (ch > "9")) {
+        if ((ch == ".") && (!foundpoint)) {
+          foundpoint = true;
+          continue;
+        } else {
+          if ((ch == "-") && (idx == 0)) {
+            continue;
+          }
+        }
+        return false;
+      }
+    } // for idx
+
+    return true;
+  }
+
+  //
+  // ContainsChar - check if a string contains a certain char
+  //
+  function ContainsChar(str, ch) {
+    var idx;
+
+    for (idx = 0; idx < str.length; idx++) {
+      if (str.substring(idx, idx + 1) == ch) {
+        return true;
+      }
+    }   // for idx
+
+    return false;
+  }
+
+  //
+  // ContainsDecimalPoint - check if a number string contains a decimal point
+  //
+  function ContainsDecimalPoint(num) {
+    return ContainsChar(num, ".");
+  }
+
+  //
+  // DisplayChanged - the display was explicitly changed, so check if it is valid
+  //
+  function DisplayChanged(form, display) {
+    if (!errorstate) {
+      if (IsNumeric(display.value)) {
+       display.defaultValue = display.value;
+        startnum = false;
+        decpoint = ContainsDecimalPoint(display.value);
+      } else {
+        alert("You must enter a numeric value here.");
+        display.value = display.defaultValue;
+      }
+    } else {   // errorstate
+      alert('An error has occured. Press the "AC" button.');
+    }
+  }
+
+  //
+  // NumPressed - a digit button was pressed, add it to the current display
+  //
+  function NumPressed(form, digit) {
+    if (!errorstate) {
+      if ((digit !=0) || (form.display.value != "0")) {
+        if (startnum) {   // need to put a new number on the display (e.g. after "=")
+          form.display.value = eval(digit);
+        } else {
+          if (form.display.value.length < MAXLEN) {
+            form.display.value = form.display.value + digit;
+          }   // enough room to put new digit
+        }   // add the digit
+
+        startnum = false;
+        form.display.defaultValue = form.display.value;
+      }   // not trying to add leading zeros
+    } else {   //errorstate
+      alert('An error has occured. Please press the "AC" button');
+    }
+  }
+
+  //
+  // ChangeSign - "+/-" button was pressed, change sign of current display
+  //
+  function ChangeSign(form) {
+    if (!errorstate) {
+      if (form.display.value != "0") {
+        if (eval(form.display.value) < 0) {   // negative no problem
+          form.display.value = 0 - eval(form.display.value);
+        } else {   // positive, make sure it's not too long
+          if (form.display.value.length < MAXLEN)
+            form.display.value = 0 - eval(form.display.value);
+        }   // positive
+
+        form.display.defaultValue = form.display.value;
+        startnum = false;
+      }   // not 0, can be negated
+    } else {   // errorstate
+      alert('An error has occured. Please press the "AC" button');
+    }
+  }
+
+  //
+  // PointPressed - the decimal dot was pressed, add it to number and start putting disits after it
+  //
+  function PointPressed(form) {
+    if (!errorstate) {
+      if ((!decpoint) && (form.display.value.length < MAXLEN - 1)) {
+        form.display.value = form.display.value + ".";
+        form.display.defaultValue = form.display.value;
+        decpoint = true;
+        startnum = false;
+      }   // decimal point not already present
+    } else {   // errorstate
+      alert('An error has occured. Please press the "AC" button');
+    }
+  }
+
+  //
+  // ClearAll - "AC" button was pressed, restart the calculator
+  //
+  function ClearAll(display) {
+    display.value = "0";
+    display.defaultValue = "0";
+    decpoint = false;
+    acc = 0;
+    oper = " ";
+    startnum = true;
+    errorstate = false;
+  }
+
+  //
+  // ClearNum - "C" button was pressed, clear only current number on display
+  //
+  function ClearNum(display) {
+    if (!errorstate) {
+      display.value = "0";
+      display.defaultValue = "0";
+      decpoint = false;
+      startnum = true;
+    } else {   // errorstate
+      alert('An error has occured. Please press the "AC" button');
+    }
+  }
+
+  //
+  // RemoveZeros - remove leading zeros after a decimal point from a number string
+  //
+  function RemoveZeros(num) {
+    var idx;
+
+    if (ContainsChar(num, ".")) {
+      idx = num.length - 1;
+      ch = num.substring(idx, idx + 1);
+      while((idx > 0) && (ch == "0")) {
+        idx--;
+        ch = num.substring(idx, idx + 1);
+      }
+      num = num.substring(0, idx + 1);
+
+      // get rid of a trailing decimal point, if it remained hanging after the torture ...
+      if (num.substring(num.length - 1, num.length) == ".") {
+        num = num.substring(0, num.length - 1)
+      }
+    }   // num contains a decimal point
+
+    return num;
+  }
+
+  //
+  // CalcDisplay - calculate the new display using the accumulator and the previous operator
+  //
+  function CalcDisplay(display) {
+    if (oper == "+") {
+      display.value = acc + eval(display.value);
+    } else if (oper == "-") {
+      display.value = acc - eval(display.value);
+    } else if (oper == "*") {
+      display.value = acc * eval(display.value);
+    } else if (oper == "/") {
+      if (display.value == "0") {
+        display.value = "ERROR !"
+        errorstate = true;
+      } else { 
+        display.value = acc / eval(display.value);
+      }
+    }
+
+    if (!errorstate) {
+      if ((eval(display.value) >= eval("1e" + MAXLEN)) || (eval(display.value) <= eval("-1e" + (MAXLEN - 1)))) {
+        display.value = "ERROR !";
+        errorstate = true;
+      } else {
+        if (!ContainsChar(display.value, "e")) {   // not exponential format
+           if (display.value.length > MAXLEN) {
+            // number is in permited range, so extra digits are after decimal point
+            // truncate extra digits
+            display.value = display.value.substring(0, MAXLEN);
+            // get rid of a hanging decimal point
+            if (display.value.substring(MAXLEN - 1, MAXLEN) == ".") {
+              display.value = display.value.substring(0, MAXLEN - 1);
+            } else {
+              // get rid of trailing zeros
+              display.value = RemoveZeros(display.value);
+            }
+          }   // string too long
+        } else {   // exponential format
+          // Numbers smaller than 0.00001 are represented in exponential notation by the browser.
+          // A piece of code to translate them to fix notation should be put here.
+          // This is getting *much* too boring for me, so I leave it as is.
+          // If anyone has the will power to write it, I'll be glad to include it ...
+        }   // exponential format
+      }   // not too high or low
+    }   // no error yet (division by zero)
+    display.defaultValue = display.value;
+  }
+
+  //
+  // OperPressed - calculate the new display and move it to the accumulator
+  //
+  function OperPressed(form, newoper) {
+    if (!errorstate) {
+      CalcDisplay(form.display);
+      oper = newoper;
+      acc = eval(form.display.value);
+      startnum = true;
+      decpoint = false;
+    } else {   // errorstate
+      alert('An error has occured. Please press the "AC" button');
+    }
+  }
+
+  //
+  // CalcResult - the "=" button was pressed, put result on display
+  //
+  function CalcResult(form) {
+    if (!errorstate) {
+      CalcDisplay(form.display);
+      oper = " ";
+      acc = 0;
+      startnum = true;
+      decpoint = false;
+    } else {   // errorstate
+      alert('An error has occured. Please press the "AC" button');
+    }
+  }
+
+// End of hiding script from browsers which do not support it. -->
+</SCRIPT>
+
+
+
+<FORM>
+<TABLE BORDER=2>
+<TR>
+<TD ALIGN=MIDDLE>
+  <INPUT TYPE="text" SIZE=15 NAME="display" VALUE="0" ONCHANGE="DisplayChanged(this.form, this.form.display)">
+</TD>
+</TR>
+<TR>
+<TD>
+  <TABLE BORDER=1>
+    <TR>
+      <TD> <INPUT TYPE="RADIO" CHECKED ONCLICK="history.go(-1)"> </TD>
+      <TD> </TD>
+      <TD> <INPUT TYPE="BUTTON" VALUE=" C " ONCLICK="ClearNum(this.form.display)"> </TD>
+      <TD> <INPUT TYPE="BUTTON" VALUE="AC" ONCLICK="ClearAll(this.form.display)"> </TD>
+    </TR>
+    <TR>
+      <TD> <INPUT TYPE="BUTTON" VALUE=" 1 " ONCLICK="NumPressed(this.form, 1)"> </TD>
+      <TD> <INPUT TYPE="BUTTON" VALUE=" 2 " ONCLICK="NumPressed(this.form, 2)"> </TD>
+      <TD> <INPUT TYPE="BUTTON" VALUE=" 3 " ONCLICK="NumPressed(this.form, 3)"> </TD>
+      <TD> <INPUT TYPE="BUTTON" VALUE=" + " ONCLICK='OperPressed(this.form, "+")'> </TD>
+    </TR>
+    <TR>
+      <TD> <INPUT TYPE="BUTTON" VALUE=" 4 " ONCLICK="NumPressed(this.form, 4)"> </TD>
+      <TD> <INPUT TYPE="BUTTON" VALUE=" 5 " ONCLICK="NumPressed(this.form, 5)"> </TD>
+      <TD> <INPUT TYPE="BUTTON" VALUE=" 6 " ONCLICK="NumPressed(this.form, 6)"> </TD>
+      <TD> <INPUT TYPE="BUTTON" VALUE="  - " ONCLICK='OperPressed(this.form, "-")'> </TD>
+    </TR>
+    <TR>
+      <TD> <INPUT TYPE="BUTTON" VALUE=" 7 " ONCLICK="NumPressed(this.form, 7)"> </TD>
+      <TD> <INPUT TYPE="BUTTON" VALUE=" 8 " ONCLICK="NumPressed(this.form, 8)"> </TD>
+      <TD> <INPUT TYPE="BUTTON" VALUE=" 9 " ONCLICK="NumPressed(this.form, 9)"> </TD>
+      <TD> <INPUT TYPE="BUTTON" VALUE=" X " ONCLICK='OperPressed(this.form, "*")'> </TD>
+    </TR>
+    <TR>
+      <TD> <INPUT TYPE="BUTTON" VALUE="+/-" ONCLICK="ChangeSign(this.form)"> </TD>
+      <TD> <INPUT TYPE="BUTTON" VALUE=" 0 " ONCLICK="NumPressed(this.form, 0)"> </TD>
+      <TD> <INPUT TYPE="BUTTON" VALUE="  . " ONCLICK="PointPressed(this.form)"> </TD>
+      <TD> <INPUT TYPE="BUTTON" VALUE="  / " ONCLICK='OperPressed(this.form, "/")'> </TD>
+    </TR>
+    <TR ALIGN=CENTER>
+      <TD COLSPAN=4> <INPUT TYPE="BUTTON" VALUE="   =   " ONCLICK="CalcResult(this.form)"> </TD>
+    </TR>
+  </TABLE>
+</TD>
+</TR>
+</TABLE></body>
+</HTML>

static/museum/1998/screenshots.html

@@ -0,0 +1,26 @@
+<html>
+<head>
+<meta name="Generator" content="[WGP] manual">
+<title>Screenshots!</title>
+</head>
+<body bgcolor="#ffffff" link="#663300" vlink="#800099" text="#000000" background="back.gif"  topmargin=0 leftmargin=0>
+<a name=top></a>
+<p><center><img src="logo_top.gif"></center><br>
+<center><font face="Trebuchet MS" color=#000000 size=2><B>Screenshots van [WGP] software<br></center></p><p align=left></B></font><font face="Trebuchet MS" size=2>Hier kan men veel Screenshots vinden van mijn programma's. Kijk onderaan. Onder de tekenigen vind je info over welke shot het is.</font></center>
+<p><br>
+<center>
+<table>
+<tr><td><img src="shotSplash.jpg"><br>Splash Screen van NavigatoR (r)</td>
+<td><img src="shotNavigatoR.jpg"><br>Beginscherm an NavigatoR (r)</td></tr>
+<tr><td><img src="shotMaze.jpg"><br>Shot van een spel MouseMaze (r)</td>
+<td><img src="shotPuzzle.jpg"><br>Shot van Puzzle-Block (r)</td></tr>
+<tr><td><img src="shotTypblok.jpg"><br>Typblok (r)</td>
+<td><img src="shotAdressEdit.jpg"><br>AdressEdit (r)</td></tr></table></center
+</p>
+<p><center><img src="logo_wgp.gif"><br>[WGP] software (c) copyright 1999 - 1999</p></center>
+<p><center><img src="lijn.gif"></p></center>
+<br>
+<a name=bottom></a>
+</body>
+</html>
+

static/museum/1998/shots.html

@@ -0,0 +1,19 @@
+<html>
+<head>
+<title>
+Screenshots van Planet Blupi
+</title>
+</head>
+<body>
+<font face="Trebuchet MS" color="ffffff">
+<body background="blupi.gif">
+<center><img src="pblupil.gif"><h1> Screenshots</h1></center>
+<img src="planet2.jpg" align="left">
+<img src="planet3.jpg" align="right">
+<img src="planet4.jpg" align="center">
+<p>
+<img src="planet5.jpg" align="left">
+<img src="planet6.jpg" align="right">
+</font>
+</body>
+</html>