-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
139 lines (84 loc) · 4.76 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
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--Jquery-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/themes/base/jquery-ui.min.css">
<!--Bulma-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
<!--FontAwesome-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
<!--Google Fonts-->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Anton&family=Dancing+Script:wght@500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./assets/cs/stlye.css">
<title>Document</title>
</head>
<body>
<div id="modaldiv" class="modal">
<div class="modal-background"></div>
<div class="modal-content">
<!-- Any other Bulma elements you want -->
<div class="card">
<header class="card-header">
<p class="card-header-title">Well, not according to plan... </p>
</header>
<div class="card-image">
<img src="./assets/images/Chef.png" alt="A small animal wearing a Chef hat">
</div>
<div class="card-content">
<div class="content">
<p id="thedeal">It Looks like we couldn't find what you were searching for. It might be you are looking for something super exotic. If so, we are sorry there may not be any recipes for it in our data base, or it might be that you are misspelling your search</p>
</div>
</div>
</div>
</div>
<button id="modal-off" class="modal-close is-large" aria-label="close"></button>
</div>
<div id="edamam-badge" data-color="white"></div>
<div class="banner">
Leftovers
</div>
<div class="radio">
<div class="control is-success">
<label class="radio">
<input id ="alcohol" class="" type="radio" name="answer">
Alcohol-Free
<label class="radio">
<input id="lowsugar" type="radio" name="answer">
Low-Sugar
</label>
<label class="radio">
<input id="lowfat" type="radio" name="answer">
Low-Fat
</label>
</label>
</div>
</div>
<div class=" columns is-mobile">
<div class=" spacer field column">
<div class="control">
<input id="searchbar" class="input is-success searchbar" type="text" placeholder="The Food you got!">
<button id="search" class=" start button is-success"><i class="fas fa-search"></i></button>
</div>
<div class=" inputsection columns">
<button id="greenbutton" class=" savebutton button is-success"><span class="savebuttontext">Save List</span></button>
<div id="fav" class="fav column" >
</div>
</div>
</div>
<div id="dump" class=" trash column"><span class="trashtext">Delete</span>
</div>
</div>
<div id="dashboard" class="group-items column ui">
</div>
<!--required badge-->
<script src="https://developer.edamam.com/attribution/badge.js"></script>
<!--Jquery-->
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="crossorigin="anonymous"></script>
<script src="./assets/js/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js" integrity="sha512-0bEtK0USNd96MnO4XhH8jhv3nyRF0eK87pJke6pkYf3cM0uDIhNJy9ltuzqgypoIFXw3JSuiy04tVk4AjpZdZw==" crossorigin="anonymous"></script>
<script src="./assets/js/script.js"></script>
</body>
</html>