Firdamatic: the Online Design Tool for the Uninspired

Movable Type Templates

Stylesheet (firdamatic2.css):

body {
	margin: 10px auto;
	padding: 0;
	font-family: ;
	text-align: center;
	background: ;
	color: ;
	}

h1, h2, h3 {
	font-family: ;  
	color: ;
	background: transparent;
	}

p {
	font-family: ;  
	color: ;
	background: transparent;
	}

form {
	font: 12px/16px ;
      margin: 10px 0px;
	padding: 15px;
	border: 1px solid ;
	}

	a		{ color: ; background: transparent; text-decoration: none;} 
	a:link	{ color: ; background: transparent; } 
	a:visited	{ color: ; background: transparent; } 
	a:active	{ color: ; background: transparent; } 
	a:hover	{ color: ; background: transparent; text-decoration: underline; }

#header {
	margin: 0 auto;
	padding: 0;
	width: 700px;
	height: 150px;
	text-align: left;
	background:  url() no-repeat top center;
	color: ;
	border-top: 1px solid ;
	border-right: 1px solid ;
	border-bottom: 5px solid ;
	border-left: 1px solid ;
	}

#title {
	margin: 0px;
	padding: 50px 0 0 25px;
	background: transparent;
	color: ;
	}	

#title h1 {
	margin: 0;
	padding: 0;
	display: ;
	}	

#container {
	margin: 0 auto;
	padding: 0;
	color: ;
	background: transparent;
	width: 702px;
	text-align: left;
	}

h2.section {
	margin-top: 10px;
	font-size: 13px;
	background: transparent;
	color: ;
	border-bottom: 1px solid ;
	}

#sidebar {
	float: left;
	width: 146px;
	padding: 0px 5px 10px 0px;
	background: transparent;
	color: ;
	border-top: 5px solid ;
	}

#sidebar p {
	font-size: 11px;
	margin: 5px 0px;
	}

#sidebar ul {
	list-style: square;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 1em;
	padding-left: 1em;
	}

#sidebar li {
	background: transparent;
	font: 11px ;
	color: ;
	}

#content {
	float: left;
	width: 380px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background: transparent;
	color: ;
	border-top: 5px solid ;
	border-right: 1px dashed ;
	border-left: 1px solid ;
	}

h2.date {
	margin-top: 10px;
	padding: 2px 5px;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.09em;
	text-align: right;
	background: transparent;
	color: ;
	border-top: 1px solid ;
	border-right: 5px solid ;
	}

h3.subject {
	font-size: 12px;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	background: transparent;
	color: ;
	}

div.timestamp {
	font: 11px ;
	letter-spacing: 0.09em;
	margin-top: 10px;
	padding: 0px 5px 2px 5px;
	border-bottom: 1px solid ;
	border-left: 5px solid ;
	}

#content p {
	font-size: 12px;
	margin: 10px 0px 5px 10px;
	}

#comments p {
	font-size: 11px;
	}

div.poster {
	font: 10px ;
	letter-spacing: 0.09em;
	margin-top: 5px;
	margin-bottom: 15px;
	padding: 0px 5px 2px 5px;
	border-bottom: 1px solid ;
	border-left: 5px solid ;
	}

#rightbar {
	float: left;
	width: 144px;
	padding: 0px 0px 10px 5px;
	background: transparent;
	color: ;
	border-top: 5px solid ;
	}

#rightbar p {
	font-size: 11px;
	margin: 5px 0px;
	}

#rightbar ul {
	list-style: square;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 1em;
	padding-left: 1em;
	}

#rightbar li {
	background: transparent;
	font: 11px ;
	color: ;
	}

#footer {
	margin: 0 auto;
	padding: 0;
	width: 702px;
	text-align: left;
	background: transparent;
	font-size: 10px;
	color: ;
	}

#credits {
	float: left;
	width: 140px;
	padding: 5px;
	background: ;
	color: ;
	border: 1px solid ;
	}

#credits p {
	margin: 0px;
	}

