Permalink
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
View
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>
+
+<p>Thoughts?</p>
View
18 index.html
@@ -8,16 +8,16 @@
<meta name="description" content="code, write, think" />
<link href="//feeds.feedburner.com/KarlSeguinsBlog" rel="alternate" type="application/atom+xml">
<style>
-html{background:#fff;font-family:verdana;}
-a{color:#004A7F;}
-a:hover{color:#c35617;}
-#h{height:50px;width:920px;margin:5px auto;display:block;}
+html{background:#fff;font-family:verdana}
+a{color:#004A7F}
+a:hover{color:#c35617}
+#h{height:50px;width:920px;margin:5px auto;display:block}
#he{font-size:2.5em;color:#222}
-#n{float:right;}
+#n{float:right}
#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}
</style>
</head>
<body>
@@ -31,6 +31,6 @@
<a href="//feeds.feedburner.com/KarlSeguinsBlog">rss</a>
</div>
</div>
- <div id="posts">{% for post in site.posts %}<div>{{ post.date | date_to_string }}</div><a href="{{ post.url }}">{{ post.title }}</a>{% endfor %}</div>
+ <ul>{% for post in site.posts %}<li>{{ post.date | date_to_string }}<a href="{{ post.url }}">{{ post.title }}</a>{% endfor %}</li></div>
</body>
</html>

0 comments on commit b04de11

Please sign in to comment.