diff options
Diffstat (limited to 'templates/index.liquid')
| -rw-r--r-- | templates/index.liquid | 62 |
1 files changed, 38 insertions, 24 deletions
diff --git a/templates/index.liquid b/templates/index.liquid index cd22794..f8df776 100644 --- a/templates/index.liquid +++ b/templates/index.liquid @@ -23,19 +23,26 @@ </head> <body> -<div id='header'> - <h1>How to make a Folkestone.</h1> - <br> - <a href="https://docs.google.com/forms/d/10dqrK_3UZW_xlPWQLERd0xTwVONryyicNuz2aYz3X_I/edit?c=0&w=1"><h2>Participate!</h2></a> - <div id='tags'></div> -</div> +<img src="/assets/header.jpg" id="header"> <div id='posts'> {% for entry in entries %} {% unless entry.disabled %} <div class='cell' data-id='{{ entry.id }}'> <div class='title'> - {{ entry.title }} + <span>{{ entry.title }}</span> + </div> + <div class='media'> + {% for media in entry.media %} + {% 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 %} + {% endfor %} + </div> + <div class="content"> + {{ entry.body | newline_to_br }} </div> </div> {% endunless %} @@ -53,24 +60,30 @@ {% endunless %} {% endfor %} -<div id="testimonials"> - {% for testimonial in testimonials %} - {% unless testimonial.disabled %} - <div id='{{ testimonial.id }}' class='testimonial'> - <span class="blurb"> - {{ testimonial.body | newline_to_br }} - —{{ testimonial.byline }} - </span> - </div> - {% endunless %} - {% endfor %} -</div> - <div id="footer"> - How to make a Folkestone.<br> - Tokyo University of the Arts<br> - Central Saint Martins - <a href="http://howtomakeafolkestone.life/acknowledgements">Acknowledgements</a> + <div id="testimonials"> + {% for testimonial in testimonials %} + {% unless testimonial.disabled %} + <div id='{{ testimonial.id }}' class='testimonial'> + <span class="blurb"> + {{ testimonial.body | newline_to_br }} + —{{ testimonial.byline }} + </span> + </div> + {% endunless %} + {% endfor %} + </div> + + <div id="coda"> + <a href="http://howtomakeafolkestone.life/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://www.arts.ac.uk/csm/"><img src="/assets/csm.png"></a> + <a target="_blank" href="http://www.geidai.ac.jp/english/"><img src="/assets/geidai.png"></a> + <a target="_blank" href="http://catalinavallejos.com/"><img src="/assets/wayshape.png"></a> + <a target="_blank" href="http://asdf.us/"><img src="/assets/bird.png"></a> + </div> </div> <div id='entry'> @@ -82,6 +95,7 @@ </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> |