theme - add basic css + use metadata in html

2011-05-03 20:22:15 +02:00
parent 9bda955a59
commit 89d5387f82
2 changed files with 26 additions and 3 deletions
--- 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;
 }
--- 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>