#space {
	float: left;
	width: 540px;
	padding: 5px;
	background: transparent;
	color: ;
	border-top: 1px solid ;
	}

Main Index (index.html):

<!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><$MTBlogName$></title>

<link rel="stylesheet" href="<$MTBlogURL$>firdamatic2.css" type="text/css" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="<$MTBlogURL$>index.rdf" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="<$MTBlogURL$>rsd.xml" />

<script language="javascript" type="text/javascript">
function OpenComments (c) {
    window.open(c,
                    'comments',
                    'width=480,height=480,scrollbars=yes,status=yes');
}

function OpenTrackback (c) {
    window.open(c,
                    'trackback',
                    'width=480,height=480,scrollbars=yes,status=yes');
}
</script>

<MTBlogIfCCLicense>
<$MTCCLicenseRDF$>
</MTBlogIfCCLicense>

</head>

<body>
<div id="header">
<div id="title"><h1><a href=""></a></h1></div>
</div>
<div id="container">
<div id="sidebar">
<h2 class="section">About</h2>
<p>Hello. My name is . I have a weblog. You are looking at it. Isn't it cool? There's a weblog behind every cool kid. Really.</p>
<h2 class="section">Archives</h2>
<ul><MTArchiveList archive_type="Monthly">
<li><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a></li>
</MTArchiveList></ul>
<h2 class="section">Blogroll</h2>
<ul>
<!-- These are links to my friends and, uh, myself. Feel free to get rid of them. //-->
<li><a href="http://forestpirate.net/">Blue Goo Ate My Mom</a></li>
<li><a href="http://www.galacticmuffin.net/day17/">Day Seventeen</a></li>
<li><a href="http://www.fairvue.com/">Fairvue Central</a></li>
<li><a href="http://www.swirlee.org/">Swirlee</a></li>
<li><a href="http://www.wannabegirl.org/">Weblog Wannabe</a></li>
</ul>
</div>
<div id="content">
<MTEntries>
<$MTEntryTrackbackData$>
<MTDateHeader>
<h2 class="date"><$MTEntryDate format="%x"$></h2>
</MTDateHeader>
<h3 class="subject"><$MTEntryTitle$></h3>
<$MTEntryBody$>
<MTEntryIfExtended>
<p><a href="<$MTEntryPermalink$>#more">Continue reading "<$MTEntryTitle$>"</a></p>
</MTEntryIfExtended>
<div class="timestamp"><a href="<$MTEntryPermalink$>">Permalink</a><MTEntryIfAllowComments>	:: <a href="<$MTEntryPermalink$>#comments">Comments (<$MTEntryCommentCount$>)</a></MTEntryIfAllowComments><MTEntryIfAllowPings> :: <a href="<$MTCGIPath$><$MTTrackbackScript$>?__mode=view&entry_id=<$MTEntryID$>" onclick="OpenTrackback(this.href); return false">TrackBack (<$MTEntryTrackbackCount$>)</a>
	</MTEntryIfAllowPings></div>
</MTEntries>
</div>
<div id="rightbar">
<h2 class="section">Listening</h2>
<p>I don't want you to think of me as an eavesdropper so I'll just say that I'm listening to music instead of my neighbour's maid flirting with my other neighbour's driver.</p>
<h2 class="section">Reading</h2>
<p>I like it when people think of me as an intellectual so I will list a bunch of intellectual-sounding books here, even those I don't plan to read.</p>
<h2 class="section">Viewing</h2>
<p>Since I can't list my porn collection here, I'll just leave it this way until I can force myself to watch non-pornographic stuff, which may or may not happen. </p>
</div>
</div>
<div id="footer">
<div id="credits">
<p>Base layout by <a href="http://wannabegirl.org/firdamatic/">Firdamatic</a><br />Graphics by <a href="mailto:"></a><br />Powered by <a href=""></a><br />Valid <a href="http://validator.w3.org/check/referer">XHTML</a> and <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a></p>
</div>
<div id="space"></div>
</div>
</body>
</html>

