/
index.html
executable file
·90 lines (83 loc) · 3.68 KB
/
index.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
---
layout: default
title: Home
slug: home
path: ../
meta-title: Home
meta-description: Home page.
---
<div class="jp-jeunet">
<div class="intro">
<img src="img/jp-jeunet.jpg"/>
<div class="title">
<h1><em>The Characters of </em><span>Jean-Pierre <strong>Jeunet</strong></h1>
</div>
</div><!-- .intro -->
<div class="controls">
<div class="control">
<div class="title">Filter:</div>
<div class="filters">
<div class="dropdown movie-filters">
<label><i class="icon-down-open toggle"></i>Movie</label>
<div class="options">
{% for movie in site.data.movies %}
<button class="filter filter-{{ movie.shortname }}" data-filter=".category-{{ movie.shortname }}">{{ movie.title }}</button>
{% endfor %}
</div>
</div>
<div class="dropdown">
<label><i class="icon-down-open toggle"></i>Actor</label>
<div class="options">
<button class="filter" data-filter=".type-bill-murray">Bill Murray</button>
<button class="filter" data-filter=".type-jason-schwartzman">Jason Schwartzman</button>
<button class="filter" data-filter=".type-owen-wilson">Owen Wilson</button>
<button class="filter" data-filter=".type-anjelica-huston">Anjelica Huston</button>
<button class="filter" data-filter=".type-kumar-pallana">Kumar Pallana</button>
</div>
</div>
<div class="dropdown">
<label><i class="icon-down-open toggle"></i> <i class="icon-female"></i> <i class="icon-male"></i></label>
<div class="options">
<button class="filter" data-filter=".gender-F">Ladies</button>
<button class="filter" data-filter=".gender-M">Gents</button>
</div>
</div>
</div>
<div class="sort">
<div class="filter filter-name" data-filter="all" id="filter-name"></div>
<!--button class="">All Characters</button-->
<!--button class="sort" data-sort="myorder:asc"><i class="fa fa-sort-amount-asc"></i></button>
<button class="sort" data-sort="myorder:desc"><i class="fa fa-sort-amount-desc"></i></button-->
</div>
</div>
</div><!-- .controls -->
<div id="ItemList" class="container">
{% for character in site.data.characters %}
{% if character.hasphoto == '1' %}
<div class="mix type-{{ character.shortname }} category-{{ character.movieshort }} gender-{{ character.gender }}" data-movie="{{ character.movieshort }}" data-myorder="{{ character.order }}">
<span class="photo" style="background-image: url({{ site.baseurl }}/img/char-{{ character.photo }}.jpg);"></span>
<span class="name">{{ character.name }}</span>
<span class="type">{{ character.actor }}</span>
<span class="category">{{ character.movie }}</span>
<span class="count"><em>{{ character.moviecount }}</em></span>
</div>
{% endif %}
{% endfor %}
</div>
<div class="movies">
{% for movie in site.data.movies %}
<div class="movie movie-{{ movie.shortname }}" data-video="{{ movie.videoid }}">
<div class="content">
<h3>{{ movie.title }}</h3>
<em>{{ movie.year }}</em>
<p>
{{ movie.blurb }}<br>
<a target="_blank" class="imdb" href="{{ movie.imdb }}">IMDB</a>
<a target="_blank" class="wiki" href="{{ movie.wiki }}">Wiki</a>
</p>
<iframe width="100%" height="360" src="" frameborder="0" allowfullscreen></iframe>
</div>
</div>
{% endfor %}
</div>
</div>