-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
95 lines (95 loc) · 3.96 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
91
92
93
94
95
<!DOCTYPE html>
<html prefix="og: http://ogp.me/ns#">
<head>
<meta name="description" content="Browse cocktail drink recipes by name and ingredients" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta property="og:title" content="Cocktail browser" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.aropupu.fi/cocktail-browser/" />
<meta property="og:image" content="http://www.aropupu.fi/cocktail-browser/logo.png" />
<meta property="og:description" content="Browse cocktail drink recipes by name and ingredients" />
<script type="text/javascript" src="cocktail-browser.min.js"></script>
<link rel="apple-touch-icon" href="http://www.aropupu.fi/cocktail-browser/logo.png" />
<link type="text/css" rel="stylesheet" href="cocktail-browser.min.css" />
<link rel="icon" type="image/png" href="favicon.png" />
<title>Cocktail browser</title>
<script type='text/javascript'>
//<![CDATA[
if (window.location.host != "localhost") {
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-1488867-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
}
//]]>
</script>
<script id="title-template" type="text/x-handlebars-template">
<header>
<div id="ingredients">
{{#each this}}
<span class="ingredient" title="{{name}}"><span>{{name}}</span></span>
{{/each}}
</div>
</header>
</script>
<script id="row-template" type="text/x-handlebars-template">
<div class="cocktail {{className}}">
<span class="name"><span class="availability"></span>{{name}}</span>
<div class="ingredients">
{{#ingredients}}
{{#if offset}}
<span style="position: absolute; left: {{offset}}px; " title="{{ingredient}}" class="cl">{{amount}}</span>
{{/if}}
{{/ingredients}}
</div>
</div>
</script>
<script id="full-template" type="text/x-handlebars-template">
<div class="all">
<span class="glass {{glass}}"></span>
<ul class="ingredients">
{{#ingredients}}
{{#if unit}}
<li title="{{ingredient}}">{{amount}}{{unit}} {{#if label }}{{label}} ({{ingredient}}){{else}}{{ingredient}}{{/if}}</li>
{{else}}
<li>{{special}}</li>
{{/if}}
{{/ingredients}}
</ul>
<div class="preparation">{{preparation}}{{#if garnish}} {{garnish}} for garnish.{{/if}}</div>
<div class="images"><div class="bar">Loading images...</div></div>
</div>
</script>
<script id="image-template" type="text/x-handlebars-template">
<ul class="images">
{{#each this}}
<li><img src="{{this}}" /></li>
{{/each}}
</ul>
</script>
<script id="search-template" type="text/x-handlebars-template">
<div id="searchHeader">
<select data-placeholder="Search ingredients you have..." multiple id="search">
{{#each this}}
<option value="{{name}}">{{name}}</option>
{{/each}}
</select>
<button id="clear" type="reset">Clear selection</button>
</div>
</script>
<script id="footer-template" type="text/x-handlebars-template">
<footer>
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.aropupu.fi%2Fcocktail-browser%2F&send=false&layout=standard&width=300&show_faces=true&font=arial&colorscheme=light&action=like&height=80&appId=341903769247405" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:80px;" allowTransparency="true"></iframe>
</footer>
</script>
</head>
<body>
</body>
</html>