insitearts.github.com/index.html at master · insitearts/insitearts.github.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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
---
layout: default
---

<div class="teaserimage">
    <div class="teaserimage-image" {% if site.cover %}style="background-image: url({{ site.cover }})"{% endif %}>
        Cover photo by Mark Titchner
    </div>
</div>

<header class="blog-header">
    {% if site.logo %}
      <a class="blog-logo" href="{{ site.url }}" style="background-image: url('{{ site.logo }}')">{{ site.title }}</a>
    {% endif %}
    <h1 class="blog-title">{{ site.title }}</h1>
    <h2 class="blog-description">{{ site.description }}</h2>
    <div class="button-bar">
      <div class="buttons">
        <a href="/about/" class="btn btn-info">About us</a>
        <a href="/projects/" class="btn btn-info">Projects</a>
      </div>
    </div>
    <div class="custom-links">
      {% for social_data in site.social %}
        {% assign icon = social_data[0] %}
        {% assign social = social_data[1] %}
        {% if social.url %}
            <a class="icon-{{ icon }}" href="{{ social.url }}" {% if social.desc %} title="{{ social.desc }}"{% endif %}" target="social">
              <i class="fa fa-{{ icon }}"></i>
            </a>
        {% endif %}
      {% endfor %}
    </div>
</header>


<main class="content" role="main">

  {% if site.tags.featured %}
    <h5 class="index-headline featured"><span>Featured</span></h5>

    <div class="container featured">
      {% for post in site.tags.featured %}
        <article class="post" itemscope itemtype="https://schema.org/BlogPosting" role="article">
          <div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
            <meta itemprop="name" content="{{ site.author }}">
            <div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
              <meta itemprop="url" content="{{ site.url }}{{ site.author_image }}">
            </div>
          </div>
          <div class="article-item">
            <header class="post-header">
              <h2 class="post-title" itemprop="headline"><a href="{{ post.url }}" itemprop="url"><span itemprop="name">{{ post.title }}</span></a></h2>
            </header>
            <section class="post-excerpt" itemprop="description">
              {% if post.thumbnail %}
                <div class="thumbnail" itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
                  <img itemprop="url" src="/assets/article_images/{{ post.slug }}/{{ post.thumbnail }}">
                    <meta itemprop="height" content="250">
                    <meta itemprop="width" content="250">
                  </img>
                </div>
                <div class="text">
              {% else %}
                <div>
              {% endif %}
                <p>{{ post.content | strip_html | truncatewords: 50 }}</p>
              </div>
            </section>
            <div class="post-meta">
              {% capture iso_date %}{{ post.date | date: '%Y-%m-%d' }}{% endcapture %}
              <meta itemprop="mainEntityOfPage" content="{{ site.url }}{{ post.url }}">
              <meta itemprop="dateModified" content="{{ iso_date }}">
              <time datetime="{{ iso_date }}" title="{{ post.date | date_to_long_string }}" itemprop="datePublished" content="{{ iso_date }}">
                {{ post.date | date_to_long_string }}
              </time>
              by <address class="author" itemprop="author">{{ post.author }}</address>
            </div>
          </div>
        </article>
      {% endfor %}
    </div>
  {% endif %}

<!-- No pagination
    <h5 class="index-headline normal"><span>Regular</span></h5>

    <div class="cf frame">
      {% for post in paginator.posts %}
        <article class="post" itemscope itemtype="https://schema.org/BlogPosting" role="article">
          <div class="article-item">
            <header class="post-header">
              <h2 class="post-title" itemprop="name"><a href="{{ post.url }}" itemprop="url">{{ post.title }}</a></h2>
            </header>
            <section class="post-excerpt" itemprop="description">
              <p>{{ post.excerpt | strip_html | truncatewords: 50 }}</p>
            </section>
            <div class="post-meta">
              <time datetime="{{ post.date | date_to_long_string }}">{{ post.date | date_to_long_string }}</time>
            </div>
          </div>
        </article>
      {% endfor %}
    </div>

    <nav class="pagination" role="navigation">
      {% if paginator.next_page %}
        <a class="newer-posts" href="/page{{paginator.next_page}}">&larr; Older posts</a>
      {% endif %}
      <span class="page-number">Page {{ paginator.page }} of {{ paginator.total_pages }}</span>
      {% if paginator.previous_page %}
        {% if paginator.page == 2 %}
          <a class="older-posts" href="/">Newer posts &rarr;</a>
        {% else %}
          <a class="older-posts" href="/page{{paginator.previous_page}}">Newer posts &rarr;</a>
        {% endif %}
      {% endif %}
    </nav>
-->
</main>