-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcooking.html
More file actions
197 lines (174 loc) · 10 KB
/
cooking.html
File metadata and controls
197 lines (174 loc) · 10 KB
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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<link href="styles.css" rel="stylesheet">
<title>Luis Minaya</title>
<link rel="icon" type="image/x-icon" href="/images/LNM2.1.jpg">
</head>
<body>
<div id="mainHeader">
<h1>Luis N. Minaya</h1>
<div id="menu">
<!-- this is for the menu bar-->
<a href="/index.html" class="menuButton" id="index-link">Home</a>
<a href="/books.html" class="menuButton" id="books-link">Books I've Read</a>
<a href="/cooking.html" class="menuButton" id="cooking-link">Pictures of my Cooking</a>
<a href="/links.html" class="menuButton" id="links-link">Links</a>
</div>
</div>
<div class="container-fluid" id="cooking">
<!-- Main content here-->
<h1 style="font-size: 130%; padding-bottom: 50px">Here are some pictures of different dishes I've cooked. <br>
<span style="font-size: 16px">Not all successfully...</span></h1>
<div class="imageContainer">
<figure>
<a href="/images/cooking/baconoven.jpg" target="_blank">
<img src="/images/cooking/baconovenTn.jpg" alt="Bacon in the air fryer" title="Bacon in the air fryer">
<figcaption>Bacon still sizzling from the air fryer.</figcaption>
</a>
</figure>
<figure>
<a href="/images/cooking/baconeggs.jpg" target="_blank">
<img src="/images/cooking/baconeggsTn.jpg" alt="Bacon and eggs" title="Bacon and eggs">
<figcaption>Bacon with soft scrambled eggs.</figcaption>
</a>
</figure>
<figure>
<a href="/images/cooking/failedpizza.jpg" target="_blank">
<img src="/images/cooking/failedpizzaTn.jpg" alt="Burnt pizza" title="Burnt pizza">
<figcaption>I might have overcooked this cheese a tad bit.</figcaption>
</a>
</figure>
<figure>
<a href="/images/cooking/chickenmash.jpg" target="_blank">
<img src="/images/cooking/chickenmashTn.jpg" alt="Fried chicken and mash" title="Fried chicken and mash">
<figcaption>Boneless fried chicken with some mashed potatoes.</figcaption>
</a>
</figure>
<figure>
<a href="/images/cooking/failedoatmeal.jpg" target="_blank">
<img src="/images/cooking/failedoatmealTn.jpg" alt="Exploded oatmeal" title="Exploded oatmeal">
<figcaption>Is making oatmeal in the microwave even cooking? Failed.</figcaption>
</a>
</figure>
<figure>
<a href="/images/cooking/cinnamonoatmeal.jpg" target="_blank">
<img src="/images/cooking/cinnamonoatmealTn.jpg" alt="Oatmeal" title="Oatmeal">
<figcaption>Non-exploded oatmeal with cinnamon. Made with oat milk.</figcaption>
</a>
</figure>
<figure>
<a href="/images/cooking/yuca.jpg" target="_blank">
<img src="/images/cooking/yucaTn.jpg" alt="Yuca eggs and cheese" title="Yuca eggs and cheese">
<figcaption>Yuca with some fried cheese and overeasy eggs.</figcaption>
</a>
</figure>
<figure>
<a href="/images/cooking/chopping.jpg" target="_blank">
<img src="/images/cooking/choppingTn.jpg" alt="Chopped veggies" title="Chopped veggies">
<figcaption>I really need some chopping lessons.</figcaption>
</a>
</figure>
<figure>
<a href="/images/cooking/veggiecroisant.jpg" target="_blank">
<img src="/images/cooking/veggiecroisantTn.jpg" alt="Veggie egg croissant" title="Veggie egg croissant">
<figcaption>Croissant sandwich with eggs and veggies.</figcaption>
</a>
</figure>
<figure>
<a href="/images/cooking/minieggcroisant.jpg" target="_blank">
<img src="/images/cooking/minieggcroisantTn.jpg" alt="Mini egg croissants" title="Mini egg croissants">
<figcaption>Mini croissant sandwiches with egg and cheese.</figcaption>
</a>
</figure>
<figure>
<a href="/images/cooking/curry1.jpg" target="_blank">
<img src="/images/cooking/curry1Tn.jpg" alt="Chicken curry" title="Chicken curry">
<figcaption>First time making curry. Way too much cayenne!</figcaption>
</a>
</figure>
<figure>
<a href="/images/cooking/curry1.1.jpg" target="_blank">
<img src="/images/cooking/curry1.1Tn.jpg" alt="Chicken curry with rice" title="Chicken curry w/ rice">
<figcaption>Even with the rice, I barely finished curry #1.</figcaption>
</a>
</figure>
<figure>
<a href="/images/cooking/curry2.jpg" target="_blank">
<img src="/images/cooking/curry2Tn.jpg" alt="Chicken curry #2" title="Chicken curry #2">
<figcaption>Second attempt at chicken curry.</figcaption>
</a>
</figure>
<figure>
<a href="/images/cooking/curry2.1.jpg" target="_blank">
<img src="/images/cooking/curry2.1Tn.jpg" alt="Chicken curry with rice" title="Chicken curry 2 w/ rice">
<figcaption>Curry #2 was much better!</figcaption>
</a>
</figure>
<figure>
<a href="/images/cooking/2golpes.jpg" target="_blank">
<img src="/images/cooking/2golpesTn.jpg" alt="Mangu egg and fried cheese" title="Los dos golpes">
<figcaption>Mangu (mashed plantains) with fried cheese and eggs.</figcaption>
</a>
</figure>
<figure>
<a href="/images/cooking/longaniza2.jpg" target="_blank">
<img src="/images/cooking/longaniza2Tn.jpg" alt="Spanish sausage" title="Mangu w/ longaniza">
<figcaption>Longaniza (spanish sausage) with the driest mangu ever 😔.</figcaption>
</a>
</figure>
<figure>
<a href="/images/cooking/pancakes1.jpg" target="_blank">
<img src="/images/cooking/pancakes1Tn.jpg" alt="Pancake" title="Pancake">
<figcaption>I was taught to make a single large pancake.</figcaption>
</a>
</figure>
<figure>
<a href="/images/cooking/pancakes2.jpg" target="_blank">
<img src="/images/cooking/pancakes2Tn.jpg" alt="Cut pancake" title="Cut pancake">
<figcaption>Anyone else cut their pancake like this?</figcaption>
</a>
</figure>
<figure>
<a href="/images/cooking/mangueggs.jpg" target="_blank">
<img src="/images/cooking/mangueggsTn.jpg" alt="Mangu yuca eggs and cheese" title="Mangu yuca eggs and cheese">
<figcaption>Mangu, yuca (that I didn't make), fried eggs, and cheese.</figcaption>
</a>
</figure>
<figure>
<a href="/images/cooking/mangusalchichon.jpg" target="_blank">
<img src="/images/cooking/mangusalchichonTn.jpg" alt="Salchichon" title="Salchichon">
<figcaption>Mangu with eggs and salchichon (fried salami).</figcaption>
</a>
</figure>
</div>
</div>
<!-- Bootstrap's popper script-->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<!-- Bootstrap script-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
<!--Script to add currentPage class to current URL in order to bold the link font-->
<script>
document.addEventListener("DOMContentLoaded", function() {
const currentPage = window.location.pathname.split("/").pop();
const linkId = currentPage.split(".")[0] + "-link";
const currentLink = document.getElementById(linkId);
if (currentLink) {
currentLink.classList.add("currentPage");
}
});
</script>
<!--Script for changing the way links open if you are on mobile-->
<script>
if (window.innerWidth <= 768) {
let targetTypes = document.querySelectorAll('a[target="_blank"]');
for (let targetType of targetTypes) {
targetType.setAttribute('target', '_top');
}
}
</script>
</body>
</html>