@@ -3,12 +3,11 @@ <head profile='http://purl.org/uF/2008/03/'> <meta charset='UTF-8'> <meta name='verify-v1' content='fBP5k+EA4BFJx2aaK3hiOymbZSUbEAkp8OcEdeK/Fk8='> - <meta name='keywords' content='jordan -cole, stilist, ratafia, ratafia currant'> + <meta name='keywords' content='jordan cole, stilist, ratafia, ratafia currant'> <title>{block:PostTitle}{PostTitle} — {/block:PostTitle}Ratafia Currant</title> <link rel='shortcut icon' href='http://static.ratafia.info/favicon.ico'> - <link rel='stylesheet' type='text/css' media='screen' + <link rel='stylesheet' media='screen' href='http://static.ratafia.info/ricardo/style.css'> <link rel='openid.server' href='http://www.myopenid.com/server'> <link rel='openid.delegate' href='http://stilist.myopenid.com/'> @@ -18,14 +17,14 @@ cole, stilist, ratafia, ratafia currant'> content='http://www.myopenid.com/xrds?username=stilist.myopenid.com'> <link rel='alternate' type='application/atom+xml' title='Ratafia Currant' href='http://feeds.feedburner.com/ratafia'> - <link rel='me' href='http://twitter.com/stilist'> - <link rel='me' href='http://pinboard.in/u:stilist'> - <link rel='me' href='http://flickr.com/photos/stilist/'> - <link rel='me' href='http://vimeo.com/stilist'> - <link rel='me' href='http://friendfeed.com/stilist'> - <link rel='me' href='http://www.youtube.com/user/stilist'> - <link rel='me' href='http://www.metafilter.com/user/96063'> - <link rel='me' href='http://www.discogs.com/user/ratafia'> + <link rel='me external' href='http://twitter.com/stilist'> + <link rel='me external' href='http://pinboard.in/u:stilist'> + <link rel='me external' href='http://flickr.com/photos/stilist/'> + <link rel='me external' href='http://vimeo.com/stilist'> + <link rel='me external' href='http://friendfeed.com/stilist'> + <link rel='me external' href='http://www.youtube.com/user/stilist'> + <link rel='me external' href='http://www.metafilter.com/user/96063'> + <link rel='me external' href='http://www.discogs.com/user/ratafia'> <script> /* <![CDATA[ */ function hivelogic_enkoder(){var i,j,x,y,x= @@ -49,26 +48,37 @@ while(x=eval(x));} </script> {block:PermalinkPage}<link rel='canonical' href='{Permalink}'>{/block:PermalinkPage} +  </head> <body> - <ul id='nameplate'> - <li><a href='http://ratafia.info' id='logo' rel='home'>Ratafia Currant</a></li> - <li><a href='/archive' id='archives'>Archives</a></li> - <li><a href='http://github.com/stilist' id='code'>Code</a></li> - <li><a href='http://pinboard.in/u:stilist' id='links'>Links</a></li> - <li><a href='http://portfolio.ratafia.info' id='hireme'>Hire Me</a></li> - </ul> + <nav id='nameplate'> + <ul> + <li><a href='http://ratafia.info' id='logo' rel='home index'>Ratafia Currant</a></li> + <li><a href='/archive' id='archives' rel='archives'>Archives</a></li> + <li><a href='http://github.com/stilist' rel='external' id='code'>Code</a></li> + <li><a href='http://pinboard.in/u:stilist' rel='external' id='links'>Links</a></li> + </ul> + </nav> - {block:Posts} - <div class='hentry'> + <section>{block:Posts}<article class='hentry'> {block:Text} - <h1 class='entry-title'>{block:IndexPage}<a href='{Permalink}'>{/block:IndexPage}{block:Title}{Title}{/block:Title}{block:IndexPage}</a>{/block:IndexPage}</h1> + <header> + <h1 class='entry-title'> + {block:IndexPage}<a href='{Permalink}'>{/block:IndexPage} + {block:Title}{Title}{/block:Title} + {block:IndexPage}</a>{/block:IndexPage} + </h1> + </header> <div class='entry-content'> {Body} </div> {/block:Text} {block:Link} - <h1 class='entry-title'><a href='{URL}'>{Name}</a></h1> + <header> + <h1 class='entry-title'><a href='{URL}' rel='external'>{Name}</a></h1> + </header> {block:Description} <div class='entry-content'> {Description} @@ -76,16 +86,26 @@ while(x=eval(x));} {/block:Description} {/block:Link} {block:Video} - <h1 class='entry-title'><a href='{Permalink}'>{block:Caption}{Caption}{/block:Caption}</a></h1> + <header> + <h1 class='entry-title'> + {block:IndexPage}<a href='{Permalink}'>{/block:IndexPage} + {block:Caption}{Caption}{/block:Caption} + {block:IndexPage}</a>{/block:IndexPage} + </h1> + </header> <div class='entry-content'> {Video-500} </div> {/block:Video} - <p class='signoff'>written <a href='/day/{Year}/{MonthNumberWithZero}/{DayOfMonth}/' class='published updated'>{DayOfMonth} {Month}, 0{Year}</a> • <a href='{Permalink}#disqus_thread'>Comments</a> <a href='{Permalink}' class='pilcrow' title='Permanent link to this entry' rel='bookmark'>⁋</a></p> - </div> - {block:Posts} + <section class='meta'> + {block:HasTags}<ul class='keywords'> + {block:Tags}<li><a href='{TagURL}' rel='tag'>{Tag}</a></li>{/block:Tags} + </ul>{/block:HasTags} + <p class='signoff'>written <a href='/day/{Year}/{MonthNumberWithZero}/{DayOfMonth}/' class='published updated'>{DayOfMonth} {Month}, 0{Year}</a> • <a href='{Permalink}#disqus_thread'>Comments</a> <a href='{Permalink}' class='pilcrow' title='Permanent link to this entry' rel='bookmark'>⁋</a></p> + </section> + </article>{/block:Posts}</section> - {block:PermalinkPage} + {block:PermalinkPage}<section> <script> var disqus_url = '{Permalink}'; var disqus_title = '{block:PostTitle}{PostTitle}{/block:PostTitle}'; @@ -106,17 +126,17 @@ while(x=eval(x));} })(); //]]> </script> - {/block:PermalinkPage} + </section>{/block:PermalinkPage} {block:Pagination}<div id='nextprev'> {block:PreviousPage}<span id='prevpage'><a href='{PreviousPage}'>← Newer</a></span>{/block:PreviousPage} {block:NextPage}<span id='nextpage'><a href='{NextPage}'>Older →</a></span>{/block:NextPage} </div>{/block:Pagination} - <div id='footer'> + <footer> <address class='vcard author'>Copyright <a class='url fn' href='http://ratafia.info'>Jordan Cole</a> (<script>hivelogic_enkoder();</script>), and provided under the <a href='http://creativecommons.org/licenses/by-nc/3.0/us/' rel='license'><abbr class='smallcaps' title='Creative Commons attribution, non-commercial'>CC:BY-NC</abbr></a> license.</address> - <p><a href='http://github.com/stilist/ratafiacurrant/tree/master'>Check out how this is made.</a></p> - </div> + <p><a href='http://github.com/stilist/ratafiacurrant/tree/master' rel='external'>Check out how this is made.</a></p> + </footer> <script> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); themes/ricardo/Ricardo.tumblrTheme @@ -5,9 +5,7 @@ padding: 0; } -html, body { - background-color: #371d10; -} +html, body { background-color: #371d10; } html { background-attachment: fixed; background-image: url('http://static.ratafia.info/ricardo/gradient.png'); @@ -40,11 +38,16 @@ abbr.smallcaps { text-transform: uppercase; } address, cite { font-style: normal; } +article, footer, header, nav, section { display: block; } /* html5 */ code { font-family: Monaco, monospace; font-size: 8pt; line-height: 1.6em; } +footer, .hentry { + margin: 0 auto; + width: 536px; +} h1 { font-size: 18pt; font-weight: normal; @@ -56,12 +59,8 @@ h1 a { display: block; margin-left: -1px; } -h1 code, h2 code { - font-size: inherit; -} -h1 + .copy > h2:first-child { - margin-top: 0.9em; -} +h1 code, h2 code { font-size: inherit; } +h1 + .copy > h2:first-child { margin-top: 0.9em; } h2 { font-size: 1.1em; line-height: 1.6em; @@ -77,12 +76,10 @@ ins { background-color: rgba(171, 136, 118, .15); /* #ab8876 */ text-decoration: none; } -ins:before { - content: '['; -} -ins:after { - content: ']'; -} +ins:before { content: '['; } +ins:after { content: ']'; } +q:before { content: open-quote; } +q:after { content: close-quote; } q[lang-=en] { quotes: "“" "”" "‘" "’"; } q[lang=en-GB] { quotes: "‘" "’" "“" "”"; } q[lang-=fr] { quotes: "«" "»"; } @@ -97,7 +94,6 @@ strong { #nameplate { height: 118px; - list-style: none; position: relative; } #nameplate a { @@ -108,6 +104,7 @@ strong { position: absolute; text-indent: -1000em; } +#nameplate ul { list-style: none; } #nameplate #logo { background-image: url('http://static.ratafia.info/ricardo/logo.png'); height: 77px; @@ -116,46 +113,36 @@ strong { #nameplate #archives { background-image: url('http://static.ratafia.info/ricardo/archives.png'); bottom: 0; - left: 172px; + left: 237px; width: 114px; } #nameplate #code { background-image: url('http://static.ratafia.info/ricardo/code.png'); bottom: 0; - left: 301px; + left: 366px; width: 63px; } #nameplate #links { background-image: url('http://static.ratafia.info/ricardo/links.png'); bottom: 0; - right: 304px; + right: 237px; width: 67px; } -#nameplate #hireme { - background-image: url('http://static.ratafia.info/ricardo/hireme.png'); - bottom: 0; - right: 170px; - width: 123px; -} -.hentry, #footer { - margin: 0 auto; - width: 536px; -} -.hentry blockquote { - margin: 0 2em; -} -.hentry ol, .hentry p, .hentry ul { - margin: 1.55em 0; -} +.hentry blockquote { margin: 0 2em; } +.hentry ol, .hentry p, .hentry ul { margin: 1.55em 0; } .hentry .entry-content > p:first-child, .hentry .entry-content > blockquote:first-child > p:first-child { margin-top: 9px; } -.hentry .signoff { +.hentry .keywords, .hentry .keywords li { display: inline; } +.hentry .keywords { list-style: none; } +.hentry .keywords li { margin-right: 0.5em; } +.hentry .meta { font-size: .9em; text-align: right; } +.hentry .meta ul, .hentry .meta p { margin: .5em; } .album, .book, .film, .game, .magazine, .newspaper, .programme { font-style: italic; @@ -171,16 +158,10 @@ strong { position: absolute; width: 49%; } -#nextprev #nextpage { - right: 0; -} -#nextprev #prevpage { - text-align: right; -} +#nextprev #nextpage { right: 0; } +#nextprev #prevpage { text-align: right; } -#footer { - margin-top: 5.05em; -} +footer { margin-top: 5.05em; } /* disqus */ #disqus_thread { @@ -196,9 +177,4 @@ strong { background: transparent; border: none; } -#disqus_thread #dsq-content { - font-size: inherit !important; -} - -/* hide Tumblr’s reblog bar */ -iframe#tumblr_controls { display: none; } +#disqus_thread #dsq-content { font-size: inherit !important; } themes/ricardo/style.css 0c6d3df124e545479c3c129e187e70da2e32994c Jordan Cole stilist@ratafia.info http://github.com/stilist/ratafiacurrant/commit/86ae500e2210257f880adbb2106c1667033e7601 86ae500e2210257f880adbb2106c1667033e7601

2009-11-01T15:48:06-08:00

HTML5-ize; theme tweaks; general improvements; remove 'hire me' link 55264eaa1f77499255fcbeea93f27e497b0cc95c Jordan Cole stilist@ratafia.info