marran.com/index.html at master · captaincanine/marran.com · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
---
layout: home
title: Keith Marran
---
<div class="first row">

  {% for post in site.articles limit:1 %}

    <div class="span8">

      <div class="teaser">
        <div class="keyword"><a href="/tags/{{ post.tags[0] | slugify }}/" class="tag-link">{{ post.tags[0] }}</a></div>
        {% if (post.images) %}<div class="image"><a href="{{ post.url }}" title="{{ post.title }}"><img src="{{ post.images[0] | format_main_image }}" /></a></div>{% endif %}
        <div class="title"><a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a></div>
        <div class="description">{{ post.description }}</div>
        <div class="read-more"><a href="{{ post.url }}" title="{{ post.title }}">There's more? Yes! Let's go. »</a></div>
      </div>

    </div>

  {% endfor %}

</div>

<div class="second row">

  {% for post in site.articles limit:2 offset:1 %}

    <div class="span4">

      <div class="teaser">
        <div class="keyword"><a href="/tags/{{ post.tags[0] | slugify }}/" class="tag-link">{{ post.tags[0] }}</a></div>
        {% if (post.images) %}<div class="image"><a href="{{ post.url }}" title="{{ post.title }}"><img src="{{ post.images[0] | format_main_image }}" /></a></div>{% endif %}
        <div class="title"><a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a></div>
        <div class="description">{{ post.description }}</div>
        <div class="read-more"><a href="{{ post.url }}" title="{{ post.title }}">I'm fascinated. Continue... »</a></div>
      </div>

    </div>

  {% endfor %}

</div>

<div class="third row">

  {% for post in site.articles limit:4 offset:3 %}

    <div class="span2">

      <div class="teaser">
        <div class="keyword"><a href="/tags/{{ post.tags[0] | slugify }}/" class="tag-link">{{ post.tags[0] }}</a></div>
        {% if (post.images) %}<div class="image"><a href="{{ post.url }}" title="{{ post.title }}"><img src="{{ post.images[0] | format_main_image }}" /></a></div>{% endif %}
        <div class="title"><a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a></div>
        <div class="read-more"><a href="{{ post.url }}" title="{{ post.title }}">The whole story... »</a></div>
      </div>

    </div>

  {% endfor %}

</div>

<div class="fourth row">

  {% for post in site.articles limit:4 offset:7 %}

    <div class="span2">

      <div class="teaser">
        <div class="keyword"><a href="/tags/{{ post.tags[0] | slugify }}/" class="tag-link">{{ post.tags[0] }}</a></div>
        {% if (post.images[0]) %}<div class="image"><a href="{{ post.url }}" title="{{ post.title }}"><img src="{{ post.images[0] | format_main_image }}" /></a></div>{% endif %}
        <div class="title"><a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a></div>
        <div class="read-more"><a href="{{ post.url }}" title="{{ post.title }}">More! »</a></div>
      </div>

    </div>

  {% endfor %}

</div>