-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
131 lines (127 loc) · 10.8 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>BE - About</title>
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans|Raleway&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="css/main.css" type="text/css">
</head>
<body>
<div id="header">
<nav class="navbar navbar-expand-md">
<a href="index.html" class="navbar-brand">Brewed Extraction</a>
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
<span class="navbar-toggler-icon">Menu</span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav">
<a href="coffee.html" class="nav-item nav-link">Coffee</a>
<a href="blog.html" class="nav-item nav-link">Reviews</a>
<a href="#" class="nav-item nav-link active">Methods</a>
<a href="mailto:ben@developitben.com" target="_top" class="nav-item nav-link" tabindex="-1">Contact</a>
</div>
</div>
</nav>
<div id="heroImage">
<img src="images/aboutHero.jpg" width=100% alt="Espresso">
</div>
<h1 id="heroQuote">Brewing Methods</h1>
</div>
<div class="container">
<div id="blog">
<div class="post">
<img src="images/dripCoffeeMaker.jpg" class="blogImg" alt ="coffee">
<div class="info">
<h1>Drip Coffee Maker</h1>
<p>One of the most popular methods for brewing coffee. The coffee maker is found in nearly every department store for purchase, along with specialty coffee shops.</p>
<p>There are numerous companies that have a brand of coffeemaker for purchase, ranging from economic value like <a href="https://www.mrcoffee.com/coffee-makers/" target="_blank">Mr. Coffee</a> to higher end products like <a href="https://us.moccamaster.com/" target="_blank">Moccamaster</a>.</p>
<p>While it isn't necessary to have the most expensive maker on the market, there are numerous differences between a cheap maker vs. expensive maker. Most noticable is the temperature to which the water hits the grounds before heading to the carafe. Temperature should be somewhere between 195 to 215 degrees to pull the best flavours from the coffee itself. It it is hotter or cooler, then the coffee, which could taste the way you want it, may be subpar.</p>
</div>
<!--Might use later
<div class="topBrands">
<h3>Top Brands of coffee makers on the market</h3>
<ul>
<li class="makerList"><a href="https://www.mrcoffee.com/coffee-makers/" target="_blank">Mr. Coffee</a></li>
<li class="makerList"><a href="https://www.breville.com/us/en/products/coffee.html" target="_blank">Breville</a></li>
<li class="makerList"><a href="https://www.oxo.com/categories/coffee-tea/brew/coffee-makers/barista-brain-9-cup-coffee-maker.html" target="_blank">OXO</a></li>
<li class="makerList"><a href="http://bonavitaworld.com/products" target="_blank">Bonavita</a></li>
<li class="makerList"> <a href="https://us.moccamaster.com/" target="_blank">Moccamaster</a></li>
</ul>
</div>-->
</div>
</div>
<div id="blog">
<div class="post">
<img src="images/pourOverMaker.jpg" class="blogImg" alt ="coffee">
<div class="info">
<h1>Pour Over</h1>
<p>Another popular way to make coffee at home and at the coffee shops, is the pour over method. This is done by taking a cone line structure, sitting it on a cup or a glass carafe, and then using the hot water from a gooseneck kettle to gentle extract the coffee from the beans. This method takes more time and care to get the cup right. You have to watch it nearly the entire time, as the time and weight are essentail to creating the best cup of coffee from the beans.</p>
<p>For myself, I grind the beans similar to the machine drip setting on my grinder, place a cone-shaped filter on the Hario v60 plastic holder, heat the water with the kettle, run water around the filter, place the grounds (approximately 34 grams) into the filter, and finally begin to pour the water, gently, around the grounds. The important part is watching the amount of grams on the scale. I begin to pour the water until it reaches 60 grams, and then wait for the timer to read 40 seconds. This allows the "bloom" to happen. If the beans are in good shape, you will see bubbles form as the gas begins to escape. Next, continue to pour the water until the scale reaches 200 grams. When the timer reaches 1 minute 10 seconds, the third pour can begin. Conintue to pour the water into the filter until it reaches 300 grams. The timer needs to continue until it reads 1 minute 40 seconds. We are now in the final pour, which will bring the scale up to 360 grams. Then you let the pour over continue for three-five minutes. You can then pour the coffee into your mug and enjoy.</p>
</div>
<!--<div class="topBrands">
<h3>Top Brands of coffee makers on the market</h3>
<ul>
<li class="makerList"><a href="https://www.mrcoffee.com/coffee-makers/" target="_blank">Mr. Coffee</a></li>
<li class="makerList"><a href="https://www.breville.com/us/en/products/coffee.html" target="_blank">Breville</a></li>
<li class="makerList"><a href="https://www.oxo.com/categories/coffee-tea/brew/coffee-makers/barista-brain-9-cup-coffee-maker.html" target="_blank">OXO</a></li>
<li class="makerList"><a href="http://bonavitaworld.com/products" target="_blank">Bonavita</a></li>
<li class="makerList"> <a href="https://us.moccamaster.com/" target="_blank">Moccamaster</a></li>
</ul>
</div>-->
</div>
</div>
<div id="blog">
<div class="post">
<img src="images/frenchPressMaker.jpg" class="blogImg" alt ="coffee">
<div class="info">
<h1>French Press</h1>
<p>French Press is a unique way to make coffee, though very popular in the United States. It creates an extremely different tasting coffee than the machine and pour over as the grounds sit in the water for a lengthly period of time (5 minutes). Then the grounds are pressed down by the plunger and you get your cup of coffee. The acidic nature of the coffee has pretty much disappeared and the cup will be smooth, but very heavy in flavor and texture. I enjoy this method every so often, but it isn't my first choice as I am not a big fan of the heavier feel of the coffee. The flavor of the coffee is more prominent as well.</p>
<p>For this method, I put the French Press on my scale, boil the water, run some of the hot water into the press to clear it out, and then set my grinder to the course setting (usually the far left of the monitor), set it to 8 cups, and then wait for the grounds to come out. Next, place the grounds at the bottom of the press. Start the timer and begin to pour the hot water until the scale reaches 800 grams. Note, this might be less if the coffee looks like it will overflow at the top of the press. You do not want that as when you start to put the plunger on the press, a mess will happen, trust me. Take a wooden utensil and stir gently for a minute to push the grounds into the water. Do not over sir. When the timer states 5-6 minutes, press the plunger down and push the grounds to the bottom. You coffee is ready to drink. If you are looking for a decent press, I recommend anything by <a href="https://www.bodum.com/us/en/coffee/coffee-makers" target="_blank">Bodum</a>.</p>
</div>
<!--<div class="topBrands">
<h3>Top Brands of coffee makers on the market</h3>
<ul>
<li class="makerList"><a href="https://www.mrcoffee.com/coffee-makers/" target="_blank">Mr. Coffee</a></li>
<li class="makerList"><a href="https://www.breville.com/us/en/products/coffee.html" target="_blank">Breville</a></li>
<li class="makerList"><a href="https://www.oxo.com/categories/coffee-tea/brew/coffee-makers/barista-brain-9-cup-coffee-maker.html" target="_blank">OXO</a></li>
<li class="makerList"><a href="http://bonavitaworld.com/products" target="_blank">Bonavita</a></li>
<li class="makerList"> <a href="https://us.moccamaster.com/" target="_blank">Moccamaster</a></li>
</ul>
</div>-->
</div>
</div>
<div id="blog">
<div class="post">
<img src="images/mokaPot.jpg" class="blogImg" alt ="coffee">
<div class="info">
<h1>Moka Pot</h1>
<p>The Moka Pot is an older method that is still used today in many parts of the world. It is a good way to make espresso without buying an expensive espresso machine. It sits on the stove over medium heat, then percolates, bringing the coffee through a small spout at the top. While, this method isn't one of my go to methods, it does create a lovely cup of coffee/espresso as it has one of the smoothest textures around.</p>
<p>For this method, grind your beans to the finest setting. 34 grams of beans and 455 grams of water. Put the water in the base of the moka pot, then place the grounds in the filter section of the pot. Place on medium or medium high heat and let the water boil. The water will shoot up through the filter, and then the coffee will push through a spout at the top. Take off the heat when the coffee has finished and enjoy.</p>
</div>
</div>
<!--<div class="topBrands">
<h3>Top Brands of coffee makers on the market</h3>
<ul>
<li class="makerList"><a href="https://www.mrcoffee.com/coffee-makers/" target="_blank">Mr. Coffee</a></li>
<li class="makerList"><a href="https://www.breville.com/us/en/products/coffee.html" target="_blank">Breville</a></li>
<li class="makerList"><a href="https://www.oxo.com/categories/coffee-tea/brew/coffee-makers/barista-brain-9-cup-coffee-maker.html" target="_blank">OXO</a></li>
<li class="makerList"><a href="http://bonavitaworld.com/products" target="_blank">Bonavita</a></li>
<li class="makerList"> <a href="https://us.moccamaster.com/" target="_blank">Moccamaster</a></li>
</ul>
</div>-->
</div>
</div>
<div id="footer">
<div id="copyRight">
©2019 | Develop It, Ben
</div>
</div>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</body>
</html>