Chocolate-Pizza/index.html at main · LeahWilner/Chocolate-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
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>

<html>
    <head>

<!-- google fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Neucha&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap" rel="stylesheet">

<meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="css/reset.css">
        <link rel="stylesheet" href="css/style.css">
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Karla:wght@200&display=swap" rel="stylesheet">
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Neucha&display=swap" rel="stylesheet">
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap" rel="stylesheet">
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Noto+Serif&display=swap" rel="stylesheet">
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap" rel="stylesheet">
    </head>

    <body>
       <header>
        <h1>
            <img src="small-logo.png" alt="small logo for delicious">
            <a>Delicious</a>
            <p>THE BEST FOOD BLOG ON THE WEB.</p>
        </h1>
        <ul>
            <li><img src="fb-icon.png" alt="facebook icon"></li>
            <li><img src="twit-icon.png" alt="twitter icon"></li>
            <li><img src="gp-icon.png" alt="google plus icon"></li>
            <li><img src="insta-icon.png" alt="instagram icon"></li>
            <li><img src="flic-icon.png" alt="flickr icon"></li>
            <li><img src="pint-icon.png" alt="pintrest icon"></li>
            <li><img src="rss-icon.png" alt="wifi symbol"></li>
            <li><img src="mail-icon.png" alt="email symbol"></li>
        </ul>
       </header>


       <main class="content-wrap">
              \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\</body>

       <hr>

        <section>

                <img src="" alt="">
                <h2>Chocolate Pizza</h2>
                <section class="print">
                <h3>THE BEST FOOD BLOG ON THE WEB</h3>
                <img src="images/ChocZaAssets/print-icon.png" alt="Print Icon">
                <span>PRINT</span>
            </section>
            <section>

                <img src="../images/ChocZaAssets/choco-pizza.png" alt="chocolate-pizza">
            </section>
            <article class="directions">
                <p>For the fig-swirl: Melt butter over medium heat in a saucepan. Add brown sugar and stir to dissolve. Halve all of the figs and toss in the saucepan with water and lemon juice. Cook over medium heat, stirring frequently, until you have a chunky-jammy mixture. Add salt with one or two stirs, set aside and let cool completely.</p>
                <p>Ice Cream: In a small pot over medium heat, combine milk, and granulated sugar until sugar is completely dissolved and the milk is just barely lukewarm. Whisk in the egg yolks. Set yolks. Set mixture in the fridge and wait until the fig mixture is cooled.
                </p>
                <p>Using an ice cream machine, pour liquids into the frozen basin and process according to manufacturer instructions, I.e., let spin and thicken for 20 minutes before adding mascarpone, fig jam mixture, and the nuts. Continue to process for +/- minutes. Pour semi-frozen mixture into a pyrex dish or glass tupperware. Freeze for at least two hours before serving.</p>

            </article>


        </section>
        <section class="recipe">
            <div class="ingredients">
           <article>
            <ul>
                <li><input type=“checkbox”>1 1/2 cups milk</li>
                <li>1/2 cup marscarpone</li>
                <li>1/2 tsp pink salt</li>
                <li>1 lb Black Mission Figs</li>
                <li>1/2 cup brown sugar</li>
                <li>2-4 tbsp water</li>
            </ul>
        </article>
        <article>
            <ul>
                <li>1 1/2 cups heavy cream</li>
                <li class="line-through">1/3 granulated sugar</li>
                <li class="line-through">2 egg yolks</li>
                <li>1 lemon, juiced</li>
                <li>2 tbsp butter</li>
                <li>1 cup honey roasted pecans, roughly chopped</li>
            </ul>
        </article>
            </div>
        </section>

        \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\</body>
    </main>
       <hr>
        <footer>
            <img src="" alt="">
            <img src="" alt="">


       <footer class="footer">
        <p>/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////</p>
        <section>
            <img src="images/van-pic.png" alt="photo of Vanessa Stevenson">
            <h3>Vanessa Stevenson</h3>
            <p>Food enthusiast, photography fan. Add a pinch of raw foodism and that's pretty much who I am.</p>

        </section>

        <!-- need styling on button -->

        <button class="button">SHARE RECIPE</button>

        <img src="images/small-logo.png" alt="hr with icon">

        <h4>Delicious &copy; 2013 &#9679 All Rights Reserved.</h4>
        <h4>Proudly published with Ghost.</h4>
    </footer>
        <!-- <script src="" async defer></script> -->

    </body>
</html>