templates/entry.liquid


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

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="description" content="Stories from the Folkestone Triennale." />
  <meta name="author" content="Catalina Vallejos">

  <meta property="og:title" content="How To Make A Folkestone." />
  <meta property="og:type" content="website" />
  <meta property="og:image" content="http://howtomakeafolkestone.life/assets/header.jpg" />
  <meta property="og:url" content="http://howtomakeafolkestone.life/" />
  <meta property="og:site_name" content="Tree" />

  <meta name="apple-mobile-web-app-capable" content="no">
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

  <title>How to make a Folkestone.</title>
  <link href='/assets/flickity.css' rel='stylesheet' type='text/css'>
  <link href='/assets/css.css' rel='stylesheet' type='text/css'>
</head>
<body>

<a href="/"><img src="/assets/header.jpg" id="header"></a>

<div id='posts'>
  {% for entry in entries %}
    {% unless entry.disabled %}
      <div class='cell' data-id='{{ entry.id }}'>
        <div class='title'>
          <span>{{ entry.title }}</span>
        </div>
        <div class='media'>
        {% for media in entry.media %}
          {% if forloop.index == 1 %}
            {% if media.type == 'youtube' %}
              <iframe src="https://www.youtube.com/embed/{{ media.token }}?modestbranding=1&rel=0" width="{{media.width}}" height="{{media.height}}" frameborder="0" allowfullscreen></iframe>
            {% else %}
              <img src="{{media.uri}}">
            {% endif %}
          {% endif %}
        {% endfor %}
        </div>
        <div class="content">
          {{ entry.body | newline_to_br }}
        </div>
      </div>
    {% endunless %}
  {% endfor %}
  <a href="#"><img src="/assets/left" id="left"></a>
  <a href="#"><img src="/assets/left" id="right"></a>
</div>

<div id="footer">
  <div id="testimonials">
    {% for testimonial in testimonials %}
      {% unless testimonial.disabled %}
        <div id='{{ testimonial.id }}' class='testimonial'>
          <span class="blurb">
            {{ testimonial.body | newline_to_br }}
            &mdash;{{ testimonial.byline }}
          </span>
        </div>
      {% endunless %}
    {% endfor %}
  </div>

  <div id="coda">
    <a href="/acknowledgements">Acknowledgements</a>
    <a href="https://docs.google.com/forms/d/10dqrK_3UZW_xlPWQLERd0xTwVONryyicNuz2aYz3X_I/edit?c=0&w=1">Participate!</a>
  </div>
  <div id="logos">
    <a target="_blank" href="http://asdf.us/"><img src="/assets/bird.png"></a>
    <a target="_blank" href="http://catalinavallejos.com/"><img src="/assets/wayshape.png"></a>
    <a target="_blank" href="http://www.geidai.ac.jp/english/"><img src="/assets/geidai.png"></a>
    <a target="_blank" href="http://www.arts.ac.uk/csm/"><img src="/assets/csm.png"></a>
    <a target="_blank" href="http://gap.geidai.ac.jp/en/"><img src="/assets/gap.png"></a>
  </div>
</div>

<div id='entry'>
  <div class='inner'>
    <div class='close'>&times;</div>
    <div class='media'></div>
    <h2></h2>
    <div class='content'></div>
  </div>
</div>
</body>
<script src="http://www.youtube.com/player_api"></script>
<script src="/assets/jquery.min.js"></script>
<script src="/assets/flickity.pkgd.js"></script>
<script src="/assets/site.js"></script>
</html>