Individual Entry Archive:

<!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><$MTBlogName$>: <$MTEntryTitle$></title>
<link rel="stylesheet" href="<$MTBlogURL$>firdamatic2.css" type="text/css" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="<$MTBlogURL$>index.rdf" />

<link rel="start" href="<$MTBlogURL$>" title="Home" />
<MTEntryPrevious>
<link rel="prev" href="<$MTEntryPermalink$>" title="<$MTEntryTitle encode_html="1"$>" />
</MTEntryPrevious>
<MTEntryNext>
<link rel="next" href="<$MTEntryPermalink$>" title="<$MTEntryTitle encode_html="1"$>" />
</MTEntryNext>

<script type="text/javascript" language="javascript">
<!--

function OpenTrackback (c) {
    window.open(c,
                    'trackback',
                    'width=480,height=480,scrollbars=yes,status=yes');
}

var HOST = '<$MTBlogHost$>';

// Copyright (c) 1996-1997 Athenia Associates.
// http://www.webreference.com/js/
// License is granted if and only if this entire
// copyright notice is included. By Tomer Shiran.

function setCookie (name, value, expires, path, domain, secure) {
    var curCookie = name + "=" + escape(value) + ((expires) ? "; expires=" + expires.toGMTString() : "") + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + ((secure) ? "; secure" : "");
    document.cookie = curCookie;
}

function getCookie (name) {
    var prefix = name + '=';
    var c = document.cookie;
    var nullstring = '';
    var cookieStartIndex = c.indexOf(prefix);
    if (cookieStartIndex == -1)
        return nullstring;
    var cookieEndIndex = c.indexOf(";", cookieStartIndex + prefix.length);
    if (cookieEndIndex == -1)
        cookieEndIndex = c.length;
    return unescape(c.substring(cookieStartIndex + prefix.length, cookieEndIndex));
}

function deleteCookie (name, path, domain) {
    if (getCookie(name))
        document.cookie = name + "=" + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + "; expires=Thu, 01-Jan-70 00:00:01 GMT";
}

function fixDate (date) {
    var base = new Date(0);
    var skew = base.getTime();
    if (skew > 0)
        date.setTime(date.getTime() - skew);
}

function rememberMe (f) {
    var now = new Date();
    fixDate(now);
    now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000);
    setCookie('mtcmtauth', f.author.value, now, '', HOST, '');
    setCookie('mtcmtmail', f.email.value, now, '', HOST, '');
    setCookie('mtcmthome', f.url.value, now, '', HOST, '');
}

function forgetMe (f) {
    deleteCookie('mtcmtmail', '', HOST);
    deleteCookie('mtcmthome', '', HOST);
    deleteCookie('mtcmtauth', '', HOST);
    f.email.value = '';
    f.author.value = '';
    f.url.value = '';
}

//-->
</script>

<$MTEntryTrackbackData$>

<MTBlogIfCCLicense>
<$MTCCLicenseRDF$>
</MTBlogIfCCLicense>
</head>

