-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
124 lines (114 loc) · 6.1 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
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
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:fb="http://ogp.me/ns/fb#">
<head>
<title>Autocookie</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel='shortcut icon' type='image/x-icon' href='static/favicon.ico' />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="static/custom.css" rel="stylesheet">
<meta property="og:title" content="Autocookie" />
<meta property="og:description" content="Create new cookie recipes using rules learned from existing ones." />
<meta property="og:image" content="https://mobeets.github.io/autocookie/static/autocookies.png" />
<meta property="og:site_name" content="mobeets" />
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a id="navwords" class="navbar-brand" href="index.html">Autocookie</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav pull-right">
<!--<li class="active"><a href="#">Home</a></li>-->
<li><a id="navwords" href="https://mobeets.github.io/">mobeets</a></li>
<li><a id="navwords" href="about.html">About</a></li>
<li><a href="https://github.com/mobeets/autocake"><img src="static/github.png" class="github"/></a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<div id="header-container" class="container">
<div class="starter-template">
<h1><a id="bigtitle" href="index.html">Autocookie</a></h1>
</div>
<div class="row">
<div class="col-lg-16 introduction text-center">
<span class="food-info">You are making </span>
<div class="btn-group food-presets-container">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="food-name">Food</span> <span class="caret"></span>
</button>
<ul class="dropdown-menu food-presets">
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-2"></div>
<div id="shop" class="col-lg-12">
<div class="row">
<span class="col-lg-offset-2 col-lg-8">Create a new recipe by pressing adjusting the ingredient amounts below, or by pressing "Randomize". <span class="glyphicon glyphicon-question-sign help-info" aria-hidden="true"></span> <span class="more-info"><p>The <span class="blue-bar-text">blue bar</span> above each ingredient tells you the suggested minimum and maximum ingredient levels. These levels are based on the ratios between the amount of one ingredient and every other ingredient, as learned from the recipe templates listed below. If you fall out of this range, <span class="glyphicon glyphicon-arrow-up"></span> or a <span class="glyphicon glyphicon-arrow-down"></span> will point the way back.</p><p>Sometimes, you'll see a <span class="glyphicon glyphicon-ban-circle"></span> next to an ingredient. This means other ingredients need to be adjusted in order to bring this ingredient back in range. Disable the effect of an ingredient on others by clicking on its blue bar.</p><p>Read more <a href="about.html">here</a>, or see how some common ingredients affect the taste of chocolate chip cookies <a href="https://mobeets.github.io/cookies/cookies">here</a>.</p></span>
</div>
<div class="row ingredients text-center">
</div>
<div class="suggestions col-lg-12">
<div class="row text-center">
<!--<div class="btn-group new-ingreds-container">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="ingred-name">Add...</span> <span class="caret"></span>
</button>
<ul class="dropdown-menu more-ingreds-menu"></ul>
</div>-->
<button id="randomize" type="button" class="btn btn-default btn-success"><span>Randomize</span></button>
<button id="export" type="button" class="btn btn-default btn-warning"><span>Export</span></button>
</div>
<div class="errors"></div>
<div class="row col-lg-offset-4 col-lg-4 divider">
<div id="output"></div><hr>
</div>
<div class="col-lg-offset-2 col-lg-8 text-center">
Recipe templates for <span class="food-name"></span>:
<nav class="recipe-presets-container">
<ul class="pagination recipe-presets">
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- /.container -->
<link href="static/css/jquery-ui.css" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Pacifico|Raleway' rel='stylesheet' type='text/css'>
<script src="static/js/jquery.min.js"></script>
<script src="static/js/jquery-ui.js"></script>
<script src="static/bootstrap/js/bootstrap.min.js"></script>
<script src="static/data/recipes.js"></script>
<script src="static/data/recipe-setup.js"></script>
<script src="static/js/fraction-0.3.js"></script>
<script src="static/js/ratios.js"></script>
<script src="static/js/main.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-42857746-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>