diff options
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/entry.liquid | 90 | ||||
| -rw-r--r-- | templates/index.liquid | 84 |
2 files changed, 97 insertions, 77 deletions
diff --git a/templates/entry.liquid b/templates/entry.liquid new file mode 100644 index 0000000..6b1e688 --- /dev/null +++ b/templates/entry.liquid @@ -0,0 +1,90 @@ +<!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'> + {% 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 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 %} +</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 }} + —{{ 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'>×</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> diff --git a/templates/index.liquid b/templates/index.liquid index 1968816..ad198a0 100644 --- a/templates/index.liquid +++ b/templates/index.liquid @@ -18,86 +18,16 @@ <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> - -<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'> - <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 %} - {% endfor %} -</div> - -{% for page in pages %} - {% unless page.disabled %} - <div id='{{ page.id }}' class='page'> - <div class='inner'> - <h2>{{ page.title }}</h2> - {{ page.body | newline_to_br }} - </div> - </div> - {% endunless %} +<body style='background-color:black'> +<div style='opacity:0' id='entries'> +{% for entry in entries %} + <a href='/entry/{{ entry.id }}'>{{ entry.title }}</a> {% endfor %} - -<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 }} - —{{ 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'>×</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> +<script> +window.location.href=document.getElementById('entries').children[0].href +</script> </html> |