]> git.r.bdr.sh - rbdr/r.bdr.sh/blobdiff - jekyll/index.html
Colorizes links too
[rbdr/r.bdr.sh] / jekyll / index.html
index b56530bb9078ec5afd0b8e737d279c750d32e84c..891515b6babb2a8e5a0c8d0c594aef8e7d812bfe 100644 (file)
@@ -5,26 +5,27 @@ description: "N, S o Vocal. El lote abandonado de Ben Beltran. Juegos, Web y ño
 ---
 <div class="content">
       {% for post in paginator.posts %}
-        <div class="postcontainer">
-          <h1>{{ post.title }}</h1>
-          <div class="posttags row">
-            <div class="span3">
-              <i class="icon-tags"></i>
+        <div class="postcontainer {{post.color}}">
+            <div class="post-image">
+              <img src="/img/headers/{{ post.header_image }}">
+            </div>
+            <h1 id="{{post.id}}">{{ post.title }}</h1>
+            <div class="post-meta">
+              <div class="post-date"><a href="{{ post.url }}">{{ post.date | date: "%Y-%m-%e"}}</a></div>
+              <div class="post-tags">
                 {% for tag in post.tags %}
                   <a href="/tags/{{tag}}">{{tag}}</a>
                 {% endfor %}
+              </div>
             </div>
-            <div class="span2"><i class="icon-folder-close"></i> <a href="/categories/{{ post.category }}">{{ post.category }}</a></div>
-            <div class="span1"><i class="icon-calendar"></i> <a href="{{ post.url }}">{{ post.date | date: "%m/%e/%Y"}}</a></div>
-          </div>
-          <div class="postcontent">
-            {{ post.content }}
+            <div class="postcontent">
+              {{ post.content }}
+            </div>
+            <a class="go-to-top" href="#{{post.id}}">↑ Go to top of article</a>
           </div>
-        </div>
-          <hr/>
       {% endfor %}
 </div>
-  <div class="row">
+  <div class="row paginator">
     <div class="span2">
     {% if paginator.previous_page %}
     {% if paginator.previous_page == 1 %}
@@ -45,3 +46,4 @@ description: "N, S o Vocal. El lote abandonado de Ben Beltran. Juegos, Web y ño
       &nbsp;
     {% endif %}
     </div>
+  </div>