-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
127 lines (95 loc) · 5.75 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
125
126
127
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Restaurant Menu Generator - Build complete responsive HTML Restaurant Menus for Free!</title>
<meta name="description" content="Generate clean, responsive, and free HTML restaurant menus to use anywhere!">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.min.css">
<link rel="stylesheet" href="/build/css/main.css">
<link rel="manifest" href="/manifest.json">
<link href="favicon.ico" rel="shortcut icon" type="image/ico">
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@tevko" />
<meta name="twitter:title" content="Restaurant Menu Generator" />
<meta name="twitter:description" content="Generate clean, responsive, and free HTML restaurant menus to use anywhere!" />
<meta name="twitter:image" content="https://restaurantmenubuilder.com/img/menu_icon_128.png" />
<meta name="cf-2fa-verify" content="385543a329bc01b">
</head>
<body>
<main>
<button class="_JS_reset">Reset Menu</button>
<h1>Restaurant Menu Generator</h1>
<section class="menu_preview _JS_menuPreview"></section>
<form class="form">
<div class="form_checkBox">
<input type="checkbox" name="raw" id="raw" class="rawInput">
<label class="_JS_containsRaw rawLabel" for="raw" checked="false">Click if menu contains raw or undercooked items</label>
</div>
<div class="form_fieldBlock group">
<input type="text" data-identifier="restaurantName">
<label>What is the name of the restaurant?</label>
</div>
<div class="form_fieldBlock group">
<input type="text" placeholder="Breakfast, Lunch, Dinner, Desert, Seasonal, etc." data-identifier="menuTitle"/>
<label>What is the title of the menu?</label>
</div>
<button class="_JS_addSection">Add a Menu Section</button>
</form>
<div class="saveMenu _JS_downloadMenu">
<button>Save Menu</button>
</div>
</main>
<footer class="app-footer">
<p>This application exists to help you build an HTML food menu. It's entirely free too! Just fill out the form options and click the "Save Menu" button when you are done. You can even see a preview of your current progress at any time by clicking on the preview window on the upper right hand corner of your screen. The menu you create will be saved in your browser until you click the "Reset Menu" button in the top left hand corner of your screen.</p>
<p>Nothing you enter into this form will ever be saved anywhere, except for on your own computer. All of the work is done on your browser which means there is no need for any of your information to go to a server.</p>
<p>Icons made by <a href="http://www.freepik.com" title="Freepik">Freepik</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></p>
</footer>
<template id="_JS_menuSection">
<section class="form_menuSection _JS_menuSectionContainer _JS_deleteAble absContainer deleteUI">
<span class="delete _JS_deleteButton">x</span>
<div class="form_fieldBlock _JS_menuSection group">
<input type="text" placeholder="Steak, Chicken, Fish, Vegan (just kidding)" data-identifier="menuSection" required/>
<label>Enter a Section</label>
<button class="_JS_addItem">Add Menu Item</button>
</div>
</section>
<button class="_JS_addSection">Add Another Section</button>
</template>
<template id="_JS_menuItem">
<section class="_JS_menuItemContainer _JS_deleteAble absContainer deleteUI form_menuItem">
<span class="delete _JS_deleteButton">x</span>
<div class="form_fieldBlock _JS_menuItem group">
<input type="text" placeholder="Salmon, Ribeye, Cobb Salad" data-identifier="menuItem"/>
<label>Enter a Menu Item</label>
</div>
<div class="form_fieldBlock _JS_menuItem group">
<input type="text" placeholder="$5.99" data-identifier="menuItemPrice"/>
<label>Enter the Price</label>
</div>
<div class="form_fieldBlock _JS_menuItem group">
<textarea placeholder="Dry Aged for 48 days and topped with gargonzola..." data-identifier="menuItemDesc"></textarea>
<label>Enter the Item Description</label>
</div>
</section>
<button class="_JS_addItem">Add Menu Item</button>
</template>
<script src="/build/js/main.js"></script>
<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('/serviceworker.js').then(function(registration) {
// Registration was successful
console.log('ServiceWorker registration successful with scope: ', registration.scope);
});
}
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-74208716-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>