the-programmers-pizza/index.html at main · CaydnPB/the-programmers-pizza · GitHub

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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./styles.css">
    <link rel="icon" href="./img/favicon.png">
    <title>The Programmer's Pizza</title>
</head>

<body>

    <div class="container-fluid">
        <div class="titlesection">
            <h1>RECIPE: "THE PROGRAMMER'S PIZZA"</h1>
        </div>
    </div>

    <h2 style="
    margin-bottom: 20px;
    margin-top: 20px;
">Ingredients:</h2>
    <div class="container-fluid grid-wrapper">
        <div class="box">
            <img
                src="https://images.unsplash.com/photo-1607207504006-89723ee11236?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"><br>
            <p>1 pizza dough (store-bought or homemade)</p>
        </div>
        <div class="box">
            <img
                src="https://plus.unsplash.com/premium_photo-1673439302047-c7d0b7ee0922?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MXx8cGl6emElMjBzYXVjZXxlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&w=1400&q=60"><br>
            <p>1 cup pizza sauce</p>
        </div>
        <div class="box">
            <img
                src="https://images.unsplash.com/photo-1486297678162-eb2a19b0a32d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1473&q=80"><br>
            <p>2 cups Mozzarella cheese, shredded</p>
        </div>
        <div class="box">
            <img
                src="https://images.unsplash.com/photo-1608737637507-9aaeb9f4bf30?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8cmVkJTIwYmVsbCUyMHBlcHBlcnxlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&w=700&q=60"><br>
            <p>1/2 red bell pepper, sliced</p>
        </div>
        <div class="box">
            <img
                src="https://images.unsplash.com/photo-1585159079680-8dec029b76ed?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8Z3JlZW4lMjBwZXBwZXJ8ZW58MHx8MHx8fDA%3D&auto=format&fit=crop&w=700&q=60"><br>
            <p>1/2 green bell pepper, sliced</p>
        </div>
        <div class="box">
            <img
                src="https://images.unsplash.com/photo-1580201092675-a0a6a6cafbb1?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8OHx8b25pb258ZW58MHx8MHx8fDA%3D&auto=format&fit=crop&w=700&q=60"><br>
            <p>1/2 onion, sliced</p>
        </div>
        <div class="box">
            <img
                src="https://images.unsplash.com/photo-1552825897-bb5efa86eab1?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1740&q=80"><br>
            <p>1/2 cup mushrooms, sliced</p>
        </div>
        <div class="box">
            <img
                src="https://images.unsplash.com/photo-1612879988258-0d819c297621?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1635&q=80"><br>
            <p>1/2 cup olives, sliced</p>
        </div>
        <div class="box">
            <img
                src="https://images.unsplash.com/photo-1574316071802-0d684efa7bf5?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8c3BpbmFjaHxlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&w=700&q=60"><br>
            <p>1/2 cup spinach, optional</p>
        </div>
        <div class="box">
            <img
                src="https://images.unsplash.com/photo-1617314608196-356afaecfe7c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8b3JlZ2Fub3xlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&w=700&q=60"><br>
            <p>1/2 tsp Oregano</p>
        </div>
        <div class="box">
            <img
                src="https://images.unsplash.com/photo-1589646123429-111ae52dd9f7?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTB8fGNydXNoZWQlMjBmcnVpdHxlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&w=700&q=60"><br>
            <p>1/2 tsp crushed red pepper</p>
        </div>
        <div class="box">
            <img
                src="https://images.unsplash.com/photo-1565498971161-42ae3dbcca75?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MjB8fGdhcmxpYyUyMHBvd2RlcnxlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&w=700&q=60"><br>
            <p>1/2 tsp garlic powder</p>
        </div>
    </div>
    <h2>Optional Extras:</h2>
    <div class="row" style="margin-top: 20px; margin-bottom: 0px;">
        <div class="mb-0 col-6">
            <button type="button" class="btn btn-primary btn-lg" disabled>Olive oil, (to brush)</button>
        </div>
        <div class="mb-0 col-6">
            <button type="button" class="btn btn-primary btn-lg" disabled>Salt and pepper to taste</button>
        </div>
    </div>
    <h2>Instructions:</h2>
    <ol>
        <li>Preheat your oven to its highest temperature, usually around 500 degrees Fahrenheit or 260 degrees Celsius.
        </li>
        <li>While the oven is heating, prepare your toppings.</li>
        <li>You'll want to slice your vegetables thin so they cook properly.</li>
        <li>Stretch out your pizza dough on a floured surface. Be careful not to tear it – you want a nice, even layer.
        </li>
        <li>Transfer the dough to a pizza stone or a baking sheet lined with parchment paper.</li>
        <li>Brush the dough lightly with olive oil, then spread the pizza sauce evenly, leaving a small border around
            the
            edges for the crust.</li>
        <li>Sprinkle half of your Mozzarella cheese over the sauce.</li>
        <li>Add your sliced bell peppers, onion, mushrooms, olives, and spinach uniformly across the pizza.</li>
        <li>Top with the remaining Mozzarella, and seasoning with the oregano, crushed red pepper, garlic powder, and a
            little bit of salt and pepper.</li>
        <li>Bake your pizza in the preheated oven for about 10-15 minutes, or until the crust is golden and the cheese
            is
            bubbly and starts to brown slightly.</li>
        <li>Once it's done, remove from the oven and allow it to cool for a few minutes. This will make it easier to cut
            into slices.</li>
        <li>Once it's done, remove from the oven and allow it to cool for a few minutes. This will make it easier to cut
            into slices.</li>
        <li>Finally, slice it up and serve hot.</li>
    </ol>
    <footer>
        <p class="text-center">Enjoy this programmer's delight - a homemade, fully customizable pizza perfect for
            working through complex
            coding challenges or for a gaming night.</p>
        <p class="text-center">Eating pizza and solving problems is the ultimate tech tradition!</p>
        <div class="text-center" style="
        margin-bottom: 0px;"><img src="./img/favicon.png" style="margin: 0px; height: 32px;"></div>
    </footer>
    <script src="./scripts.js"></script>
</body>

</html>