Browse files

homepage size + new index with ul

  • Loading branch information...
1 parent 1b4b5dc commit b04de11516c01fd2a9608cc77f3a45d50c2f13a3 Karl Seguin committed May 31, 2012
Showing with 20 additions and 9 deletions.
  1. +11 −0 _posts/2012-5-31-Can-You-Make-My-Homepage-Smaller.html
  2. +9 −9 index.html
11 _posts/2012-5-31-Can-You-Make-My-Homepage-Smaller.html
@@ -0,0 +1,11 @@
+layout: post
+title: "Can You Make My Home Page Smaller?"
+<p>I like the design of my blog. I especially like that every post I've written shows up on the home page, without having to page. Of course, that means that the more I write, the slower my home page will load.</p>
+<p>I've tweaked things out a bit, but I've reached my HTML limits. Can you help?</p>
+<p>Since the bulk is repetitive, I realize JavaScript could be leveraged. As an extreme example, the <code>href</code> could be omitted and generated via JavaScript from the title + date. But this has accessibility problems, so I'm not too keen.</p>
18 index.html
@@ -8,16 +8,16 @@
<meta name="description" content="code, write, think" />
<link href="//" rel="alternate" type="application/atom+xml">
-#h{height:50px;width:920px;margin:5px auto;display:block;}
+#h{height:50px;width:920px;margin:5px auto;display:block}
#n a{padding:5px 10px}
-#posts {width:920px;margin:0 auto;}
-#posts div{display:inline-block;width:125px;float:left;padding:15px 0;}
-#posts a{display:block;padding:15px;}
+ul{width:920px;margin:0 auto;list-style:none;padding:0}
+li{padding:15px 0}
+li a{padding-left:25px}
@@ -31,6 +31,6 @@
<a href="//">rss</a>
- <div id="posts">{% for post in site.posts %}<div>{{ | date_to_string }}</div><a href="{{ post.url }}">{{ post.title }}</a>{% endfor %}</div>
+ <ul>{% for post in site.posts %}<li>{{ | date_to_string }}<a href="{{ post.url }}">{{ post.title }}</a>{% endfor %}</li></div>

0 comments on commit b04de11

Please sign in to comment.