Welcome!

Hello! Welcome to my awesome web template. All code (with exception for mootools for the special effects) was hand coded by me, Sam Gleske. Even the images were all custom designed like the rainbow heading!

Simple

This page is meant to be simple because it will by loaded into the main page (index.html) by AJAX. All pages meant to be dynamically loaded must comply with the W3C web standard XHTML 1.0 Transitional. You can validate your pages at http://validator.w3.org/

Initial Warnings

Due to security restrictions in browsers AJAX is not allowed to run locally on your computer which means in order for this template to work correctly it must be uploaded to a web server and access via internet. Otherwise, the links to load web pages won't work. But you can look at the pretty template!

Page Template

It is recommended that all content pages are coded with the following format:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tools</title>
<script type="text/javascript">
var p=location.href.split('/');
top.location.href="index.html#"+p[p.length-1];
</script>
</head>
<body>

#Your HTML to be loaded#

</body>
</html>

Don't forget to rename the title. Please notice the script tags above. It is recommended to have those in every one of your content pages so that if a user directly browses to that page then they will be redirected to show the content with your website style template (if they support JavaScript). This readme does not include those JavaScript tags so this page can easily be viewed locally.

Styles

No stylesheets are preserved when the pages are dynamically loaded by index.html. Instead any style from index.html is applied to the style of this page after being dynamically loaded.

With the new file structure of this web template stylesheet templates are now easily applied.


The font used for the Header Background is Segoe Script.

Created by Sam Gleske
http://www.gleske.net/ | http://www.pages.drexel.edu/~sag47
sam.mxracer@gmail.com