<body>
<div id="header">
<div id="title"><h1><a href=""></a></h1></div>
</div>
<div id="container">
<div id="sidebar">
<h2 class="section">Navigate</h2>
<ul>
<MTEntryPrevious><li><b>Previously:</b> 
<a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li></MTEntryPrevious>
<MTEntryNext><li><b>Next:</b> <a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li></MTEntryNext>
<li><a href="<$MTBlogURL$>">Back to main</a></li></ul>
<h2 class="section">Archives</h2>
<ul><MTArchiveList archive_type="Monthly">
<li><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a></li>
</MTArchiveList></ul>
<h2 class="section">Blogroll</h2>
<ul>
<!-- These are links to my friends and, uh, myself. Feel free to get rid of them. //-->
<li><a href="http://forestpirate.ca/">Blue Goo Ate My Mom</a></li>
<li><a href="http://www.galacticmuffin.net/day17/">Day Seventeen</a></li>
<li><a href="http://www.fairvue.com/">Fairvue Central</a></li>
<li><a href="http://www.swirlee.org/">Swirlee</a></li>
<li><a href="http://www.wannabegirl.org/">Weblog Wannabe</a></li>
</ul>
</div>
<div id="content">
<h2 class="date"><$MTEntryDate format="%x"$></h2>
<h3 class="subject"><$MTEntryTitle$></h3>
<$MTEntryBody$>
<a name="more"></a>
<$MTEntryMore$>
<div class="timestamp"><$MTEntryDate$><MTEntryIfAllowPings> :: <a href="<$MTCGIPath$><$MTTrackbackScript$>?__mode=view&entry_id=<$MTEntryID$>" onclick="OpenTrackback(this.href); return false">TrackBack</a>
</MTEntryIfAllowPings></div>
<MTEntryIfAllowComments>
<div id="comments">
<h2 class="section">Comments</h2>
<MTComments>
<$MTCommentBody$>
<div class="poster">Posted by <$MTCommentAuthorLink spam_protect="1"$> at <$MTCommentDate$></div>
</MTComments>
</div>
<MTEntryIfCommentsOpen>
<h2 class="section">Post a comment</h2>
<form method="post" action="<$MTCGIPath$><$MTCommentScript$>" name="comments_form" onsubmit="if (this.bakecookie[0].checked) rememberMe(this)">
<input type="hidden" name="static" value="1" />
<input type="hidden" name="entry_id" value="<$MTEntryID$>" />

<div style="padding-right:15px; margin-right:15px; float:left; text-align:left; border-right:1px dotted ;">
	<label for="author">Name:</label><br />
	<input tabindex="1" id="author" name="author" /><br /><br />

	<label for="email">Email Address:</label><br />
	<input tabindex="2" id="email" name="email" /><br /><br />

	<label for="url">URL:</label><br />
	<input tabindex="3" id="url" name="url" /><br /><br />
</div>

Remember personal info?<br />
<input type="radio" id="bakecookie" name="bakecookie" /><label for="bakecookie">Yes</label><input type="radio" id="forget" name="bakecookie" onclick="forgetMe(this.form)" value="Forget Info" style="margin-left: 15px;" /><label for="forget">No</label><br style="clear: both;" />

<label for="text">Comments:</label><br />
<textarea tabindex="4" id="text" name="text" rows="10" cols="40"></textarea><br /><br />

<input type="submit" name="preview" value=" Preview " />
<input style="font-weight: bold;" type="submit" name="post" value=" Post " /><br /><br />
</form>
<script type="text/javascript" language="javascript">
<!--
document.comments_form.email.value = getCookie("mtcmtmail");
document.comments_form.author.value = getCookie("mtcmtauth");
document.comments_form.url.value = getCookie("mtcmthome");
if (getCookie("mtcmtauth")) {
    document.comments_form.bakecookie[0].checked = true;
} else {
    document.comments_form.bakecookie[1].checked = true;
}
//-->
</script>
</MTEntryIfCommentsOpen>
</MTEntryIfAllowComments>
</div>
<div id="rightbar">
<h2 class="section">Listening</h2>
<p>I don't want you to think of me as an eavesdropper so I'll just say that I'm listening to music instead of my neighbour's maid flirting with my other neighbour's driver.</p>
<h2 class="section">Reading</h2>
<p>I like it when people think of me as an intellectual so I will list a bunch of intellectual-sounding books here, even those I don't plan to read.</p>
<h2 class="section">Viewing</h2>
<p>Since I can't list my porn collection here, I'll just leave it this way until I can force myself to watch non-pornographic stuff, which may or may not happen. </p>
</div>
</div>
<div id="footer">
<div id="credits">
<p>Base layout by <a href="http://wannabegirl.org/firdamatic/">Firdamatic</a><br />Graphics by <a href="mailto:"></a><br />Powered by <a href=""></a><br />Valid <a href="http://validator.w3.org/check/referer">XHTML</a> and <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a></p>
</div>
<div id="space"></div>
</div>
</body>
</html>

<< Back to main