@@ -1,5 +1,16 @@
<!DOCTYPE html>
-<html lang="en">
+<!--
+ _ _ _ _ _ _ _
+| | | | | | (_) (_) |
+| |__ __ _ _ __ | |_ ___ _ __ __ _| |__ _| |_| |_ _ _
+| '_ \ / _` | '_ \| __/ _ \ '__/ _` | '_ \| | | | __| | | |
+| |_) | (_| | | | | || __/ | | (_| | |_) | | | | |_| |_| |
+|_.__/ \__,_|_| |_|\__\___|_| \__,_|_.__/|_|_|_|\__|\__, |
+ __/ |
+{handcrafted by jeffrey long, july 2009} |___/
+
+-->
+<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=870">
@@ -10,63 +21,49 @@
<link rel="icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link rel="openid.server" href="http://www.myopenid.com/server">
- <link rel="openid.delegate" href="http://banterability.myopenid.com/">
- <link rel="apple-touch-icon" href="http://jeffreylong.org/apple-touch-icon.png">
-
- <style type="text/css" media="screen">
- /* YUI Reset v 2.7.0 | (c)2009 Yahoo! | BSD License:http://developer.yahoo.net/yui/license.txt */
- html{color:#000;background:#FFF;}
- body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
- table{border-collapse:collapse;border-spacing:0;}
- fieldset,img{border:0;}
- address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
- del,ins{text-decoration:none;}
- li{list-style:none;}
- caption,th{text-align:left;}
- h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
- q:before,q:after{content:'';}
- abbr,acronym{border:0;font-variant:normal;}
- sup{vertical-align:baseline;}
- sub{vertical-align:baseline;}
- legend{color:#000;}
- input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
- input,button,textarea,select{*font-size:100%;}
- strong{font-weight:bold;}
- em{font-style:italic;}
- </style>
+ <link rel="apple-touch-icon" href="http://assets.banterability.com/apple-touch-icon.png">
- <style type="text/css" media="screen">
- body{font:17px Helvetica,Arial,sans-serif;color:#070909;}
- #container{width:840px;margin:20px auto;padding:10px 20px;}
- #posts,#sidebar{float:left;}
- #posts{width:540px;}
- #sidebar{width:230px;padding:0 20px 20px 20px;margin:0 15px;}
- #sidebar p{padding:8px 0;line-height:18px;font-size:14px;}
- .post{margin-bottom:50px;}
- .content{background-color:#f0f4f6;border:1px solid #ababab;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:20px;}
- div.content p,div.caption p{padding:8px 0;line-height:19px;}
- .caption{margin-top:10px;font-size:16px;}
- .quote .caption{color:gray;}
- .content h1{font-size:22px;font-weight:bold;padding-bottom:10px;}
- .link a{font-size:28px;}
- .link .caption a{font-size:17px;}
- .timestamp{float:right;text-align:right;font-size:12px;padding:5px;margin-right:5px;}
- div.photo img{display:block;}
- blockquote{margin-left:20px;margin-right:20px;color:gray;}
- .quote blockquote{font-size:28px; margin-left:0;margin-right:0;color:#070909;}
- #sidebar h3{font-size:18px;font-weight:bold;padding:10px 0;}
- a:link,a:visited{color:#484848;text-decoration:underline;}
- a:hover,a:active{color:#f00;text-decoration:none;}
- .chat tr{height:25px;}
- .chat td.name{text-align:right;font-weight:bold;}
- .chat td.dialogue{padding-left:10px;}
- .chat tr.odd{color:black;}
- .chat tr.even{color:gray;}
- .notes li{list-style:square inside;margin-left:15px;padding:2px 0;font-size:15px;}
- #post-notes,#pagination{margin-bottom:30px;}
- </style>
+<style type="text/css" media="screen">
+/* css reset (inspired by dan cederholm) */
+ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;font-size:100%;vertical-align:baseline;border:0;outline:0;background:transparent;}
+ ol,ul{list-style:none;}
+ blockquote,q{quotes:none;}
+ :focus{outline:0;}
+ table{border-collapse:collapse;border-spacing:0;}
+</style>
+<style type="text/css" media="screen">
+ body{font:17px Helvetica,Arial,sans-serif;color:#070909;}
+ #container{width:840px;margin:20px auto;padding:10px 20px;}
+ #posts,#sidebar{float:left;}
+ #posts{width:540px;}
+ #sidebar{width:230px;padding:0 20px 20px 20px;margin:0 15px;}
+ #sidebar p{padding:8px 0;line-height:18px;font-size:14px;}
+ .post{margin-bottom:50px;}
+ .content{background-color:#f0f4f6;border:1px solid #ababab;padding:20px;}
+ div.content p,div.caption p{padding:8px 0;line-height:19px;}
+ .caption{margin-top:10px;font-size:16px;}
+ .quote .caption{color:gray;}
+ .content h1{font-size:22px;font-weight:bold;padding-bottom:10px;}
+ .link a{font-size:28px;}
+ .link .caption a{font-size:17px;}
+ div.timestamp{float:right;text-align:right;font-size:12px;padding:6px;background-color:#ababab;}
+ div.photo img{display:block;}
+ blockquote{margin-left:20px;margin-right:20px;color:gray;}
+ .quote blockquote{font-size:28px; margin-left:0;margin-right:0;color:#070909;}
+ #sidebar #description{font-weight:bold;padding:10px 0;}
+ a:link,a:visited{color:#484848;text-decoration:underline;}
+ a:hover,a:active{color:#f00;text-decoration:none;}
+ .chat tr{height:25px;}
+ .chat td.name{text-align:right;font-weight:bold;}
+ .chat td.dialogue{padding-left:10px;}
+ .chat tr.odd{color:black;}
+ .chat tr.even{color:gray;}
+ .notes li{list-style:square inside;margin-left:15px;padding:2px 0;font-size:15px;}
+ #post-notes,#pagination{margin-bottom:30px;}
+</style>
+
+ <script src="http://stats.banterability.com/mint/?js" type="text/javascript"></script>
</head>
<body>
@@ -157,11 +154,12 @@
<div id="sidebar">
- <h3 style="padding-top:0;font-size:24px">A tumblelog by <br />Jeffrey Long</h3>
+ <h1 id="description">
+ <span style="font-size:24px;">banterability</span>
+ </h1>
<p style="font-size:14px"><a href="/">home</a> | <a href="/archive">archive</a> | <a href="{RSS}">rss</a></p>
-
- <p>I make websites, music, & faux pas in Los Angeles, California.</p>
+ <p>I make websites, music, & faux pas in Los Angeles, California.</p>
<p>Elsewhere, I <a href="http://twitter.com/banterability" title="banterability @ Twitter">tweet</a>, listen to <a href="http://www.last.fm/user/banterability" title="banterability @ Last.fm">music</a>, take <a href="http://www.flickr.com/photos/hellyes" title="Poppyseed Bandits @ Flickr">pictures</a>, write <a href="http://github.com/banterability" title="banterability @ GitHub">code</a>, make <a href="http://www.vimeo.com/banterability" title="banterability @ Vimeo">movies</a>, <a href="http://www.dopplr.com/traveller/banterability" title="banterability @ Dopplr">travel</a>, and read <script language="JavaScript" type="text/javascript">
//<!--
theme.html
3c811b1ca85ff8c7994bb544d9644f49ece3a583
Jeffrey Long
jeff@banterability.com
http://github.com/banterability/tumblr/commit/d1d841b36bf3f8d8ce70e60451ac3633fbdcd4f3
d1d841b36bf3f8d8ce70e60451ac3633fbdcd4f3
2009-10-04T22:16:01-07:00
2009-10-04T22:16:01-07:00
Added mark to top; pulled out openid declarations; changed reset stylesheet; pulled lang attribute off html; Added mint javascript; Changed title & description
b9c341716b9fd72e9d4ee9352eba2c6c6b6b1566
Jeffrey Long
jeff@banterability.com