2bf65e3c3188

Microformatted the splash page
[view raw] [browse files]
author myfreeweb <me@myfreeweb.ru>
date Thu, 17 Feb 2011 20:55:54 +0300
parents aa90f23e2ab6
children c8f5e97f2841
branches/tags (none)
files layout/_splash.html layout/skeleton/_base.html media/css/sjl.less

Changes

--- a/layout/_splash.html	Tue Jan 25 11:47:23 2011 -0500
+++ b/layout/_splash.html	Thu Feb 17 20:55:54 2011 +0300
@@ -1,18 +1,19 @@
 {% extends "skeleton/_base.html" %}
 
 {% block content %}
-    <div class="splash">
+    <div class="splash vcard">
         {% filter typogrify %}
-            <p>Hello, I'm Steve.</p>
+            <p>Hello, I'm <a href="{{ site.full_url }}" class="fn url">Steve<span> Losh</span></a>.</p>
 
             <p>
-                I'm a programmer, photographer, dancer <span class="amp">&amp;</span>
-                bassist from Rochester,&nbsp;New&nbsp;York.
+                I'm a <span class="role">programmer, photographer, dancer <span class="amp">&amp;</span>
+                bassist</span> from <span class="adr"><span class="locality">Rochester</span>,&nbsp;
+                <span class="region">New&nbsp;York</span></span>.
             </p>
 
             <p>
                 If you want to get in touch with me,
-                <a href="mailto:steve@stevelosh.com">email</a> is best.
+                <a class="email" href="mailto:steve@stevelosh.com">email</a> is best.
             </p>
         {% endfilter %}
     </div>
--- a/layout/skeleton/_base.html	Tue Jan 25 11:47:23 2011 -0500
+++ b/layout/skeleton/_base.html	Thu Feb 17 20:55:54 2011 +0300
@@ -1,12 +1,10 @@
 {% extends "skeleton/_root.html" %}
-
 {% block all %}
 <!DOCTYPE html>
-
 <html>
     <head>
-        <link href='http://fonts.googleapis.com/css?family=OFL+Sorts+Mill+Goudy+TT:regular,italic' rel='stylesheet' type='text/css'>
-
+        <link href='http://fonts.googleapis.com/css?family=OFL+Sorts+Mill+Goudy+TT:regular,italic' rel='stylesheet' type='text/css' />
+        <link rel="profile" href="http://microformats.org/profile/hcard" />
         <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
         <title>{% block title %}{% block extra_title %}{% endblock %}{{ page.title|safe }} / {{ site.name }}{% endblock %}</title>
--- a/media/css/sjl.less	Tue Jan 25 11:47:23 2011 -0500
+++ b/media/css/sjl.less	Thu Feb 17 20:55:54 2011 +0300
@@ -103,7 +103,7 @@
                 text-transform: lowercase;
                 padding-left: 2px;
                 width: 612px - 2px - 400px;
-                
+
                 .amp {
                     font-style: italic;
                 }
@@ -149,7 +149,8 @@
     }
 }
 .splash {
-    color: #454545;
+    @color: #454545;
+    color: @color;
     text-align: center;
     font: normal 27px/32px @font-fancy;
     margin-bottom: -1px;
@@ -161,6 +162,10 @@
     .amp {
         font-style: italic;
     }
+    .fn {
+        color: @color;
+        text-decoration: none;
+    }
 }
 .section-listing {
     margin-bottom: -50px;
@@ -310,3 +315,7 @@
     float: right;
     padding-top: 1px;
 }
+
+.fn span {
+    display: none;
+}
\ No newline at end of file