diff --git a/themes/default/css/style.css b/themes/default/css/style.css
index e6639e3..f04c55e 100644
--- a/themes/default/css/style.css
+++ b/themes/default/css/style.css
@@ -1,3 +1,17 @@
 #images li {
   display: inline;
+}
+
+
+#albums ul {
+  list-style-type: none;
+}
+
+#albums li {
+  display: inline-block;
+}
+
+.album_thumb {}
+.album_title {
+  display: block;
 }
\ No newline at end of file
diff --git a/themes/default/index.html b/themes/default/index.html
index 7b49821..24d7cb5 100644
--- a/themes/default/index.html
+++ b/themes/default/index.html
@@ -6,7 +6,7 @@
 
     <title>{{ title }}</title>
     <meta name="description" content="">
-    <meta name="author" content="">
+    <meta name="author" content="{{ author }}">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
@@ -15,11 +15,12 @@
     <!-- <link rel="stylesheet" media="handheld" href="css/handheld.css?v=2"> -->
     <!--[if lt IE 9]>
 	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-	<![endif]-->
+        <![endif]-->
   </head>
   <body>
     <div id="container">
       <header>
+        <h1>{{ title }}</h1>
       </header>
 
       <div id="main" role="main">
@@ -27,7 +28,10 @@
         <h1>Albums</h1>
         <ul id="albums">
           {% for album in albums %}
-          <li><a href="{{ album.path }}">{{ album.name }}</a></li>
+          <li><a href="{{ album.path }}">
+              <img src="{{ album.thumb }}" class="album_thumb" alt="{{ album.name }}" title="{{ album.name }}" />
+              <span class="album_title">{{ album.name }}</span></a>
+          </li>
           {% endfor %}
         </ul>
         {% endif %}
@@ -42,9 +46,14 @@
         </ul>
         {% endif %}
 
+        {% if description %}
+        <h1>Description</h1>
+        <p>{{ description }}</p>
+        {% endif %}
       </div>
 
       <footer>
+        <p>&copy; {{ author }} - Generated by sigal. </p>
       </footer>
     </div>
 
