KittyKatBlack's Breakdown of the Workspace Template Code

Phalanx: This is a simple breakdown of the default /workspace templates (indextemplate.html and dailytemplate.html) written from the point-of-view of someone new to Keenspace. Good for you to know what you can and can not modify when sprucing up your page.

KittyKatBlack: Since I think the main problem is just that the pre-generated HTML pages is overwhelming here's a breakdown of what you start with (from my own experience):

<?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <html lang="en" xml:lang="en" xmlns="">
This is all XTML (Or XML, or whatever) that the general Keenspace service runs on. Don't modify any of this, it's not important. Just skip it.
<head><title>The Gear - Saturday, December 0, </title>
This is what the titlebar will read at the top of your pages. If you want to put a slogan or funny quote after the title of your comic to show up on the main title bar, it goes here.

Phalanx: To be more specific, you insert the messages between the <title> and </title> tags. Note that Keentags also work for the title.

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> </head>
Identifiers and junk. Nothing you need to worry about for site construction. Ignore this part too.

Phalanx: The <head> tag is important if you're doing CSS, as the link reference has to be in <head>. But if you're using CSS, most probably you know what you're doing anyway

<div class="keen_ad" style="display:inline;"> </div>
Keen's advertisement space. DO NOT REMOVE THIS or Kisai will whollop you good with her mallet of smiting. (In other words, you're required to have these on ALL your pages according to the Terms of Service agreement. If you remove this, your account can be terminated.)
<div class="main"> <h1>The Gear</h1> <h2>by The Space Wranglers</h2> <br /> <br />
The meat of your site. Any of you familiar with HTML, treat <div class="main"> as your BODY tag. This is where all your editing is done and where most of the changes take place.

Phalanx: You'll notice that the <body> tag is missing. You can add one yourself here if you wish to add some attributes. (change backgrond colour, maybe). ***comic_name** - Simply inserts the name of your comic where the tag is The Space Wranglers - Does the same, but inserts your name as listed on SiteAdmin. ***todays_comic*** - Puts up the your most recent comic (That is not after the current date) , , , - Posts links to the first, previous, next and most recent comic respectively.

The Gear is hosted on <a href="">Keenspace</a>, a free webhosting and site automation service for webcomics.
Another T.O.S. agreement thing. You need to have this on your page. You can change the wording, make it funny or pretty or whatever, but you HAVE to give credit to Keenspace for hosting your site somewhere on your page. This is just the default message.

Phalanx: Also be sure to include the link back to

</div> </body> </html>
Not important. Just ending stuff for your site. It should aways be at the bottom. (Incase you didn't notice the pattern, any tag with a /whatever in it is generally a closing tag. It's like an off switch for whatever tags were turned on earlier) That about sums it up. My suggestion would be that every page in your site should be a duplicate of indextemplate.html only with the 'meat' part changed to fit whatever it's supposed to be for, that way you're not missing anything important. I hope this cleared up a bit of confusion.

Phalanx: KittyKatBlack is the creator of Generation Omega. Many thanks to Kitty for submitting this breakdown explanation.

This tutorial by KittyKatBlack of Teacher's Lounge


Generation Omega.

Keenspace Gear hosted by
Keenspace, a free webcomics hosting service of

Keenspace Gear v2.0 site design by
Ping Teo @ Phalanx (2004).
I am not paid to do this, so any appreciation and encouragement would be welcome ;)