-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
80 lines (72 loc) · 5.01 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
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8">
<title>Cocktail Ninja</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="style.min.css" media="screen">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
<link href="//cdn.rawgit.com/noelboss/featherlight/1.5.0/release/featherlight.min.css" type="text/css" rel="stylesheet" />
</head>
<body>
<a href="https://github.com/cocktail-ninja/cocktail-ipad" class="github-corner"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#333; color:#fff; position: absolute; top: 0; border: 0; right: 0;"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
<section class="page-header">
<h1 class="project-name">Cocktail Ninja</h1>
<h2 class="project-tagline">It's time to celebrate!</h2>
</section>
<section class="main-content">
<div class="description">
<p>
Cocktails have always been a great way to get started. Whether kicking back for a relaxing weekend or gearing up for a great night out. The problem? Finding all the right ingredients and spending time having to mix them is painful and takes you away from all the fun. Our solution is the Cocktail Ninja.
</p>
<p>
United by a keen interest in hardware and a desire for a higher standard of easily accessible boozy libations a group of us at ThoughtWorks committed our Tuesday nights to developing the Cocktail Ninja. We have been iteratively developing and improving our cocktail machine and have just completed version 3.0 and are ready to open source.
</p>
<p>
The Cocktail Ninja will allow you to add up to 6 spirits and 4 mixers. The Cocktail Ninja application will come with some existing recipes but also gives you the power to be the master mixologist. Prefer a stronger Long Island Ice Tea? Add some more rum. Looking to take it easy? Take out some of the gin from your gin and tonic. You can even create your very own creations and save them.
</p>
</div>
<h3>Photo Gallery</h3>
<div class="gallery cf">
<div href="#" data-featherlight="./0.jpeg">
<img src="./0.jpeg" />
</div>
<div href="#" data-featherlight="./1.jpeg">
<img src="./1.jpeg" />
</div>
<div href="#" data-featherlight="./2.jpeg">
<img src="./2.jpeg" />
</div>
<div href="#" data-featherlight="./3.jpeg">
<img src="./3.jpeg" />
</div>
<div href="#" data-featherlight="./4.jpeg">
<img src="./4.jpeg" />
</div>
<div href="#" data-featherlight="./5.jpeg">
<img src="./5.jpeg" />
</div>
<div href="#" data-featherlight="./6.jpeg">
<img src="./6.jpeg" />
</div>
<div href="#" data-featherlight="./7.jpeg">
<img src="./7.jpeg" />
</div>
<div href="#" data-featherlight="./8.jpeg">
<img src="./8.jpeg" />
</div>
</div>
<footer class="site-footer">
<h3>Made possible by</h3>
<p>
<a href="https://github.com/col">Col H</a>, <a href="https://www.linkedin.com/in/evan-cook-6b881257">Evan C</a>, <a href="https://github.com/sbycrosz">Sambya A</a>, <a href="https://github.com/lynneq">Lina Q</a>, <a href="https://github.com/MasterPete">Pete C</a>, <a href="https://github.com/jigishchawda">Jigish C</a>, and a lot more,
</p>
<p>
© 2016 ThoughtWorks, Inc.
</p>
</footer>
</section>
<script src="//code.jquery.com/jquery-latest.js"></script>
<script src="//cdn.rawgit.com/noelboss/featherlight/1.5.0/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>