-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
executable file
·88 lines (75 loc) · 3.42 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
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title></title>
<link href="vendors/bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="vendors/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
</head>
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="/">Cheese App</a>
<div class="nav-collapse">
<ul class="nav">
<li><a href="/">Home</a></li>
<li><a href="/cheese"><i class="icon-heart"></i>Cheese List</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container">
<div class="page-header">
<h1>Cheese App <small>We love it cheesy</small></h1>
</div>
<div id="content"></div>
</div> <!-- /container -->
<!--Le javascript-->
<script src="vendors/yui-3.5.1/build/yui/yui-min.js"></script>
<script src="js/main.js" type="text/javascript"></script>
<!-- Frontend templates -->
<script type="text/x-template" id="template_home">
<h2>About</h2>
<h3>About this</h3>
<ul>
<li>This is a small demo application to showcase the <a href="http://yuilibrary.com/yui/docs/app/">YUI App Framework</a></li>
<li>It was created for the <a href="http://techup.ch/646/swissjeese-2012">SwissJeese</a> Meetup on June 2nd in Bern</li>
<li>The sources can be found on <a href="https://github.com/elHornair/CheeseApp">Github</a></li>
<li>The according slides can be found on <a href="http://www.slideshare.net/elHornair/yui-app-framework">Slideshare</a></li>
</ul>
<img src="/img/me.jpg" alt="me image" class="thumbnail maxi homepic">
<h3>About me</h3>
<ul class="about_me">
<li>Alain Horner</li>
<li class="liip">Web developer at <a href="#">Liip</a></li>
<li class="twitter">Twitter: <a href="https://twitter.com/#!/elHornair">@elHornair</a></li>
<li class="github">Github: <a href="https://github.com/elHornair">elHornair</a></li>
</ul>
</script>
<script type="text/x-template" id="template_list">
<h2>Mmmmmmh, cheese</h2>
<p>There are <strong>{pieces} pieces</strong> remaining in total</p>
<ul class="cheeselist">{itemList}</ul>
</script>
<script type="text/x-template" id="template_list_item">
<li>
<a href="/cheese/{type}" class="thumbnail mini imgwrapper"><img src="/img/{image}" alt="{type} image"></a>
<span>Delicious <a href="/cheese/{type}">{type}</a> ({pieces} piece(s) remaining)</span>
</li>
</script>
<script type="text/x-template" id="template_cheese">
<h2>{type}</h2>
<img src="/img/{image}" alt="{type} image" class="thumbnail maxi">
<p>There are <strong>{pieces} piece(s)</strong> of delicious {type} remaining.</p>
<button class="btn btn-large btn-primary eat">Eat a Piece!</button>
</script>
</body>
</html>