Javascript and Pearl coding for websites
Posted: Fri May 02, 2025 10:49 am
* have added a screenshot of electives for reference*
With so many clever people around, I was wondering if anyone spends much time using java and pearl in websites and applications, particularly back end? Although I'm confident with writing and editing html, use Wordpress/Wix/SquareSpace etc and can insert odd bits of java code in web pages for things like groovy navigation rollovers or drop lists, I'm going to do a 6mth course that takes it a lot further with the view to self-employment and small site design, initially.
I did notice how similar java and pearl are in defining variables and not so far from ZX-81 Basic I happily picked up from the manual long ago, looking at https://www.w3schools.com, so wonder if this is a worthwhile starting point, before I begin in July?
Some other things include:
"Brightspace, Microsoft 365, WebEx, Google Chrome, and access to development tools like Visual Studio Code, GitHub Desktop, MySQL Workbench, and SQL Server"
Brightspace is just online learning management, which students use to access learning resources, submit...365 for those without, typically, or possibly collaboration/sharing, in this course, Figma, which I'm looking at now, a web/app workspace designer thingy..should have Visual Studio Code via VBox etc on MS laptop...GitHub I just know from odd wifi dongle driver issues and MX testing, occasionally I think, but while I know of, I haven't done network/server SQL stuff, which I gather will be about running scripts and apps for websites, broadly speaking.
Any suggestions welcome. Thanks.
hellfirebluffpress.org
Mick
This is something very basic indeed, not really coding, but it occured to me it might serve as a bit of a digital fidget toy, in the right sort of hands, if you choose to copy and paste below into a text file and save as *html. It just changes the page background to whichever colour the pointer is over, using a table of coloured blocks (I didn't use any special order I think, but it was over 20 years ago now).

With so many clever people around, I was wondering if anyone spends much time using java and pearl in websites and applications, particularly back end? Although I'm confident with writing and editing html, use Wordpress/Wix/SquareSpace etc and can insert odd bits of java code in web pages for things like groovy navigation rollovers or drop lists, I'm going to do a 6mth course that takes it a lot further with the view to self-employment and small site design, initially.
I did notice how similar java and pearl are in defining variables and not so far from ZX-81 Basic I happily picked up from the manual long ago, looking at https://www.w3schools.com, so wonder if this is a worthwhile starting point, before I begin in July?
Some other things include:
"Brightspace, Microsoft 365, WebEx, Google Chrome, and access to development tools like Visual Studio Code, GitHub Desktop, MySQL Workbench, and SQL Server"
Brightspace is just online learning management, which students use to access learning resources, submit...365 for those without, typically, or possibly collaboration/sharing, in this course, Figma, which I'm looking at now, a web/app workspace designer thingy..should have Visual Studio Code via VBox etc on MS laptop...GitHub I just know from odd wifi dongle driver issues and MX testing, occasionally I think, but while I know of, I haven't done network/server SQL stuff, which I gather will be about running scripts and apps for websites, broadly speaking.
Any suggestions welcome. Thanks.
hellfirebluffpress.org
Mick
This is something very basic indeed, not really coding, but it occured to me it might serve as a bit of a digital fidget toy, in the right sort of hands, if you choose to copy and paste below into a text file and save as *html. It just changes the page background to whichever colour the pointer is over, using a table of coloured blocks (I didn't use any special order I think, but it was over 20 years ago now).
Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head>
<title> JavaScript page background colour changer</title>
<meta content="text/html; charset=windows-1252" http-equiv="Content-Type">
<meta content="MSHTML 5.00.2314.1000" name="GENERATOR">
<meta content="HTML, Web Design Resources" name="description">
<meta content="Java" name="keywords">
</head>
<body text="#000000" link="#0000ff" bgcolor="6633FF">
<a name="top"></a>
<br>
<font color="#ff00ff" face="Comic Sans MS">
<h1>Background Colour Changer </h1>
</font>
<p>
<table border="0" cellpadding="8" cellspacing="8">
<tbody><tr>
<td bgcolor="#ffffff"><a href="#top" onmouseover="document.bgColor='FFFFFF'"> </a>
</td><td bgcolor="#ffffcc"><a href="#top" onmouseover="document.bgColor='FFFFCC'"> </a>
</td><td bgcolor="#ffff99"><a href="#top" onmouseover="document.bgColor='FFFF99'"> </a>
</td><td bgcolor="#ffff66"><a href="#top" onmouseover="document.bgColor='FFFF66'"> </a>
</td><td bgcolor="#ffff33"><a href="#top" onmouseover="document.bgColor='FFFF33'"> </a>
</td><td bgcolor="#ffff00"><a href="#top" onmouseover="document.bgColor='FFFF00'"> </a>
</td><td bgcolor="#ccffff"><a href="#top" onmouseover="document.bgColor='CCFFFF'"> </a>
</td><td bgcolor="#ccffcc"><a href="#top" onmouseover="document.bgColor='CCFFCC'"> </a>
</td><td bgcolor="#ccff99"><a href="#top" onmouseover="document.bgColor='CCFF99'"> </a>
</td><td bgcolor="#ccff66"><a href="#top" onmouseover="document.bgColor='CCFF66'"> </a>
</td><td bgcolor="#ccff33"><a href="#top" onmouseover="document.bgColor='CCFF33'"> </a>
</td><td bgcolor="#ccff00"><a href="#top" onmouseover="document.bgColor='CCFF00'"> </a>
</td></tr>
<tr>
<td bgcolor="#99ffff"><a href="#top" onmouseover="document.bgColor='99FFFF'"> </a>
</td><td bgcolor="#99ffcc"><a href="#top" onmouseover="document.bgColor='99FFCC'"> </a>
</td><td bgcolor="#99ff99"><a href="#top" onmouseover="document.bgColor='99FF99'"> </a>
</td><td bgcolor="#99ff66"><a href="#top" onmouseover="document.bgColor='99FF66'"> </a>
</td><td bgcolor="#99ff33"><a href="#top" onmouseover="document.bgColor='99FF33'"> </a>
</td><td bgcolor="#99ff00"><a href="#top" onmouseover="document.bgColor='99FF00'"> </a>
</td><td bgcolor="#66ffff"><a href="#top" onmouseover="document.bgColor='66FFFF'"> </a>
</td><td bgcolor="#66ffcc"><a href="#top" onmouseover="document.bgColor='66FFCC'"> </a>
</td><td bgcolor="#66ff99"><a href="#top" onmouseover="document.bgColor='66FF99'"> </a>
</td><td bgcolor="#66ff66"><a href="#top" onmouseover="document.bgColor='66FF66'"> </a>
</td><td bgcolor="#66ff33"><a href="#top" onmouseover="document.bgColor='66FF33'"> </a>
</td><td bgcolor="#66ff00"><a href="#top" onmouseover="document.bgColor='66FF00'"> </a>
</td></tr>
<tr>
<td bgcolor="#33ffff"><a href="#top" onmouseover="document.bgColor='33FFFF'"> </a>
</td><td bgcolor="#33ffcc"><a href="#top" onmouseover="document.bgColor='33FFCC'"> </a>
</td><td bgcolor="#33ff99"><a href="#top" onmouseover="document.bgColor='33FF99'"> </a>
</td><td bgcolor="#33ff66"><a href="#top" onmouseover="document.bgColor='33FF66'"> </a>
</td><td bgcolor="#33ff33"><a href="" onmouseover="document.bgColor='33FF33'"> </a>
</td><td bgcolor="#33ff00"><a href="#top" onmouseover="document.bgColor='33FF00'"> </a>
</td><td bgcolor="#00ffff"><a href="#top" onmouseover="document.bgColor='00FFFF'"> </a>
</td><td bgcolor="#00ffcc"><a href="#top" onmouseover="document.bgColor='00FFCC'"> </a>
</td><td bgcolor="#00ff99"><a href="#top" onmouseover="document.bgColor='00FF99'"> </a>
</td><td bgcolor="#00ff66"><a href="#top" onmouseover="document.bgColor='00FF66'"> </a>
</td><td bgcolor="#00ff33"><a href="#top" onmouseover="document.bgColor='00FF33'"> </a>
</td><td bgcolor="#00ff00"><a href="#top" onmouseover="document.bgColor='00FF00'"> </a>
</td></tr>
<tr>
<td bgcolor="#ffccff"><a href="#top" onmouseover="document.bgColor='FFCCFF'"> </a>
</td><td bgcolor="#ffcccc"><a href="#top" onmouseover="document.bgColor='FFCCCC'"> </a>
</td><td bgcolor="#ffcc99"><a href="#top" onmouseover="document.bgColor='FFCC99'"> </a>
</td><td bgcolor="#ffcc66"><a href="#top" onmouseover="document.bgColor='FFCC66'"> </a>
</td><td bgcolor="#ffcc33"><a href="#top" onmouseover="document.bgColor='FFCC33'"> </a>
</td><td bgcolor="#ffcc00"><a href="#top" onmouseover="document.bgColor='FFCC00'"> </a>
</td><td bgcolor="#ccccff"><a href="#top" onmouseover="document.bgColor='CCCCFF'"> </a>
</td><td bgcolor="#cccccc"><a href="#top" onmouseover="document.bgColor='CCCCCC'"> </a>
</td><td bgcolor="#cccc99"><a href="#top" onmouseover="document.bgColor='CCCC99'"> </a>
</td><td bgcolor="#cccc66"><a href="#top" onmouseover="document.bgColor='CCCC66'"> </a>
</td><td bgcolor="#cccc33"><a href="#top" onmouseover="document.bgColor='CCCC33'"> </a>
</td><td bgcolor="#cccc00"><a href="#top" onmouseover="document.bgColor='CCCC00'"> </a>
</td></tr>
<tr>
<td bgcolor="#99ccff"><a href="#top" onmouseover="document.bgColor='99CCFF'"> </a>
</td><td bgcolor="#99cccc"><a href="#top" onmouseover="document.bgColor='99CCCC'"> </a>
</td><td bgcolor="#99cc99"><a href="#top" onmouseover="document.bgColor='99CC99'"> </a>
</td><td bgcolor="#99cc66"><a href="#top" onmouseover="document.bgColor='99CC66'"> </a>
</td><td bgcolor="#99cc33"><a href="#top" onmouseover="document.bgColor='99CC33'"> </a>
</td><td bgcolor="#99cc00"><a href="#top" onmouseover="document.bgColor='99CC00'"> </a>
</td><td bgcolor="#66ccff"><a href="#top" onmouseover="document.bgColor='66CCFF'"> </a>
</td><td bgcolor="#66cccc"><a href="#top" onmouseover="document.bgColor='66CCCC'"> </a>
</td><td bgcolor="#66cc99"><a href="#top" onmouseover="document.bgColor='66CC99'"> </a>
</td><td bgcolor="#66cc66"><a href="#top" onmouseover="document.bgColor='66CC66'"> </a>
</td><td bgcolor="#66cc33"><a href="#top" onmouseover="document.bgColor='66CC33'"> </a>
</td><td bgcolor="#66cc00"><a href="#top" onmouseover="document.bgColor='66CC00'"> </a>
</td></tr>
<tr>
<td bgcolor="#33ccff"><a href="#top" onmouseover="document.bgColor='33CCFF'"> </a>
</td><td bgcolor="#33cccc"><a href="#top" onmouseover="document.bgColor='33CCCC'"> </a>
</td><td bgcolor="#33cc99"><a href="#top" onmouseover="document.bgColor='33CC99'"> </a>
</td><td bgcolor="#33cc66"><a href="#top" onmouseover="document.bgColor='33CC66'"> </a>
</td><td bgcolor="#33cc33"><a href="#top" onmouseover="document.bgColor='33CC33'"> </a>
</td><td bgcolor="#33cc00"><a href="#top" onmouseover="document.bgColor='33CC00'"> </a>
</td><td bgcolor="#00ccff"><a href="#top" onmouseover="document.bgColor='00CCFF'"> </a>
</td><td bgcolor="#c0ccc0"><a href="#top" onmouseover="document.bgColor='00CCCC'"> </a>
</td><td bgcolor="#00cc99"><a href="#top" onmouseover="document.bgColor='00CC99'"> </a>
</td><td bgcolor="#00cc66"><a href="#top" onmouseover="document.bgColor='00CC66'"> </a>
</td><td bgcolor="#00cc33"><a href="#top" onmouseover="document.bgColor='00CC33'"> </a>
</td><td bgcolor="#00cc00"><a href="#top" onmouseover="document.bgColor='00CC00'"> </a>
</td></tr>
<tr>
<td bgcolor="#ff99ff"><a href="#top" onmouseover="document.bgColor='FF99FF'"> </a>
</td><td bgcolor="#ff99cc"><a href="#top" onmouseover="document.bgColor='FF99CC'"> </a>
</td><td bgcolor="#ff9999"><a href="#top" onmouseover="document.bgColor='FF9999'"> </a>
</td><td bgcolor="#ff9966"><a href="#top" onmouseover="document.bgColor='FF9966'"> </a>
</td><td bgcolor="#ff9933"><a href="#top" onmouseover="document.bgColor='FF9933'"> </a>
</td><td bgcolor="#ff9900"><a href="#top" onmouseover="document.bgColor='FF9900'"> </a>
</td><td bgcolor="#cc99ff"><a href="#top" onmouseover="document.bgColor='CC99FF'"> </a>
</td><td bgcolor="#cc99cc"><a href="#top" onmouseover="document.bgColor='CC99CC'"> </a>
</td><td bgcolor="#cc9999"><a href="#top" onmouseover="document.bgColor='CC9999'"> </a>
</td><td bgcolor="#cc9966"><a href="#top" onmouseover="document.bgColor='CC9966'"> </a>
</td><td bgcolor="#cc9933"><a href="#top" onmouseover="document.bgColor='CC9933'"> </a>
</td><td bgcolor="#cc9900"><a href="#top" onmouseover="document.bgColor='CC9900'"> </a>
</td></tr>
<tr>
<td bgcolor="#9999ff"><a href="#top" onmouseover="document.bgColor='9999FF'"> </a>
</td><td bgcolor="#9999cc"><a href="#top" onmouseover="document.bgColor='9999CC'"> </a>
</td><td bgcolor="#999999"><a href="#top" onmouseover="document.bgColor='999999'"> </a>
</td><td bgcolor="#999966"><a href="#top" onmouseover="document.bgColor='999966'"> </a>
</td><td bgcolor="#999933"><a href="#top" onmouseover="document.bgColor='999933'"> </a>
</td><td bgcolor="#999900"><a href="#top" onmouseover="document.bgColor='999900'"> </a>
</td><td bgcolor="#6699ff"><a href="#top" onmouseover="document.bgColor='6699FF'"> </a>
</td><td bgcolor="#6699cc"><a href="#top" onmouseover="document.bgColor='6699CC'"> </a>
</td><td bgcolor="#669999"><a href="#top" onmouseover="document.bgColor='669999'"> </a>
</td><td bgcolor="#669966"><a href="#top" onmouseover="document.bgColor='669966'"> </a>
</td><td bgcolor="#669933"><a href="#top" onmouseover="document.bgColor='669933'"> </a>
</td><td bgcolor="#669900"><a href="#top" onmouseover="document.bgColor='669900'"> </a>
</td></tr>
<tr>
<td bgcolor="#3399ff"><a href="#top" "="" onmouseover="document.bgColor='3399FF'"> </a>
</td><td bgcolor="#3399cc"><a href="#top" onmouseover="document.bgColor='3399CC'"> </a>
</td><td bgcolor="#339999"><a href="#top" onmouseover="document.bgColor='339999'"> </a>
</td><td bgcolor="#339966"><a href="#top" onmouseover="document.bgColor='339966'"> </a>
</td><td bgcolor="#339933"><a href="#top" onmouseover="document.bgColor='339933'"> </a>
</td><td bgcolor="#339900"><a href="#top" onmouseover="document.bgColor='339900'"> </a>
</td><td bgcolor="#0099ff"><a href="#top" onmouseover="document.bgColor='0099FF'"> </a>
</td><td bgcolor="#0099cc"><a href="#top" onmouseover="document.bgColor='0099CC'"> </a>
</td><td bgcolor="#009999"><a href="#top" onmouseover="document.bgColor='009999'"> </a>
</td><td bgcolor="#009966"><a href="#top" onmouseover="document.bgColor='009966'"> </a>
</td><td bgcolor="#009933"><a href="#top" onmouseover="document.bgColor='009933'"> </a>
</td><td bgcolor="#009900"><a href="#top" onmouseover="document.bgColor='009900'"> </a>
</td></tr>
<tr>
<td bgcolor="#ff66ff"><a href="#top" onmouseover="document.bgColor='FF66FF'"> </a>
</td><td bgcolor="#ff66cc"><a href="#top" onmouseover="document.bgColor='FF66CC'"> </a>
</td><td bgcolor="#ff6699"><a href="#top" onmouseover="document.bgColor='FF6699'"> </a>
</td><td bgcolor="#ff6666"><a href="#top" onmouseover="document.bgColor='FF6666'"> </a>
</td><td bgcolor="#ff6633"><a href="#top" onmouseover="document.bgColor='FF6633'"> </a>
</td><td bgcolor="#ff6600"><a href="#top" onmouseover="document.bgColor='FF6600'"> </a>
</td><td bgcolor="#cc66ff"><a href="#top" onmouseover="document.bgColor='CC66FF'"> </a>
</td><td bgcolor="#cc66cc"><a href="#top" onmouseover="document.bgColor='CC66CC'"> </a>
</td><td bgcolor="#cc6699"><a href="#top" onmouseover="document.bgColor='CC6699'"> </a>
</td><td bgcolor="#cc6666"><a href="#top" onmouseover="document.bgColor='CC6666'"> </a>
</td><td bgcolor="#cc6633"><a href="#top" onmouseover="document.bgColor='CC6633'"> </a>
</td><td bgcolor="#cc6600"><a href="#top" onmouseover="document.bgColor='CC6600'"> </a>
</td></tr>
<tr>
<td bgcolor="#9966ff"><a href="#top" onmouseover="document.bgColor='9966FF'"> </a>
</td><td bgcolor="#9999cc"><a href="#top" onmouseover="document.bgColor='9999CC'"> </a>
</td><td bgcolor="#996699"><a href="#top" onmouseover="document.bgColor='996699'"> </a>
</td><td bgcolor="#996666"><a href="#top" onmouseover="document.bgColor='996666'"> </a>
</td><td bgcolor="#996633"><a href="#top" onmouseover="document.bgColor='996633'"> </a>
</td><td bgcolor="#996600"><a href="#top" onmouseover="document.bgColor='996600'"> </a>
</td><td bgcolor="#6666ff"><a href="#top" onmouseover="document.bgColor='6666FF'"> </a>
</td><td bgcolor="#6666cc"><a href="#top" onmouseover="document.bgColor='6666CC'"> </a>
</td><td bgcolor="#666699"><a href="#top" onmouseover="document.bgColor='666699'"> </a>
</td><td bgcolor="#666666"><a href="#top" onmouseover="document.bgColor='666666'"> </a>
</td><td bgcolor="#666633"><a href="file:///D:/Documents/newhomepage/html/f#top" onmouseover="document.bgColor='666633'"> </a>
</td><td bgcolor="#666600"><a href="#top" onmouseover="document.bgColor='666600'"> </a>
</td></tr>
<tr>
<td bgcolor="#3366ff"><a href="#top" onmouseover="document.bgColor='3366FF'"> </a>
</td><td bgcolor="#3366cc"><a href="#top" onmouseover="document.bgColor='3366CC'"> </a>
</td><td bgcolor="#336699"><a href="#top" onmouseover="document.bgColor='336699'"> </a>
</td><td bgcolor="#336666"><a href="#top" onmouseover="document.bgColor='336666'"> </a>
</td><td bgcolor="#336633"><a href="#top" onmouseover="document.bgColor='336633'"> </a>
</td><td bgcolor="#336600"><a href="#top" onmouseover="document.bgColor='336600'"> </a>
</td><td bgcolor="#0066ff"><a href="#top" onmouseover="document.bgColor='0066FF'"> </a>
</td><td bgcolor="#0066cc"><a href="#top" onmouseover="document.bgColor='0066CC'"> </a>
</td><td bgcolor="#006699"><a href="#top" onmouseover="document.bgColor='006699'"> </a>
</td><td bgcolor="#006666"><a href="#top" onmouseover="document.bgColor='006666'"> </a>
</td><td bgcolor="#006633"><a href="#top" onmouseover="document.bgColor='006633'"> </a>
</td><td bgcolor="#006600"><a href="#top" onmouseover="document.bgColor='006600'"> </a>
</td></tr>
<tr>
<td bgcolor="#ff33ff"><a href="#top" onmouseover="document.bgColor='FF33FF'"> </a>
</td><td bgcolor="#ff33cc"><a href="#top" onmouseover="document.bgColor='FF33CC'"> </a>
</td><td bgcolor="#ff3399"><a href="#top" onmouseover="document.bgColor='FF3399'"> </a>
</td><td bgcolor="#ff3366"><a href="#top" onmouseover="document.bgColor='FF3366'"> </a>
</td><td bgcolor="#ff3333"><a href="#top" onmouseover="document.bgColor='FF3333'"> </a>
</td><td bgcolor="#ff3300"><a href="#top" onmouseover="document.bgColor='FF3300'"> </a>
</td><td bgcolor="#cc33ff"><a href="#top" onmouseover="document.bgColor='CC33FF'"> </a>
</td><td bgcolor="#cc33cc"><a href="#top" onmouseover="document.bgColor='CC33CC'"> </a>
</td><td bgcolor="#cc3399"><a href="#top" onmouseover="document.bgColor='CC3399'"> </a>
</td><td bgcolor="#cc3366"><a href="#top" onmouseover="document.bgColor='CC3366'"> </a>
</td><td bgcolor="#cc3333"><a href="#top" onmouseover="document.bgColor='CC3333'"> </a>
</td><td bgcolor="#cc3300"><a href="#top" onmouseover="document.bgColor='CC3300'"> </a>
</td></tr>
<tr>
<td bgcolor="#9933ff"><a href="" onmouseover="document.bgColor='9933FF'"> </a>
</td><td bgcolor="#9933cc"><a href="" onmouseover="document.bgColor='9933CC'"> </a>
</td><td bgcolor="#993399"><a href="" onmouseover="document.bgColor='993399'"> </a>
</td><td bgcolor="#993366"><a href="" onmouseover="document.bgColor='993366'"> </a>
</td><td bgcolor="#993333"><a href="" onmouseover="document.bgColor='993333'"> </a>
</td><td bgcolor="#993300"><a href="" onmouseover="document.bgColor='993300'"> </a>
</td><td bgcolor="#6633ff"><a href="" onmouseover="document.bgColor='6633FF'"> </a>
</td><td bgcolor="#6633cc"><a href="" onmouseover="document.bgColor='6633CC'"> </a>
</td><td bgcolor="#663399"><a href="" onmouseover="document.bgColor='663399'"> </a>
</td><td bgcolor="#663366"><a href="" onmouseover="document.bgColor='663366'"> </a>
</td><td bgcolor="#663333"><a href="" onmouseover="document.bgColor='663333'"> </a>
</td><td bgcolor="#663300"><a href="" onmouseover="document.bgColor='663300'"> </a>
</td></tr>
<tr>
<td bgcolor="#3333ff"><a href="#top" onmouseover="document.bgColor='3333FF'"> </a>
</td><td bgcolor="#3333cc"><a href="#top" onmouseover="document.bgColor='3333CC'"> </a>
</td><td bgcolor="#333399"><a href="#top" onmouseover="document.bgColor='333399'"> </a>
</td><td bgcolor="#333366"><a href="#top" onmouseover="document.bgColor='333366'"> </a>
</td><td bgcolor="#333333"><a href="#top" onmouseover="document.bgColor='333333'"> </a>
</td><td bgcolor="#333300"><a href="#top" onmouseover="document.bgColor='333300'"> </a>
</td><td bgcolor="#0033ff"><a href="#top" onmouseover="document.bgColor='0033FF'"> </a>
</td><td bgcolor="#0033cc"><a href="#top" onmouseover="document.bgColor='0033CC'"> </a>
</td><td bgcolor="#003399"><a href="#top" onmouseover="document.bgColor='003399'"> </a>
</td><td bgcolor="#003366"><a href="#top" onmouseover="document.bgColor='003366'"> </a>
</td><td bgcolor="#003333"><a href="#top" onmouseover="document.bgColor='003333'"> </a>
</td><td bgcolor="#003300"><a href="#top" onmouseover="document.bgColor='003300'"> </a>
</td></tr>
<tr>
<td bgcolor="#ff00ff"><a href="#top" onmouseover="document.bgColor='FF00FF'"> </a>
</td><td bgcolor="#ff00cc"><a href="#top" onmouseover="document.bgColor='FF00CC'"> </a>
</td><td bgcolor="#ff0099"><a href="#top" onmouseover="document.bgColor='FF0099'"> </a>
</td><td bgcolor="#ff0066"><a href="#top" onmouseover="document.bgColor='FF0066'"> </a>
</td><td bgcolor="#ff0033"><a href="#top" onmouseover="document.bgColor='FF0033'"> </a>
</td><td bgcolor="#ff0000"><a href="#top" onmouseover="document.bgColor='FF0000'"> </a>
</td><td bgcolor="#cc00ff"><a href="#top" onmouseover="document.bgColor='CC00FF'"> </a>
</td><td bgcolor="#cc00cc"><a href="#top" onmouseover="document.bgColor='CC00CC'"> </a>
</td><td bgcolor="#cc0099"><a href="#top" onmouseover="document.bgColor='CC0099'"> </a>
</td><td bgcolor="#cc0066"><a href="#top" onmouseover="document.bgColor='CC0066'"> </a>
</td><td bgcolor="#cc0033"><a href="#top" onmouseover="document.bgColor='CC0033'"> </a>
</td><td bgcolor="#cc0000"><a href="#top" onmouseover="document.bgColor='CC0000'"> </a>
</td></tr>
<tr>
<td bgcolor="#9900ff"><a href="#top" onmouseover="document.bgColor='9900FF'"> </a>
</td><td bgcolor="#9900cc"><a href="#top" onmouseover="document.bgColor='9900CC'"> </a>
</td><td bgcolor="#990099"><a href="#top" onmouseover="document.bgColor='990099'"> </a>
</td><td bgcolor="#990066"><a href="#top" onmouseover="document.bgColor='990066'"> </a>
</td><td bgcolor="#990033"><a href="#top" onmouseover="document.bgColor='990033'"> </a>
</td><td bgcolor="#990000"><a href="#top" onmouseover="document.bgColor='990000'"> </a>
</td><td bgcolor="#6600ff"><a href="#top" onmouseover="document.bgColor='6600FF'"> </a>
</td><td bgcolor="#6600cc"><a href="#top" onmouseover="document.bgColor='6600CC'"> </a>
</td><td bgcolor="#660099"><a href="#top" onmouseover="document.bgColor='660099'"> </a>
</td><td bgcolor="#660066"><a href="#top" onmouseover="document.bgColor='660066'"> </a>
</td><td bgcolor="#660033"><a href="#top" onmouseover="document.bgColor='660033'"> </a>
</td><td bgcolor="#660000"><a href="#top" onmouseover="document.bgColor='660000'"> </a>
</td></tr>
<tr>
<td bgcolor="#3300ff"><a href="#top" onmouseover="document.bgColor='3300FF'"> </a>
</td><td bgcolor="#3300cc"><a href="#top" onmouseover="document.bgColor='3300CC'"> </a>
</td><td bgcolor="#330099"><a href="#top" onmouseover="document.bgColor='330099'"> </a>
</td><td bgcolor="#330066"><a href="#top" onmouseover="document.bgColor='330066'"> </a>
</td><td bgcolor="#330033"><a href="#top" onmouseover="document.bgColor='330033'"> </a>
</td><td bgcolor="#330000"><a href="#top" onmouseover="document.bgColor='330000'"> </a>
</td><td bgcolor="#0000ff"><a href="#top" onmouseover="document.bgColor='0000FF'"> </a>
</td><td bgcolor="#0000cc"><a href="#top" onmouseover="document.bgColor='0000CC'"> </a>
</td><td bgcolor="#000099"><a href="#top" onmouseover="document.bgColor='000099'"> </a>
</td><td bgcolor="#000066"><a href="#top" onmouseover="document.bgColor='000066'"> </a>
</td><td bgcolor="#000033"><a href="#top" onmouseover="document.bgColor='000033'"> </a>
</td><td bgcolor="#000000"><a href="#top" onmouseover="document.bgColor='000000'"> </a>
</td>
</tr>
</tbody></table>
</body></html>
