Skip to content

Instantly share code, notes, and snippets.

@bcobb

bcobb/original.html

Created April 22, 2018 12:59
Show Gist options
  • Save bcobb/ddb9dd0209e374f8c402ac93b9c447b7 to your computer and use it in GitHub Desktop.
Save bcobb/ddb9dd0209e374f8c402ac93b9c447b7 to your computer and use it in GitHub Desktop.
Download ZIP
recipes
Raw
original.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
/* Shared styles */
body {
font-family: HelveticaNeue, sans-serif;
font-size: 16.0px;
color: #34302e;
margin: 0.25in;
}
.name {
font-size: 18.0px;
font-family: Futura, Helvetica, sans-serif;
font-weight: normal;
margin: 0 0 10px 0;
}
.categories {
color: #605D5D;
font-size: 14.0px;
font-family: Helvetica, sans-serif;
font-style: italic;
}
.rating {
color: #d10505;
font-size: 14.0px;
}
.metadata {
font-size: 14.0px;
}
.infobox p {
margin: 0;
line-height: 150%;
}
.subhead {
color: #d10505;
font-weight: bold;
font-size: 14.0px;
text-transform: uppercase;
margin: 10px 0;
}
.ingredients p {
margin: 4px 0;
}
.clear {
clear:both;
}
a {
color: #4990E2;
text-decoration: none;
}
/* Full page specific styles */
.text {
line-height: 130%;
}
.photobox {
float: left;
margin-right: 14px;
}
.photo {
max-width: 140px;
max-height: 140px;
width: auto;
height: auto;
}
.columnbox {
}
.inline-image {
max-width: 140px;
max-height: 140px;
width: auto;
height: auto;
}
.photoswipe {
border: 1px #dddddd solid;
cursor: pointer;
}
.pswp__caption__center {
text-align: center !important;
}
</style>
</head>
<body>
<!-- Recipe -->
<div class="recipe" itemscope itemtype="http://schema.org/Recipe">
<div class="infobox">
<!-- Image -->
<!-- Name -->
<h1 itemprop="name" class="name">Cannellini Beans with Italian Sausages</h1>
<!-- Info -->
<!-- Rating, categories -->
<p itemprop="aggregateRating" class="rating" value="0"></p>
<p class="metadata">
<!-- Cook time, prep time, servings, difficulty -->
<!-- Source -->
<b>Source: </b>
<span itemprop="author">Adapted from Italian Regional Cooking</span>
</p>
<div class="clear"></div>
</div>
<div class="columnbox">
<!-- Ingredients -->
<div class="ingredientsbox">
<h3 class="subhead">Ingredients</h3>
<div class="ingredients text">
<p class="line" itemprop="recipeIngredient"><strong>4</strong> 15.5 oz cans cannellini beans, drained and rinsed</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> tbsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1-1.5</strong> lbs Italian sausage links, ideally across 6 links</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> deli slices guanciale, cut into lardons</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> small onions, finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cloves garlic</p><p class="line" itemprop="recipeIngredient"><strong>2-3</strong> sprigs parsley, finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>1/4</strong> cup basil finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>5</strong> tbsp tomato paste</p><p class="line" itemprop="recipeIngredient">Hard cheese (Parmesan, Romano) for serving</p>
</div>
</div>
<!-- Nutrition (in two-column mode it goes below the ingredients) -->
</div>
<!-- Descriptino -->
<!-- Directions -->
<div class="directionsbox">
<h3 class="subhead">Directions</h3>
<div itemprop="recipeInstructions" class="directions text">
<p class="line">Put the beans in a 4-6 quart saucepan, and place over medium-low heat. The pan should get up to 160-170ºF, but it should not boil.</p><p class="line">Heat the olive oil in a dutch oven over medium heat. When hot, add the sausages and brown on two sides. When brown, add the sausages to the pot with the beans and turn off the heat for the sausage. Let the beans and sausage slowly cook while you prep the ingredients for the sauce.</p><p class="line">Turn the heat for the dutch oven to medium-low, and slowly render the fat from the guanciale. When cooked, add in the garlic and onion and cook until the onions start to brown. Add parsley and basil and stir them in.</p><p class="line">Dilute the tomato paste with 2 cups warm water taken from the beans, and add this to the onion mixture. Taste, and add salt and pepper as needed. Simmer for <span class='timer' time='1800.0'>30 minutes</span>. </p><p class="line">Using a slotted spoon and tongs, transfer the beans and sausages to the dutch oven and stir well. Add more bean-and-sausage water as needed for the sauce to cover all of the beans. Cook for <span class='timer' time='1800.0'>30 minutes </span>or until the beans are soft and have the flavor of the sauce.</p><p class="line">Serve a single sausage link surrounded by sauce, and coarsely grate cheese over the top if using.</p>
</div>
</div>
<!-- Notes -->
<div class="notesbox">
<h3 class="subhead">Notes</h3>
<div itemprop="comment" class="notes text">
<p>- Pancetta can be substituted for guanciale<br/>- For a richer sauce, remove two sausages from their casing, and toss chunks of the filling into the sauce after adding the fresh herbs.</p>
</div>
</div>
<!-- Nutrition (in regular mode it goes below the notes) -->
<!-- Used in two different places depending on the recipe layout -->
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment