[ back to current entry ]
previous | about | nodes | reply

info on version 2.x

sorting out the bugs

(If this page looks like crap, you're using a 4.x browser. Try upgrading to a CSS-2 compliant browser.)

General

This is an old version of the site layout. I replaced the initial header image (a green box) with an image of Gendou Ikari from Neon Genesis Evangelion.

Technical

Code in version 2.x was created in Notepad. The layout was made via a table. View the source code to see how I did it.

However, starting with v2.1, all files use a stylesheet-based layout. DIVs within each file denote sections of data. The stylesheet is loaded using a <STYLE>..</STYLE> block containing an @import command, instead of the usual LINK header declaration. In plain English, I used a command which only a CSS-2 compliant browser would understand, so non-compliant browsers don't load the stylesheet and botch up the layout.

Cascading Style Sheet created in Notepad. Primary source of inspiration from A List Apart. CSS conforms to W3C's CSS Specification, level 2.

Version 2.0 uses a table structure to achieve the desired layout. Version 2.1 now separates style from content and uses a CSS layout.

All images were made using JASC Paint Shop Pro 6.

Changes to date

April 22, 2001 Version 2.2 created.
April 16, 2001 CSS-2 conformity upgrade. Layout is now CSS-based.
April 11, 2001 Header image changed; HR now 95%
April 5, 2001 HR changed to 100%
April 4, 2001 Modified style sheet.
April 1, 2001 Removed side links.
March 31, 2001 Changed to left text orientation.
March 30, 2001 Original plan. Green head graphic, side graphic links. Center orientation.

Version History

Version 2.x: Version 2.2 Started April 20, 2001. Stylesheet derived from version 2.1 stylesheet. Version 2.2 is an interface/layout update. Header is now a green block; text surrounded by green border.; Version 2.2t (transitional) Started April 17. Entry header text contained inside a DIV.; Version 2.1 Started April 16, 2001. Stylesheet upgrade to CSS-2. Uses a DIV container and a CSS-based layout. This is a gradual upgrade. Some files will still use version 2.0 code. Version 2.1 is an internal code upgrade. No major interface change. However, v2.1 files do not retain their layout in 4.x browsers.; Version 2.0 Started March 30, 2001. Green head graphic, Verdana/Geneva font. Left text orientation (align="left").
Version 1.x: Version 1.1 Started March 15, 2001. White background, black text. Line division. Columnar layout. Frameless.
Version 1.0 Started March 12, 2001. Frame layout. White backround, black text. Unbalanced, short-lived. Two set-ups: vertical and horizontal.
Version 0.x (initial): Version 0.3 Started March 10, 2001. Blue layout. Frames. Blue left frame, gray right frame, ad frame at the bottom. JavaScript/DHTML to change the Title frame text.
Version 0.2 Started March 03, 2001. Blue layout. Frames. Blue left frame, gray body frame, ad frame at the bottom. Link bar at the upper left.
Version 0.1 Started February 28, 2001. Blue bar layout.