Sample HTML Files

To get started designing for The Style Contest, you need to first download the official HTML files which are provided in a single archive below for your convenience. Although we encourage full compatibility, to be eligible for a prize, all designs must be compatible with all four HTML files of at least one of the layouts included in the distribution.

Official Contest files

Copies of all of the files included in the distributions above are also linked to plain text versions below for your browsing convenience.

One Column

Two Column Left Sidebar

Two Column Right Sidebar

Three Column

Comments

Liz
April 2, 2006 8:09 PM

FYI, the .txt file for the Two Column Left Sidebar Individual Entry Archive page doesn't exist when you click on the link; it's also absent from the .zip file (I assume then that it's not in the tar/gz file either). :)

Vix
April 3, 2006 2:04 AM

Yes it's not in the tar/gz file either.

Arvind Satyanarayan
April 3, 2006 3:06 AM

Whoops that should be fixed now. Also I fixed a bug with the Two Column Right Individual Entry Archives. Thanks for the heads up.

Brian Scott
April 5, 2006 2:51 PM

Hi Everyone,

As a user of MT I've always lamented the fact that the basic templates MT provides didn't have persistent columns between the "main index" and the "archives" (individual/catagory/monthly). I think most MT users and their readers would like their columns to always be seen.

I'm not a designer, only a humble user, so I'm not sure if this is possible within MT's architecture to do this. If it is however, it would be a welcome design change that many people would take advantage of.

Thanks for hearing me out.

RavenChyld
April 6, 2006 1:00 AM

The Individual Entry Archives for the one and three column designs are giving me not found errors.

I didn't check if they're in the .zips.

Arvind Satyanarayan
April 6, 2006 2:30 AM

Sorry that should be fixed.

Egypt Urnash
April 10, 2006 3:11 AM

...um... is there some arcane Movable Type reason these are .txt instead of .html? Renaming every one of these to .html is kinda obnoxious on a Mac. (I wish I could tell OSX that I know what I'm doing with respect to file extensions once and for all.)

(Tip: you can rename them with Textmate's project drawer.)

And why do they point to /www.thestylecontest.com/templates/base-weblog.css instead of just including a copy of that for ease of hacking them with your net off?

Also pls. include userpics and such so that LJ-centric designers don't have to switch to Bloggish and pull that out of the source, and so that MT-centric designers don't make something accidentally ugly with 100x100 images dropped into the posts...

Jay Allen
April 12, 2006 7:05 PM

Hi Egypt, the linked files are included above as text files so that they don't load in your browser. The files in the archives were .txt simply because we weren't thinking.

So we've done the following:

* We've combined all of the archives into one file (zip and tar.gz flavors)
* We've included base-weblog.css in the directory for each layout and changed the HTML to point to that file
* We changed the .txt files in the archive to have .html extensions.

Thanks for pointing all of that out and please let us know if there's anything else we can do to make it easier for you to create some killer designs.

Brianna Aisling
April 13, 2006 5:02 AM

In all of the .html files (in the zip file, not sure about the tar/gz), this line is messed up:

That last bit (" type="text/css" />) renders as text on the page.

Parker
April 18, 2006 2:32 PM

Just wanted to know if there was a reason why the 'input' for "checkbox" was nested inside of the 'label' for same?

chris
April 20, 2006 12:50 AM

I just noticed that in a just about all template files, the paragraph immediately following a list-element (ordered or unordered) are not enclosed within a <p> tag which would therefore fail any validation and break any default <p> style. Can someone let me know if this is deliberate by design, or simply an error in the template files?

While I'm here, there are also absolute references to the userpic.gif file throughout the templates (/images/userpic.gif), perhaps these should be changed to relative (images/userpic.gif) references.

The Style Archive: For Movable Type, TypePad and LiveJournal