Microformatted the splash page
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">&</span>
- bassist from Rochester, New York.
+ I'm a <span class="role">programmer, photographer, dancer <span class="amp">&</span>
+ bassist</span> from <span class="adr"><span class="locality">Rochester</span>,
+ <span class="region">New 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