summaryrefslogtreecommitdiff
path: root/static/recipes/oyakodon.html
blob: 50edbf0d6de796375c4195310e5fcb398faeabb1 (plain)
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
<!DOCTYPE html>
<html lang="en-US">

<head>
    <title>Oyakodon Recipe</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=devide-width,initial-scale=1">
    <link rel="stylesheet" href="../style.css">
    <link rel="icon" type="image/x-icon" href="../../images/favicon.ico" sizes="16x16">
</head>

<body>
    <header>
        <nav>
            <ul>
                <li>
                    <a href="../../index.html">Home</a>
                </li>
                <li>
                    <a href="../about.html">About</a>
                </li>
                <li>
                    <a href="./overview.html">Recipes</a>
                </li>
                <li>
                    <a href="../rock-paper-scissors.html">Rock Paper Scissors</a>
                </li>
            </ul>
        </nav>

    </header>

    <div id="headerwrapper">
        <h1>My Oyakodon Recipe</h1>
    </div>
    
    <main>
        <div class="wrapper-space">
            <div class="lists">
                <h2>Description</h2> 
                <p>
                    This is my take on Oyakodon, a japanese chicken and egg rice bowl.
                </p>
    
                <h2>Ingredients</h2>
                <ul>
                    <li>100g Chicken Thigh</li>
                    <li>30g Soy Sauce</li>
                    <li>30g Mirin</li>
                    <li>30g Sake</li>
                    <li>100g Dashi Stock</li>
                    <li>Half an Onion</li>
                    <li>1 Spring Onion</li>
                    <li>Half a Bowl of Rice</li>
                    <li>1 Whole Egg</li>
                    <li>Optional: 1 Egg Yolk</li>
                </ul>
    
                <h2>Instructions</h2>
                <ol>
                    <li>
                        <p>
                           Cut half an onion from tip to root into strips.
                           Cut the chicken thigh into bite-sized pieces.
                           Thinly cut the spring onion as garnish for later.
                        </p>
                    </li>
                    <li>
                        <p>
                            Fry the chicken over medium heat until the outside is beginning to brown.
                        </p>
                    </li>
                    <li>
                        <p>
                            Add the soy sauce, mirin, sake and dashi stock into the pan.
                            At this point, also add the cut onion.
                            Cover with a lid and let it simmer for 5 minutes.
                        </p>
                    </li>
                    <li>
                        <p>
                            Lightly mix the egg in a bowl.
                            Add half of the egg into the pan, cover and let it simmer for half a minute.
                        </p>
                    </li>
                    <li>
                        <p>
                            After half a minute, add the rest of the egg and some of the spring onion.<br>
                            Let it simmer for an additional minute.
                        </p>
                    </li>
                    <li>
                        <p>
                            Pour everything in the pan over the bowl of rice.
                            Add the rest of the spring onion on top.
                            If raw eggs are safe to eat where you live, you can add an egg yolk on top.
                        </p>
                    </li>
                </ol>
            </div>
    
            <div class="img-wrapper img-right">
                <img src="../../images/oyakodon.jpg" alt="An image of oyakodon.">
            </div>
        </div>

    </main>

    <footer>
        <div class="wrapper-centered">
            <p>Bottom Text</p> 
        </div>
    </footer>
</body>
<script src=""></script>

</html>