Add new recipe style and Butter Chicken recipe
This commit is contained in:
Andrew Miner
@@ -0,0 +1,140 @@
|
||||
doctype html
|
||||
html
|
||||
head
|
||||
link(href="../style2.css" rel="stylesheet" type="text/css")
|
||||
meta(charset="UTF-8")
|
||||
meta(name="viewport" content="user-scalable=no, width=device-width")
|
||||
|
||||
body.recipe
|
||||
section.header
|
||||
.image(style="background-image: url('./large.png')")
|
||||
|
||||
.about
|
||||
h1 Butter Chicken
|
||||
|
||||
.timing prep 35 min, cook 30 min
|
||||
|
||||
.icons
|
||||
.icon.overnight
|
||||
.icon.gluten-free
|
||||
.icon.low-carb
|
||||
.icon.serving
|
||||
| × 6
|
||||
|
||||
.description.
|
||||
This is a fairly simple Indian dish which turns out a large amount of amazingly spiced chicken with
|
||||
fairly little effort. Our first time, we doubled the recipe and used pre-cut chunks of chicken, but
|
||||
it tasty both the day of and for several days afterward.
|
||||
|
||||
section.instructions
|
||||
.step
|
||||
h3 1
|
||||
.ingredients
|
||||
ul
|
||||
li
|
||||
.amount 1½ cups
|
||||
.item greek yogurt (full-fat)
|
||||
li
|
||||
.amount 2 tbsp
|
||||
.item lemon juice
|
||||
li
|
||||
.amount 1½ tbsp
|
||||
.item tumeric (ground)
|
||||
li
|
||||
.amount 2 tbsp
|
||||
.item garam masala
|
||||
li
|
||||
.amount 2 tbsp
|
||||
.item cumin (ground)
|
||||
li
|
||||
.amount 3 lbs
|
||||
.item chicken thighs, on the bone
|
||||
.detail.
|
||||
Whisk together the yogurt, lemon juice, tumeric, garam masala, and cumin in a large bowl. Add the
|
||||
chicken and coat throughly with the marinade. Cover and place in the refrigerator overnight.
|
||||
|
||||
.step
|
||||
h3 2
|
||||
.ingredients
|
||||
ul
|
||||
li
|
||||
.amount ¼ lb
|
||||
.item butter (unsalted)
|
||||
li
|
||||
.amount 4 tsp
|
||||
.item vegetable oil
|
||||
li
|
||||
.amount 2
|
||||
.item onions (yellow, diced)
|
||||
li
|
||||
.amount 4 cloves
|
||||
.item garlic (minced)
|
||||
li
|
||||
.amount 3 tbsp
|
||||
.item ginger (peeled, grated)
|
||||
li
|
||||
.amount 1 tbsp
|
||||
.item cumin seeds
|
||||
.detail.
|
||||
In a large pan over medium heat, melt the butter until it starts to foam. Add the onions and cook
|
||||
until translucent. Add garlic, ginger, and cumin seeds. Continue to cook until the onions start to
|
||||
brown.
|
||||
|
||||
.step
|
||||
h3 3
|
||||
.ingredients
|
||||
ul
|
||||
li
|
||||
.amount 1
|
||||
.item cinnamon stick
|
||||
li
|
||||
.amount 2
|
||||
.item tomatoes (diced)
|
||||
li
|
||||
.amount 2
|
||||
.item red chilies (e.g., jalapeño)
|
||||
li
|
||||
.amount ~
|
||||
.item kosher salt
|
||||
.detail.
|
||||
Add the cinnamon stick, tomatoes, chiles, and salt. Cook until the chilis are soft.
|
||||
|
||||
.step
|
||||
h3 4
|
||||
.ingredients
|
||||
ul
|
||||
li
|
||||
.amount ⅔ cups
|
||||
.item chicken stock
|
||||
.detail.
|
||||
Add the chicken and marinade to the pan, and cook until heated through. Add the chicken stock, and
|
||||
bring to a boil. Reduce the heat and simmer, uncovered, for 30 minutes.
|
||||
|
||||
.step
|
||||
h3 5
|
||||
.ingredients
|
||||
ul
|
||||
li
|
||||
.amount 1½ cups
|
||||
.item cream
|
||||
li
|
||||
.amount 1½ tsp
|
||||
.item tomato paste
|
||||
.detail.
|
||||
Stir in the cream and tomato paste. Simmer until completely mixed and heated through.
|
||||
|
||||
.step
|
||||
h3 6
|
||||
.ingredients
|
||||
ul
|
||||
li
|
||||
.amount 3 tbsp
|
||||
.item almonds (slivered)
|
||||
li
|
||||
.amount ½ cup
|
||||
.item cilantro (minced)
|
||||
.detail.
|
||||
Add the almonds and cook until softened. Add the cilantro as a garnish and serve.
|
||||
|
||||
section.credits.
|
||||
Sam Sifton, NYTimes Cooking Section, https://cooking.nytimes.com/recipes/1016754-butter-chicken
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 118 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.5 KiB |
@@ -85,6 +85,10 @@ html
|
||||
img(src="beef-bourguignon/final.png")
|
||||
| Beef Bourguignon
|
||||
|
||||
a(href="butter-chicken")
|
||||
img(src="butter-chicken/large.png")
|
||||
| Butter Chicken
|
||||
|
||||
a(href="chicken-cordon-bleu")
|
||||
img(src="chicken-cordon-bleu/final.png")
|
||||
| Chicken Cordon Bleu
|
||||
|
||||
+235
@@ -0,0 +1,235 @@
|
||||
.recipe {
|
||||
margin: 0 auto;
|
||||
max-width: 7in;
|
||||
|
||||
.header {
|
||||
display: flex;
|
||||
|
||||
.image {
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
border: 1px solid #DDD;
|
||||
border-radius: 0.25in;
|
||||
display: flex;
|
||||
flex: 0 0 2.5in;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.about {
|
||||
flex: 1 1 100%;
|
||||
margin: 0 0 0 0.125in;
|
||||
padding: 0 0 0 0.125in;
|
||||
|
||||
h1 {
|
||||
font-family: sans-serif;
|
||||
font-size: 24pt;
|
||||
margin: 0 0 0 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.timing {
|
||||
color: gray;
|
||||
font-style: italic;
|
||||
margin: 0 0 1em 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.servings {
|
||||
margin: 0 0 0.125in 0;
|
||||
text-align: center;
|
||||
|
||||
img {
|
||||
height: 0.25in;
|
||||
width: 0.25in;
|
||||
}
|
||||
|
||||
img + img {
|
||||
margin-left: 0.125in;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.icons {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
font-family: sans-serif;
|
||||
font-size: 0.25in;
|
||||
justify-content: center;
|
||||
margin: 0.25in 0 calc(0.25in + 8px) 0;
|
||||
|
||||
.icon {
|
||||
background-position: center;
|
||||
background-size: contain;
|
||||
display: inline-block;
|
||||
height: 0.375in;
|
||||
margin: 0 0.5em 0 0;
|
||||
position: relative;
|
||||
width: 0.375in;
|
||||
|
||||
&:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
&:after {
|
||||
font-family: sans-serif;
|
||||
font-size: 8px;
|
||||
position: absolute;
|
||||
bottom: -2px;
|
||||
left: 50%;
|
||||
text-align: center;
|
||||
transform: translate(-50%, 100%);
|
||||
white-space: nowrap;
|
||||
}
|
||||
&.overnight {
|
||||
background-image: url("../images/overnight.png");
|
||||
&:after {
|
||||
color: #3700A3;
|
||||
content: "overnight";
|
||||
}
|
||||
}
|
||||
&.gluten-free {
|
||||
background-image: url("../images/gluten-free.png");
|
||||
&:after {
|
||||
color: #ECB629;
|
||||
content: "no gluten";
|
||||
}
|
||||
}
|
||||
&.low-carb {
|
||||
background-image: url("../images/low-carb.png");
|
||||
&:after {
|
||||
color: #A83533;
|
||||
content: "low carb";
|
||||
}
|
||||
}
|
||||
&.serving {
|
||||
background-image: url("../images/serving.png");
|
||||
&:after {
|
||||
color: black;
|
||||
content: "serves";
|
||||
}
|
||||
}
|
||||
&.vegetarian {
|
||||
background-image: url("../images/vegetarian.png");
|
||||
&:after {
|
||||
color: #0EA822;
|
||||
content: "veggie";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.description {
|
||||
font-style: italic;
|
||||
color: gray;
|
||||
}
|
||||
}
|
||||
|
||||
.instructions {
|
||||
margin: 0.25in 0 0.25in 0;
|
||||
|
||||
.step {
|
||||
align-items: top;
|
||||
display: flex;
|
||||
overflow: visible;
|
||||
position: relative;
|
||||
|
||||
& + .step {
|
||||
margin-top: 0.25in;
|
||||
}
|
||||
|
||||
h3 {
|
||||
flex: 0 0 0.375in;
|
||||
font-family: sans-serif;
|
||||
font-size: 24pt;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
top: -0.125em;
|
||||
}
|
||||
.ingredients {
|
||||
flex: 0 0 2.125in;
|
||||
font-size: 10pt;
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
display: flex;
|
||||
|
||||
&:nth-child(even) {
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.amount {
|
||||
flex: 0 0 25%;
|
||||
font-family: sans-serif;
|
||||
padding: 0 1em 0.25em 0.25em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.item {
|
||||
flex: 1 1 75%;
|
||||
font-family: sans-serif;
|
||||
padding: 0 1em 0.25em 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.detail {
|
||||
border-left: 1px solid silver;
|
||||
flex: 1 1 100%;
|
||||
font-size: 12pt;
|
||||
margin: 0 0 0 0.125in;
|
||||
padding: 0 0 0 0.125in;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.credits {
|
||||
color: gray;
|
||||
font-size: 10pt;
|
||||
font-style: italic;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 5in) {
|
||||
.recipe {
|
||||
.header {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
.image {
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.about {
|
||||
margin: 0.125in 0 0 0;
|
||||
|
||||
.description {
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.instructions {
|
||||
.step {
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
|
||||
h3 {
|
||||
margin: 0.25in 0 0.125in 0;
|
||||
}
|
||||
.ingredients {
|
||||
flex: 0 0 auto;
|
||||
margin: 0 0 0.125in;
|
||||
width: 90%;
|
||||
}
|
||||
.detail {
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user