File: D:/HostingSpaces/SBogers10/komma-mediadesign.nl/wwwroot/oude root folder/minor/jonas/index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Jonas ARC Testing Page</title>
<script type="text/javascript">
function getElementsByClass(searchClass,node,tag) {
var classElements = new Array();
if ( node == null ) node = document;
if ( tag == null ) tag = '*';
var els = node.getElementsByTagName(tag);
var elsLen = els.length;
var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
var j = 0;
for (var i = 0, j = 0; i < elsLen; i++) {
if ( pattern.test(els[i].className) ) {
classElements[j] = els[i]; j++;
}
}
return classElements;
}
window.onload = function() {
var spoilers = getElementsByClass('spoiler');
for(x in spoilers) {
spoilers[x].getElementsByTagName('span')[0].style.display = 'none';
}
};
function spoiler(obj) {
var st = obj.getElementsByTagName('span')[0].style;
st.display = (st.display == 'none' || st.display == '') ? 'block' : 'none';
}
</script>
</head>
<body text="#000000" bgcolor="#FB8007" link="#09AFF4" alink="#09AFF4" vlink="#09AFF4">
</p><p align="right"> <embed name="Musiktitel" src="Dirty_Deeds_Done_Dirt_Cheap.mid" border="0" width="164" height="25" autostart="true" Delay="0" VOLUME="100" loop="true" controls="smallconsole">
<h1>Jonas R. - My ARC Minor HTML test page</h1>
<marquee scrollamount="5" scrolldelay="1">
<b><font size="+3"><font color="#FFFFFF">Welcome to my homepage!</font></font></b>
</marquee>
<h2><blink>Hello to the World and anybody who has the rare opportunity to read this!</blink></h2>
Ok - so welcome to my testing homepage for the ARC Minor.
</p>
<h3>This is my main Menu:</h3>
<table width="100%" border="5" bordercolor="#000000" bgcolor="#800000" cellpadding="0" cellspacing="2">
<tr>
<td><a class="link" href="http://www.jonas-rother.de/"> <b><p align="center">My homepage</p></b></a> </td>
<td><a class="link" href="http://www.youtube.com/nospaceforhorst"><b><p align="center">My Youtube Channel</p></b></a></td>
<td><a class="link" href="ARCLogbook.html"> <b><p align="center">My Logbook</p></b></a></td>
<td><a class="link" href="http://www.ende.de/"> <b><p align="center">The End (of the Internet)</p></b></a></td>
</tr>
</table>
<p>On this page you can re-read my journey of creating my first HTML page.
<br>(ok, i admit - I also integrated a little bit of JAVA... HTML alone is just too limited for my mind.)
<br> An experience with maybe ups and downs or maybe just some boring text which is really of no interest for you.</p>
<p>But maybe... just maybe... in the end... all this boring text stuff is just some test...
<br>and actually I hid something here...
<br>
<br>
<br>a link...
<br>or two...
<br>maybe a picture...
<br>maybe some conspiracy theory...
<br>who knows???.... </p>
<img src="computer.gif" alt="" border="0" width="150" height="107">
<p>Oh! Did I already tell about one of my first HTML features? No? then let's try some Colorchanges!!! Yeah! <br>
<font color="#34EE1A"><font size="+2"><b>Green</b></font> </font>, <font color="#FB2B04"><font size="+2"><b>Red</b></font> </font>, <font color="#FB8007"><font size="+2"><b>Hidden Orange :D </b></font></font> (mark to read^^). </p>
<p>
<marquee behavior="alternate">
<b><font size="+2">Ping Pong!</font></b>
</marquee>
</p>
<body>
<p class="spoiler">
<b>Check out This! </b>
<input type="button" value="Very Important Button" onclick="spoiler(this.parentNode);" />
<span>
<table width="30%" border="0" bordercolor="#000000" bgcolor="#E9A678" cellpadding="0" cellspacing="2">
<tr>
<td>Isn't Java Script cool? <br> My first Spoiler!</td>
</tr>
</table>
</span>
</p>
<br>
<br>
<h4><i><blockquote>Yes, I can code a table without borders!</blockquote></i> </h4>
<table border="0">
<tr>
<td><h4>CPA</h4></td>
<td><p>Circus and Performance Art - Academy at the Fontys Hogeschool voor de Kunsten in Tilburg</p></td>
</tr>
<tr>
<td><h4>ARC</h4></td>
<td><p>Arts Research and Culture - A Minor Programme at Fontys (my current one).</p></td>
</tr>
</table>
<br>
<p> Anyway... I think that's enough HTML demonsration for the beginning.
<br> Otherwise I could end up like this... </p>
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/PbcctWbC8Q0?fs=1&hl=de_DE&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/PbcctWbC8Q0?fs=1&hl=de_DE&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
<p> Or maybe not...^^ </p>
</body>
</html>