-
Notifications
You must be signed in to change notification settings - Fork 2
/
selected.html
125 lines (95 loc) · 4.28 KB
/
selected.html
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
121
122
123
124
125
<!DOCTYPE html>
<html class="uk-notouch uk-height-1-1" dir="ltr" lang="en-gb">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Mykonos Biennale - 2015 - Antidote</title>
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon-precomposed" href="images/apple-touch-icon.png">
<link rel="stylesheet" href="css/uikit.docs.min.css" />
<link rel="stylesheet" href="http://getuikit.com/vendor/highlight/highlight.css">
<script src="js/jquery.js"></script>
<script src="js/uikit.js"></script>
<script src="js/components/sticky.js"></script>
<script src="js/components/grid.js"></script>
<script src="smooth-scroll.min.js"></script>
<script src="js/core/scrollspy.js"></script>
<script src="http://getuikit.com/vendor/holder.js"></script>
<script src="js/components/slideset.js"></script>
</head>
<body id="invite">
<div class="uk-container" >
<div id="film_list">
</div>
</div>
<script type="text/html" id='film_template'>
<% _.each(results,function( film ){ %>
<div class="uk-grid" data-uk-grid-margin>
<div class="tm-main uk-width-medium-1-1" >
<article class="uk-comment">
<header class="uk-comment-header">
<% if (film.poster) {
var poster_url = film.poster.split('?')[0];
%>
<a href="<%= poster_url %>"><img class="uk-comment-avatar" src="<%= poster_url %>" height="150" alt="" style="height:150px;"></a>
<% } %>
<h4 class="uk-comment-title"><%= film.title %></h4>
<div class="uk-comment-meta"><%= film.runtime %> minutes, <%= film.country %></div>
</header>
<div class="uk-comment-body">
<%= film.synopsis %>
<hr class="uk-article-divider">
<h3> Cast </h3>
<ul class="uk-list">
<% _.each(film.actors.split(',') ,function( actor ){ %>
<li> <%= actor %></li>
<% }); %>
</ul>
<hr class="uk-article-divider">
<h3> Credits </h3>
<dl class="uk-description-list-horizontal">
<% if (film.directors) { %> <dt>Directors</dt><dd><%= film.directors %></dd> <% } %>
<% if (film.screenwriters) { %> <dt>Screenwriters</dt><dd> <%= film.screenwriters %></dd> <% } %>
<% if (film.producers) { %> <dt>Producers</dt><dd><%= film.producers %></dd> <% } %>
<% if (film.exec_producers) { %> <dt>Exec producers</dt><dd><%= film.exec_producers %></dd> <% } %>
<% if (film.co_producers) { %> <dt>Co producers</dt><dd><%= film.co_producers %></dd> <% } %>
<% if (film.cinematographers) { %> <dt>Cinematographers</dt><dd><%= film.cinematographers %></dd> <% } %>
<% if (film.product_designers) { %> <dt>Product designers</dt><dd><%= film.product_designers %></dd> <% } %>
<% if (film.art_directors) { %> <dt>Art directors</dt><dd> <%= film.art_directors %></dd> <% } %>
<% if (film.editors) { %> <dt>Editors</dt><dd> <%= film.editors %></dd> <% } %>
<% if (film.sound_editors) { %> <dt>Sound editors</dt><dd> <%= film.sound_editors %></dd> <% } %>
<% if (film.composers) { %> <dt>Composers</dt><dd> <%= film.composers %></dd> <% } %>
</dl>
<hr class="uk-article-divider">
<div class="uk-grid">
<% _.each(film.filmfestival_image_related ,function( image ){
var image_url = image.image.split('?')[0];
%>
<div class="uk-width-1-<%= film.filmfestival_image_related.length %>"><a href="<%= image_url %>"><img src="<%= image_url %>" alt="" style="height:150px;"></a></div>
<% }); %>
</div>
<% if (film.screenings ) { %>
<hr class="uk-article-divider">
<h3> Screenings </h3>
<ul class="uk-list">
<% _.each(film.screenings.split(',') ,function( screening ){ %>
<li> <%= screening %></li>
<% }); %>
</ul>
<% } %>
</div>
</article>
</div>
</div>
<% }); %>
</script>
<script src="http://underscorejs.org/underscore-min.js"></script>
<script type="text/javascript">
var url = "http://chrome-baby-16-171552.usw1.nitrousbox.com:8080/api/films&callback=?&format=jsonp";
$.getJSON(url, function(data){
var film_list = _.template($( "#film_template").html())(data);
$("#film_list").html(film_list);
});
</script>
</body>
</html>