Browse Source

moved from posts to collections (huge update)

master
Clark 6 years ago
parent
commit
e7605ed5f2
  1. 7
      _components/graham-cracker-crust.md
  2. 5
      _components/red-berry-dessert-topping.md
  3. 5
      _components/vanilla-custard-filling.md
  4. 8
      _config.yml
  5. 2
      _includes/footer.html
  6. 1
      _includes/head.html
  7. 2
      _includes/header.html
  8. 2
      _layouts/post.html
  9. 129
      _layouts/recipe.html
  10. 7
      _recipes/broccoli-cheese-soup.md
  11. 3
      _recipes/crockpot-buffalo-chicken.md
  12. 3
      _recipes/green-chile-stew.md
  13. 4
      _recipes/one-minute-muffin.md
  14. 19
      _recipes/red-berry-tart.md
  15. 5
      _site/about/index.html
  16. 114
      _site/components/graham-cracker-crust.html
  17. 110
      _site/components/red-berry-dessert-topping.html
  18. 130
      _site/components/vanilla-custard-filling.html
  19. 28
      _site/css/main.css
  20. 135
      _site/desserts/2015/05/01/red-berry-tart.html
  21. 108
      _site/feed.xml
  22. 54
      _site/index.html
  23. 152
      _site/recipes/broccoli-cheese-soup.html
  24. 104
      _site/recipes/crockpot-buffalo-chicken.html
  25. 112
      _site/recipes/green-chile-stew.html
  26. 114
      _site/recipes/one-minute-muffin.html
  27. 340
      _site/recipes/red-berry-tart.html
  28. 11
      css/main.scss
  29. 21
      desserts/_posts/2015-05-11-red-berry-tart.md
  30. 14
      index.html

7
components/_posts/2015-05-11-graham-cracker-crust.md → _components/graham-cracker-crust.md

@ -1,10 +1,9 @@
---
layout: post
title: "Graham Craker Crust"
date: 2015-01-15 16:26:20
category: components
layout: recipe
title: "Graham Cracker Crust"
image: graham-cracker-crust.jpg
imagecredit: https://flic.kr/p/atxu75
ingredients:
- 2 cups graham cracker crumbs

5
components/_posts/2015-05-11-red-berry-dessert-topping.md → _components/red-berry-dessert-topping.md

@ -1,10 +1,9 @@
---
layout: post
layout: recipe
title: "Red Berry Dessert Topping"
date: 2015-01-15 16:26:20
category: components
image: red-berry-topping.jpg
imagecredit: https://flic.kr/p/9kczzP
ingredients:
- 1/2 cup raspberries

5
components/_posts/2015-05-11-vanilla-custard-filling.md → _components/vanilla-custard-filling.md

@ -1,10 +1,9 @@
---
layout: post
layout: recipe
title: "Vanilla Custard Filling"
date: 2015-01-15 16:26:20
category: components
image: vanilla-custard.jpg
imagecredit: https://flic.kr/p/99yJqV
ingredients:
- 1/2 cup sugar

8
_config.yml

@ -10,4 +10,10 @@ twitter_username: clarklab
github_username: clarklab
# Build settings
markdown: kramdown
markdown: kramdown
collections:
components:
output: true
recipes:
output: true

2
_includes/footer.html

@ -1,4 +1,4 @@
<footer class="footer bg-darken-1 clearfix py4">
<footer class="footer bg-darken-1 clearfix py4 mt3">
<div class="container">

1
_includes/head.html

@ -11,4 +11,5 @@
<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" />
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
</head>

2
_includes/header.html

@ -1,4 +1,4 @@
<a class="site-title fixed bg-blue p1 no-line-height top-0 left-0" href="{{ site.baseurl }}/">
<a class="site-title fixed bg-blue p1 no-line-height top-0 left-0 z4" href="{{ site.baseurl }}/">
{% include chowdown-logo-white.svg %}
<h1 class="hide">{{ site.title }}</h1>
</a>

2
_layouts/post.html

@ -3,7 +3,7 @@ layout: default
---
<div class="post" itemscope itemtype="http://schema.org/Recipe">
<article class="post-content px2">
<article class="post-content px2 mt2">
{% for image in page.image %}
<img itemprop="photo" src="{{site.baseurl}}/images/{{ image }}" />

129
_layouts/recipe.html

@ -0,0 +1,129 @@
---
layout: default
---
<div class="container" itemscope itemtype="http://schema.org/Recipe">
<article class="post-content px2 mt2">
<!-- call up the image and image credit link -->
{% for image in page.image %}
<img itemprop="photo" src="{{site.baseurl}}/images/{{ image }}" />
{% if page.imagecredit %}
{% for imagecredit in page.imagecredit %}
<a href="{{ imagecredit }}" class="right">
<svg class="js-geomicon geomicon" width="14" height="14" data-icon="camera" viewBox="0 0 32 32" style="fill:currentcolor"><title>camera icon</title><path d="M0 6 L8 6 L10 2 L22 2 L24 6 L32 6 L32 28 L0 28 z M9 17 A7 7 0 0 0 23 17 A7 7 0 0 0 9 17"></path></svg>
</a>
{% endfor %}
{% endif %}
{% endfor %}
<!-- call up the main recipe title and content -->
<header class="post-header">
<h1 class="post-title center" itemprop="name">{{ page.title }}</h1>
</header>
<div class="px2 mt3 clearfix">
<div class="sm-col-8 center mx-auto">{{page.content}}</div>
</div>
<!-- call up recipe and directions -->
<div class="clearfix mt3">
<div class="sm-col sm-col-6 lg-col-6">
<!-- check if it's a component-based recipe -->
{% if page.components %}
<h4 class="blue mt0 mb2">Components</h4>
<ul>
<!-- list components that make up recipe -->
{% for component in page.components %}
<li>{{ component | markdownify }}</li>
{% endfor %}
</ul>
{% else %}
<h4 class="blue mt0 mb2">Ingredients</h4>
<ul>
<!-- list ingredients that make up recipe -->
{% for ingredient in page.ingredients %}
<li itemprop="ingredient">{{ ingredient | markdownify }}</li>
{% endfor %}
</ul>
{% endif %}
</div>
<div class="sm-col sm-col-6 lg-col-6">
<h4 class="blue mt0 mb2">Directions</h4>
<ul itemprop="instructions">
{% for direction in page.directions %}
<li>{{ direction | markdownify }}</li>
{% endfor %}
</ul>
</div>
</div>
<!-- end up recipe and directions -->
<!-- check if it's a component-based recipe, render it -->
{% if page.components %}
<div class="components bg-darken-2 p2 mt3 mb3 center">
&darr; This is a <strong class="blue">component-based recipe</strong> (fancy talk for making the dish in pieces, then assembling). &darr;
</div>
<div class="clearfix mxn2">
{% for component in page.components %}
<div class="sm-col sm-col-4 px2">
{% for recipe in site.components %}
{% if recipe.title == component %}
<h4 class="blue center">{{recipe.title}}</h4>
{% for image in recipe.image %}
<div class="image ratio bg-cover" style="background-image:url({{site.baseurl}}/images/{{ image }});">
<img class="hide" itemprop="photo" src="{{site.baseurl}}/images/{{ image }}" />
</div>
{% if recipe.imagecredit %}
{% for imagecredit in recipe.imagecredit %}
<a href="{{ imagecredit }}" class="right">
<svg class="js-geomicon geomicon" width="14" height="14" data-icon="camera" viewBox="0 0 32 32" style="fill:currentcolor"><title>camera icon</title><path d="M0 6 L8 6 L10 2 L22 2 L24 6 L32 6 L32 28 L0 28 z M9 17 A7 7 0 0 0 23 17 A7 7 0 0 0 9 17"></path></svg>
</a>
{% endfor %}
{% endif %}
{% endfor %}
<h4 class="blue regular">Ingredients</h4>
<ul class="ingredients">
{% for item in recipe.ingredients %}
<li itemprop="ingredient">{{ item | markdownify }}</li>
{% endfor %}
</ul>
<h4 class="blue regular">Steps</h4>
<ul>
{% for item in recipe.directions %}
<li itemprop="ingredient">{{ item | markdownify }}</li>
{% endfor %}
</ul>
{% endif %}
{% endfor %}
</div>
{% endfor %}
</div>
{% endif %}
<!-- end components -->
{% for category in page.categories %}
<p class="clearfix">Category: <span itemprop="recipeCategory">{{ category }}</span></p>
{% endfor %}
</article>
</div>
<script type="text/javascript">
$( document ).ready(function() {
$("ul li").prepend('<input type="checkbox">')
});
</script>

7
mains/_posts/2015-01-20-broccoli-cheese-soup.md → _recipes/broccoli-cheese-soup.md

@ -1,8 +1,7 @@
---
layout: post
layout: recipe
title: "Broccoli Beer Cheese Soup"
date: 2015-01-20 16:26:20
image: broccoli-beer-cheese-soup.jpg
ingredients:
@ -28,4 +27,6 @@ directions:
- Add cream, cheese, Worcestershire, and hot sauce
- Serve with croutons
---
---
This recipe is inspired by Gourmand's Beer Cheese Soup, which used Shiner Bock. Feel free to use whatever you want, then go to [Gourmand's](http://lovethysandwich.com) to have the real thing.

3
mains/_posts/2015-01-15-crockpot-buffalo-chicken.md → _recipes/crockpot-buffalo-chicken.md

@ -1,8 +1,7 @@
---
layout: post
layout: recipe
title: "Crockpot Buffalo Chicken"
date: 2015-01-15 16:26:20
image: crockpot-buffalo-chicken.jpg
ingredients:

3
mains/_posts/2015-01-20-green-chile-stew.md → _recipes/green-chile-stew.md

@ -1,7 +1,6 @@
---
layout: post
layout: recipe
title: "Green Chile Stew"
date: 2015-01-20 16:24:20
image: green-chile-stew.jpg
imagecredit: https://flic.kr/p/4CJb65

4
breakfast/_posts/2015-05-18-one-minute-muffin.md → _recipes/one-minute-muffin.md

@ -1,9 +1,9 @@
---
layout: post
layout: recipe
title: "One Minute Muffin"
date: 2015-5-18 00:00:00
image: one-minute-muffin.jpg
imagecredit: http://divaliciousrecipes.com/2012/04/26/flax-muffin-in-a-mug-in-a-minute-low-carb-and-gluten-free/
ingredients:
- 1⁄4 cup flax seed meal

19
_recipes/red-berry-tart.md

@ -0,0 +1,19 @@
---
layout: recipe
title: "Red Berry Tart"
image: red-berry-tart.jpg
directions:
- Bake the crust and let it cool
- Make the custard, pour into crust
- Make the red berry topping, spread over the top
components:
- Graham Cracker Crust
- Vanilla Custard Filling
- Red Berry Dessert Topping
---
A favorite when I go to BBQs (parties, hackathons, your folks' place), this red berry tart is fairly easy to make and packs a huge wow factor.

5
_site/about/index.html

@ -15,12 +15,13 @@
<link rel="stylesheet" href="/css/main.css">
<link rel="canonical" href="/about/">
<link rel="alternate" type="application/rss+xml" title="Chowdown" href="/feed.xml" />
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
</head>
<body>
<a class="site-title fixed bg-blue p1 no-line-height top-0 left-0" href="/">
<a class="site-title fixed bg-blue p1 no-line-height top-0 left-0 z4" href="/">
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="40px" height="40px" viewBox="0 0 227 227" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch Beta 3.3.2 (12041) - http://www.bohemiancoding.com/sketch -->
@ -61,7 +62,7 @@
</div>
<footer class="footer bg-darken-1 clearfix py4">
<footer class="footer bg-darken-1 clearfix py4 mt3">
<div class="container">

114
_site/components/2015/01/15/graham-cracker-crust.html → _site/components/graham-cracker-crust.html

@ -6,20 +6,22 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Graham Craker Crust</title>
<meta name="description" content="A simple graham cracker crust, perfect for cheesecakes or tarts.">
<title>Graham Cracker Crust</title>
<meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
">
<link href='http://fonts.googleapis.com/css?family=Karla:400,700' rel='stylesheet' type='text/css'>
<link href="/css/bass.css" rel="stylesheet">
<link rel="stylesheet" href="/css/main.css">
<link rel="canonical" href="/components/2015/01/15/graham-cracker-crust.html">
<link rel="canonical" href="/components/graham-cracker-crust.html">
<link rel="alternate" type="application/rss+xml" title="Chowdown" href="/feed.xml" />
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
</head>
<body>
<a class="site-title fixed bg-blue p1 no-line-height top-0 left-0" href="/">
<a class="site-title fixed bg-blue p1 no-line-height top-0 left-0 z4" href="/">
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="40px" height="40px" viewBox="0 0 227 227" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch Beta 3.3.2 (12041) - http://www.bohemiancoding.com/sketch -->
@ -45,79 +47,97 @@
<div class="page-content">
<div class="post" itemscope itemtype="http://schema.org/Recipe">
<div class="container" itemscope itemtype="http://schema.org/Recipe">
<article class="post-content px2">
<article class="post-content px2 mt2">
<!-- call up the image and image credit link -->
<img itemprop="photo" src="/images/graham-cracker-crust.jpg" />
<a href="https://flic.kr/p/atxu75" class="right">
<svg class="js-geomicon geomicon" width="14" height="14" data-icon="camera" viewBox="0 0 32 32" style="fill:currentcolor"><title>camera icon</title><path d="M0 6 L8 6 L10 2 L22 2 L24 6 L32 6 L32 28 L0 28 z M9 17 A7 7 0 0 0 23 17 A7 7 0 0 0 9 17"></path></svg>
</a>
<!-- call up the main recipe title and content -->
<header class="post-header">
<h1 class="post-title center" itemprop="name">Graham Craker Crust</h1>
<h1 class="post-title center" itemprop="name">Graham Cracker Crust</h1>
</header>
<div class="px2 mt3 clearfix">
<div class="mb3">A simple graham cracker crust, perfect for cheesecakes or tarts.</div>
<div class="px2 mt3 clearfix">
<div class="sm-col-8 center mx-auto"><p>A simple graham cracker crust, perfect for cheesecakes or tarts.</p>
</div>
</div>
<!-- call up recipe and directions -->
<div class="clearfix mt3">
<div class="sm-col sm-col-6 lg-col-6">
<h4 class="blue">Ingredients</h4>
<ul>
<li itemprop="ingredient"><p>2 cups graham cracker crumbs</p>
<div class="sm-col sm-col-6 lg-col-6">
<!-- check if it's a component-based recipe -->
<h4 class="blue mt0 mb2">Ingredients</h4>
<ul>
<!-- list ingredients that make up recipe -->
<li itemprop="ingredient"><p>2 cups graham cracker crumbs</p>
</li>
<li itemprop="ingredient"><p>6 tbs butter (melted)</p>
<li itemprop="ingredient"><p>6 tbs butter (melted)</p>
</li>
<li itemprop="ingredient"><p>1/3 cup white sugar</p>
<li itemprop="ingredient"><p>1/3 cup white sugar</p>
</li>
<li itemprop="ingredient"><p>1 tsp cinnamon</p>
<li itemprop="ingredient"><p>1 tsp cinnamon</p>
</li>
</ul>
</div>
</ul>
</div>
<div class="sm-col sm-col-6 lg-col-6">
<h4 class="blue">Directions</h4>
<ul itemprop="instructions">
<li><p>pulse graham cracker in food processor or use muddler to crumb in bowl</p>
<div class="sm-col sm-col-6 lg-col-6">
<h4 class="blue mt0 mb2">Directions</h4>
<ul itemprop="instructions">
<li><p>pulse graham cracker in food processor or use muddler to crumb in bowl</p>
</li>
<li><p>combine melted butter, graham cracker crumbs, sugar, and cinnamon in a bowl</p>
<li><p>combine melted butter, graham cracker crumbs, sugar, and cinnamon in a bowl</p>
</li>
<li><p>press into pan, forming into crust shape</p>
<li><p>press into pan, forming into crust shape</p>
</li>
</ul>
</ul>
</div>
</div>
<!-- end up recipe and directions -->
<!-- check if it's a component-based recipe, render it -->
<!-- end components -->
<p class="clearfix">Category: <span itemprop="recipeCategory">components</span></p>
</div>
</article>
</div>
<script type="text/javascript">
$( document ).ready(function() {
$("ul li").prepend('<input type="checkbox">')
});
</script>
</div>
<footer class="footer bg-darken-1 clearfix py4">
<footer class="footer bg-darken-1 clearfix py4 mt3">
<div class="container">

110
_site/components/2015/01/15/red-berry-dessert-topping.html → _site/components/red-berry-dessert-topping.html

@ -7,19 +7,21 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Red Berry Dessert Topping</title>
<meta name="description" content="A simple mash of berries, perfect for a tart or top of cheesecake.">
<meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
">
<link href='http://fonts.googleapis.com/css?family=Karla:400,700' rel='stylesheet' type='text/css'>
<link href="/css/bass.css" rel="stylesheet">
<link rel="stylesheet" href="/css/main.css">
<link rel="canonical" href="/components/2015/01/15/red-berry-dessert-topping.html">
<link rel="canonical" href="/components/red-berry-dessert-topping.html">
<link rel="alternate" type="application/rss+xml" title="Chowdown" href="/feed.xml" />
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
</head>
<body>
<a class="site-title fixed bg-blue p1 no-line-height top-0 left-0" href="/">
<a class="site-title fixed bg-blue p1 no-line-height top-0 left-0 z4" href="/">
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="40px" height="40px" viewBox="0 0 227 227" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch Beta 3.3.2 (12041) - http://www.bohemiancoding.com/sketch -->
@ -45,79 +47,97 @@
<div class="page-content">
<div class="post" itemscope itemtype="http://schema.org/Recipe">
<div class="container" itemscope itemtype="http://schema.org/Recipe">
<article class="post-content px2">
<article class="post-content px2 mt2">
<!-- call up the image and image credit link -->
<img itemprop="photo" src="/images/red-berry-topping.jpg" />
<a href="https://flic.kr/p/9kczzP" class="right">
<svg class="js-geomicon geomicon" width="14" height="14" data-icon="camera" viewBox="0 0 32 32" style="fill:currentcolor"><title>camera icon</title><path d="M0 6 L8 6 L10 2 L22 2 L24 6 L32 6 L32 28 L0 28 z M9 17 A7 7 0 0 0 23 17 A7 7 0 0 0 9 17"></path></svg>
</a>
<!-- call up the main recipe title and content -->
<header class="post-header">
<h1 class="post-title center" itemprop="name">Red Berry Dessert Topping</h1>
</header>
<div class="px2 mt3 clearfix">
<div class="mb3">A simple mash of berries, perfect for a tart or top of cheesecake.</div>
<div class="px2 mt3 clearfix">
<div class="sm-col-8 center mx-auto"><p>A simple mash of berries, perfect for a tart or top of cheesecake.</p>
</div>
</div>
<!-- call up recipe and directions -->
<div class="clearfix mt3">
<div class="sm-col sm-col-6 lg-col-6">
<h4 class="blue">Ingredients</h4>
<ul>
<li itemprop="ingredient"><p>1/2 cup raspberries</p>
<div class="sm-col sm-col-6 lg-col-6">
<!-- check if it's a component-based recipe -->
<h4 class="blue mt0 mb2">Ingredients</h4>
<ul>
<!-- list ingredients that make up recipe -->
<li itemprop="ingredient"><p>1/2 cup raspberries</p>
</li>
<li itemprop="ingredient"><p>1/2 cup strawberries</p>
<li itemprop="ingredient"><p>1/2 cup strawberries</p>
</li>
<li itemprop="ingredient"><p>1/4 white sugar</p>
<li itemprop="ingredient"><p>1/4 white sugar</p>
</li>
<li itemprop="ingredient"><p>1 squirt honey</p>
<li itemprop="ingredient"><p>1 squirt honey</p>
</li>
</ul>
</div>
</ul>
</div>
<div class="sm-col sm-col-6 lg-col-6">
<h4 class="blue">Directions</h4>
<ul itemprop="instructions">
<li><p>Dice berries</p>
<div class="sm-col sm-col-6 lg-col-6">
<h4 class="blue mt0 mb2">Directions</h4>
<ul itemprop="instructions">
<li><p>Dice berries</p>
</li>
<li><p>Combine all ingredients</p>
<li><p>Combine all ingredients</p>
</li>
<li><p>Let rest for 15 mins</p>
<li><p>Let rest for 15 mins</p>
</li>
</ul>
</ul>
</div>
</div>
<!-- end up recipe and directions -->
<!-- check if it's a component-based recipe, render it -->
<!-- end components -->
<p class="clearfix">Category: <span itemprop="recipeCategory">components</span></p>
</div>
</article>
</div>
<script type="text/javascript">
$( document ).ready(function() {
$("ul li").prepend('<input type="checkbox">')
});
</script>
</div>
<footer class="footer bg-darken-1 clearfix py4">
<footer class="footer bg-darken-1 clearfix py4 mt3">
<div class="container">

130
_site/components/2015/01/15/vanilla-custard-filling.html → _site/components/vanilla-custard-filling.html

@ -7,19 +7,21 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Vanilla Custard Filling</title>
<meta name="description" content="A simple vanilla custard filling, useful for tarts (or alone by itself in a bowl).">
<meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
">
<link href='http://fonts.googleapis.com/css?family=Karla:400,700' rel='stylesheet' type='text/css'>
<link href="/css/bass.css" rel="stylesheet">
<link rel="stylesheet" href="/css/main.css">
<link rel="canonical" href="/components/2015/01/15/vanilla-custard-filling.html">
<link rel="canonical" href="/components/vanilla-custard-filling.html">
<link rel="alternate" type="application/rss+xml" title="Chowdown" href="/feed.xml" />
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
</head>
<body>
<a class="site-title fixed bg-blue p1 no-line-height top-0 left-0" href="/">
<a class="site-title fixed bg-blue p1 no-line-height top-0 left-0 z4" href="/">
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="40px" height="40px" viewBox="0 0 227 227" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch Beta 3.3.2 (12041) - http://www.bohemiancoding.com/sketch -->
@ -45,94 +47,112 @@
<div class="page-content">
<div class="post" itemscope itemtype="http://schema.org/Recipe">
<div class="container" itemscope itemtype="http://schema.org/Recipe">
<article class="post-content px2">
<article class="post-content px2 mt2">
<!-- call up the image and image credit link -->
<img itemprop="photo" src="/images/vanilla-custard.jpg" />
<a href="https://flic.kr/p/99yJqV" class="right">
<svg class="js-geomicon geomicon" width="14" height="14" data-icon="camera" viewBox="0 0 32 32" style="fill:currentcolor"><title>camera icon</title><path d="M0 6 L8 6 L10 2 L22 2 L24 6 L32 6 L32 28 L0 28 z M9 17 A7 7 0 0 0 23 17 A7 7 0 0 0 9 17"></path></svg>
</a>
<!-- call up the main recipe title and content -->
<header class="post-header">
<h1 class="post-title center" itemprop="name">Vanilla Custard Filling</h1>
</header>
<div class="px2 mt3 clearfix">
<div class="mb3">A simple vanilla custard filling, useful for tarts (or alone by itself in a bowl).</div>
<div class="px2 mt3 clearfix">
<div class="sm-col-8 center mx-auto"><p>A simple vanilla custard filling, useful for tarts (or alone by itself in a bowl).</p>
</div>
</div>
<!-- call up recipe and directions -->
<div class="clearfix mt3">
<div class="sm-col sm-col-6 lg-col-6">
<h4 class="blue">Ingredients</h4>
<ul>
<li itemprop="ingredient"><p>1/2 cup sugar</p>
<div class="sm-col sm-col-6 lg-col-6">
<!-- check if it's a component-based recipe -->
<h4 class="blue mt0 mb2">Ingredients</h4>
<ul>
<!-- list ingredients that make up recipe -->
<li itemprop="ingredient"><p>1/2 cup sugar</p>
</li>
<li itemprop="ingredient"><p>1/4 cup all-purpose flour</p>
<li itemprop="ingredient"><p>1/4 cup all-purpose flour</p>
</li>
<li itemprop="ingredient"><p>1/2 teaspoon salt</p>
<li itemprop="ingredient"><p>1/2 teaspoon salt</p>
</li>
<li itemprop="ingredient"><p>2 cups milk</p>
<li itemprop="ingredient"><p>2 cups milk</p>
</li>
<li itemprop="ingredient"><p>2 egg yolks, lightly beaten</p>
<li itemprop="ingredient"><p>2 egg yolks, lightly beaten</p>
</li>
<li itemprop="ingredient"><p>2 teaspoons vanilla extract</p>
<li itemprop="ingredient"><p>2 teaspoons vanilla extract</p>
</li>
</ul>
</div>
</ul>
</div>
<div class="sm-col sm-col-6 lg-col-6">
<h4 class="blue">Directions</h4>
<ul itemprop="instructions">
<li><p>In a small saucepan, combine the sugar, flour and salt. Stir in milk until smooth.</p>
<div class="sm-col sm-col-6 lg-col-6">
<h4 class="blue mt0 mb2">Directions</h4>
<ul itemprop="instructions">
<li><p>In a small saucepan, combine the sugar, flour and salt. Stir in milk until smooth.</p>
</li>
<li><p>Cook and stir over medium-high heat until thickened and bubbly.</p>
<li><p>Cook and stir over medium-high heat until thickened and bubbly.</p>
</li>
<li><p>Reduce heat; cook and stir 2 minutes longer.</p>
<li><p>Reduce heat; cook and stir 2 minutes longer.</p>
</li>
<li><p>Remove from the heat. Stir a small amount of hot filling into egg yolks; return all to the pan.</p>
<li><p>Remove from the heat. Stir a small amount of hot filling into egg yolks; return all to the pan.</p>
</li>
<li><p>Bring to a gentle boil, stirring constantly; cook and stir 2 minutes longer.</p>
<li><p>Bring to a gentle boil, stirring constantly; cook and stir 2 minutes longer.</p>
</li>
<li><p>Remove from the heat. Gently stir in vanilla.</p>
<li><p>Remove from the heat. Gently stir in vanilla.</p>
</li>
</ul>
</ul>
</div>
</div>
<!-- end up recipe and directions -->
<!-- check if it's a component-based recipe, render it -->
<!-- end components -->
<p class="clearfix">Category: <span itemprop="recipeCategory">components</span></p>
</div>
</article>
</div>
<script type="text/javascript">
$( document ).ready(function() {
$("ul li").prepend('<input type="checkbox">')
});
</script>
</div>
<footer class="footer bg-darken-1 clearfix py4">
<footer class="footer bg-darken-1 clearfix py4 mt3">
<div class="container">

28
_site/css/main.css

@ -4,10 +4,32 @@ img {
.no-line-height {
line-height: 0; }
.site-title {
z-index: 5; }
ul {
margin: 0;
padding: 0;
list-style: none; }
.recipes .image {
ul li {
padding: 0 0 0 25px;
position: relative; }
ul li input {
position: absolute;
top: 5px;
left: 0;
opacity: 0.5; }
a .image {
transition: .2s ease all;
opacity: 1; }
a:hover .image {
opacity: 0.2; }
.ingredients p {
margin-bottom: 0.5rem; }
.ratio {
padding-top: 50%;
background-position: center center;
background-repeat: no-repeat; }

135
_site/desserts/2015/05/01/red-berry-tart.html

@ -1,135 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Red Berry Tart</title>
<meta name="description" content="Combine all three, mannn">
<link href='http://fonts.googleapis.com/css?family=Karla:400,700' rel='stylesheet' type='text/css'>
<link href="/css/bass.css" rel="stylesheet">
<link rel="stylesheet" href="/css/main.css">
<link rel="canonical" href="/desserts/2015/05/01/red-berry-tart.html">
<link rel="alternate" type="application/rss+xml" title="Chowdown" href="/feed.xml" />
</head>
<body>
<a class="site-title fixed bg-blue p1 no-line-height top-0 left-0" href="/">
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="40px" height="40px" viewBox="0 0 227 227" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch Beta 3.3.2 (12041) - http://www.bohemiancoding.com/sketch -->
<title>logo copy</title>
<desc>Created with Sketch Beta.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="logo-copy" sketch:type="MSLayerGroup" fill="#FFFFFF">
<path d="M113.5,207 C165.138624,207 207,165.138624 207,113.5 C207,61.8613759 165.138624,20 113.5,20 C61.8613759,20 20,61.8613759 20,113.5 C20,165.138624 61.8613759,207 113.5,207 L113.5,207 Z M113.5,227 L113.5,227 C50.8156809,227 0,176.184319 0,113.5 C0,50.8156809 50.8156809,0 113.5,0 C176.184319,0 227,50.8156809 227,113.5 C227,176.184319 176.184319,227 113.5,227 L113.5,227 Z" id="Shape" sketch:type="MSShapeGroup"></path>
<g id="knife" transform="translate(100.444365, 117.673654) rotate(45.000000) translate(-100.444365, -117.673654) translate(32.944365, 98.173654)" sketch:type="MSShapeGroup">
<path d="M84.8406926,17.2276434 L84.8406926,10.3276433 L121.425959,10.3276433 C123.239968,10.3276433 124.743013,11.8547374 124.743013,13.7776433 C124.743013,15.7005492 123.239968,17.2276433 121.425959,17.2276433 L84.8406926,17.2276434 Z M121.425959,27.2276433 C128.79866,27.2276433 134.743013,21.1881765 134.743013,13.7776433 C134.743013,6.36711016 128.79866,0.327643333 121.425959,0.327643333 L79.8406926,0.327643333 L74.8406926,0.327643333 L74.8406926,5.32764333 L74.8406926,22.2276433 L74.8406926,27.2276433 L79.8406926,27.2276433 L121.425959,27.2276433 L121.425959,27.2276433 Z" id="Shape"></path>
<path d="M42.8784414,28.2053959 C37.2399696,26.9331427 30.579202,21.6833442 23.2201288,13.293639 C20.4167741,10.0976768 24.8641609,15.7531155 20.6881137,10.3276437 L74.3230319,10.3276438 L74.3230319,28.4943094 L45.3378631,28.49431 C44.5535914,28.49431 43.7347403,28.3986095 42.8784414,28.2053959 Z M79.323031,38.49431 L84.323031,38.49431 L84.323031,33.49431 L84.323031,5.32764333 L84.323031,0.327643333 L79.323031,0.327643333 L10.373034,0.327643333 L0.214850611,0.327643333 L6.41083447,8.37739328 C10.7163464,13.9710641 12.7119335,16.4785814 15.7023967,19.8878565 C24.3571851,29.7547408 32.3975833,36.0919188 40.6773965,37.960159 C42.2393166,38.3125874 43.7942062,38.4943099 45.3378629,38.49431 L79.323031,38.49431 Z" id="Shape"></path>
</g>
<g id="fork" transform="translate(116.291901, 118.192155) rotate(45.000000) translate(-116.291901, -118.192155) translate(96.791901, 49.192155)" sketch:type="MSShapeGroup">
<path d="M14.6827731,47.7007172 L14.6827731,132.30035 C14.6827731,135.061774 16.9213494,137.30035 19.6827731,137.30035 C22.4441969,137.30035 24.6827731,135.061774 24.6827731,132.30035 L24.6827731,47.7007172 C24.6827731,44.9392935 22.4441969,42.7007172 19.6827731,42.7007172 C16.9213494,42.7007172 14.6827731,44.9392935 14.6827731,47.7007172 L14.6827731,47.7007172 Z" id="Shape"></path>
<path d="M38.6827731,32.9433579 C38.6827731,43.4367682 30.1761834,51.9433579 19.6827731,51.9433579 C9.18936286,51.9433579 0.682773109,43.4367682 0.682773109,32.9433579 L38.6827731,32.9433579 L38.6827731,32.9433579 Z M0.682773109,0.3572034 L8.071662,0.3572034 L8.071662,32.9433579 L0.682773109,32.9433579 L0.682773109,0.3572034 L0.682773109,0.3572034 Z M31.2938842,0.3572034 L38.6827731,0.3572034 L38.6827731,32.9433579 L31.2938842,32.9433579 L31.2938842,0.3572034 L31.2938842,0.3572034 Z M15.9883287,0.3572034 L23.3772176,0.3572034 L23.3772176,32.9433579 L15.9883287,32.9433579 L15.9883287,0.3572034 L15.9883287,0.3572034 Z" id="Oval-2"></path>
</g>
</g>
</g>
</svg>
<h1 class="hide">Chowdown</h1>
</a>
<div class="page-content">
<div class="post" itemscope itemtype="http://schema.org/Recipe">
<article class="post-content px2">
<img itemprop="photo" src="/images/red-berry-tart.jpg" />
<header class="post-header">
<h1 class="post-title center" itemprop="name">Red Berry Tart</h1>
</header>
<div class="px2 mt3 clearfix">
<div class="mb3">Combine all three, mannn</div>
<h4 class="blue">Components</h4>
<ul>
<li><p>2015-05-11-graham-cracker-crust.md</p>
</li>
<li><p>2015-05-11-vanilla-custard-filling.md</p>
</li>
<li><p>2015-05-11-red-berry-dessert-topping.md</p>
</li>
</ul>
<div class="sm-col sm-col-6 lg-col-6">
<h4 class="blue">Ingredients</h4>
<ul>
<li itemprop="ingredient"><p>see above</p>
</li>
</ul>
</div>
<div class="sm-col sm-col-6 lg-col-6">
<h4 class="blue">Directions</h4>
<ul itemprop="instructions">
<li><p>coming soon</p>
</li>
</ul>
</div>
<p class="clearfix">Category: <span itemprop="recipeCategory">desserts</span></p>
</div>
</article>
</div>
</div>
<footer class="footer bg-darken-1 clearfix py4">
<div class="container">
<p class="rss-subscribe">subscribe <a href="/feed.xml">via RSS</a></p>
</div>
</footer>
</body>
</html>

108
_site/feed.xml

@ -6,113 +6,9 @@
</description>
<link>/</link>
<atom:link href="/feed.xml" rel="self" type="application/rss+xml"/>
<pubDate>Mon, 18 May 2015 23:39:35 +0000</pubDate>
<lastBuildDate>Mon, 18 May 2015 23:39:35 +0000</lastBuildDate>
<pubDate>Tue, 19 May 2015 02:54:05 +0000</pubDate>
<lastBuildDate>Tue, 19 May 2015 02:54:05 +0000</lastBuildDate>
<generator>Jekyll v2.5.3</generator>
<item>
<title>One Minute Muffin</title>
<description>&lt;p&gt;This flax muffin is quick, vertsatile (just mix in other goodies), and only makes one at a time, so you’ve got no huge tray to tempt you. Custom muffins every morning!&lt;/p&gt;
</description>
<pubDate>Mon, 18 May 2015 00:00:00 +0000</pubDate>
<link>/breakfast/2015/05/18/one-minute-muffin.html</link>
<guid isPermaLink="true">/breakfast/2015/05/18/one-minute-muffin.html</guid>
<category>breakfast</category>
</item>
<item>
<title>Red Berry Tart</title>
<description>&lt;p&gt;Combine all three, mannn&lt;/p&gt;
</description>
<pubDate>Fri, 01 May 2015 00:00:00 +0000</pubDate>
<link>/desserts/2015/05/01/red-berry-tart.html</link>
<guid isPermaLink="true">/desserts/2015/05/01/red-berry-tart.html</guid>
<category>desserts</category>
</item>
<item>
<title>Broccoli Beer Cheese Soup</title>
<description>
</description>
<pubDate>Tue, 20 Jan 2015 16:26:20 +0000</pubDate>
<link>/mains/2015/01/20/broccoli-cheese-soup.html</link>
<guid isPermaLink="true">/mains/2015/01/20/broccoli-cheese-soup.html</guid>
<category>mains</category>
</item>
<item>
<title>Green Chile Stew</title>
<description>&lt;p&gt;This is a simple one, consisting of a pre-made soup mix and whatever you’ve got around the kitchen (or campsite). Feel free to sub/swap/switch anything in the ingredient list— anything’s fair game!&lt;/p&gt;
</description>
<pubDate>Tue, 20 Jan 2015 16:24:20 +0000</pubDate>
<link>/mains/2015/01/20/green-chile-stew.html</link>
<guid isPermaLink="true">/mains/2015/01/20/green-chile-stew.html</guid>
<category>mains</category>
</item>
<item>
<title>Vanilla Custard Filling</title>
<description>&lt;p&gt;A simple vanilla custard filling, useful for tarts (or alone by itself in a bowl).&lt;/p&gt;
</description>
<pubDate>Thu, 15 Jan 2015 16:26:20 +0000</pubDate>
<link>/components/2015/01/15/vanilla-custard-filling.html</link>
<guid isPermaLink="true">/components/2015/01/15/vanilla-custard-filling.html</guid>
<category>components</category>
</item>
<item>
<title>Red Berry Dessert Topping</title>
<description>&lt;p&gt;A simple mash of berries, perfect for a tart or top of cheesecake.&lt;/p&gt;
</description>
<pubDate>Thu, 15 Jan 2015 16:26:20 +0000</pubDate>
<link>/components/2015/01/15/red-berry-dessert-topping.html</link>
<guid isPermaLink="true">/components/2015/01/15/red-berry-dessert-topping.html</guid>
<category>components</category>
</item>
<item>
<title>Graham Craker Crust</title>
<description>&lt;p&gt;A simple graham cracker crust, perfect for cheesecakes or tarts.&lt;/p&gt;
</description>
<pubDate>Thu, 15 Jan 2015 16:26:20 +0000</pubDate>
<link>/components/2015/01/15/graham-cracker-crust.html</link>
<guid isPermaLink="true">/components/2015/01/15/graham-cracker-crust.html</guid>
<category>components</category>
</item>
<item>
<title>Crockpot Buffalo Chicken</title>
<description>&lt;p&gt;This is a party favorite, perfect for a Super Bowl or a game night. It takes a long time, but like most slow cooker recipes, is easy as hell. Bonus: guests love it.&lt;/p&gt;
</description>
<pubDate>Thu, 15 Jan 2015 16:26:20 +0000</pubDate>
<link>/mains/2015/01/15/crockpot-buffalo-chicken.html</link>
<guid isPermaLink="true">/mains/2015/01/15/crockpot-buffalo-chicken.html</guid>
<category>mains</category>
</item>
</channel>
</rss>

54
_site/index.html

@ -15,12 +15,13 @@
<link rel="stylesheet" href="/css/main.css">
<link rel="canonical" href="/">
<link rel="alternate" type="application/rss+xml" title="Chowdown" href="/feed.xml" />
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
</head>
<body>
<a class="site-title fixed bg-blue p1 no-line-height top-0 left-0" href="/">
<a class="site-title fixed bg-blue p1 no-line-height top-0 left-0 z4" href="/">
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="40px" height="40px" viewBox="0 0 227 227" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch Beta 3.3.2 (12041) - http://www.bohemiancoding.com/sketch -->
@ -52,58 +53,59 @@
<div class="clearfix">
<div class="sm-col sm-col-6 md-col-6 lg-col-4 px1 mb2">
<a class="block relative" href="/breakfast/2015/05/18/one-minute-muffin.html">
<div class="image bg-cover" style="background-image:url(/images/one-minute-muffin.jpg);"></div>
<h1 class="title p2 m0 absolute bold white bottom-0 left-0">One Minute Muffin</h1>
<a class="block relative bg-blue" href="/recipes/broccoli-cheese-soup.html">
<div class="image ratio bg-cover" style="background-image:url(/images/broccoli-beer-cheese-soup.jpg);"></div>
<h1 class="title p2 m0 absolute bold white bottom-0 left-0">Broccoli Beer Cheese Soup</h1>
</a>
</div>
<div class="sm-col sm-col-6 md-col-6 lg-col-4 px1 mb2">
<a class="block relative" href="/desserts/2015/05/01/red-berry-tart.html">
<div class="image bg-cover" style="background-image:url(/images/red-berry-tart.jpg);"></div>
<h1 class="title p2 m0 absolute bold white bottom-0 left-0">Red Berry Tart</h1>
<a class="block relative bg-blue" href="/recipes/crockpot-buffalo-chicken.html">
<div class="image ratio bg-cover" style="background-image:url(/images/crockpot-buffalo-chicken.jpg);"></div>
<h1 class="title p2 m0 absolute bold white bottom-0 left-0">Crockpot Buffalo Chicken</h1>
</a>
</div>
<div class="sm-col sm-col-6 md-col-6 lg-col-4 px1 mb2">
<a class="block relative" href="/mains/2015/01/20/broccoli-cheese-soup.html">
<div class="image bg-cover" style="background-image:url(/images/broccoli-beer-cheese-soup.jpg);"></div>
<h1 class="title p2 m0 absolute bold white bottom-0 left-0">Broccoli Beer Cheese Soup</h1>
<a class="block relative bg-blue" href="/recipes/green-chile-stew.html">
<div class="image ratio bg-cover" style="background-image:url(/images/green-chile-stew.jpg);"></div>
<h1 class="title p2 m0 absolute bold white bottom-0 left-0">Green Chile Stew</h1>
</a>
</div>
<div class="sm-col sm-col-6 md-col-6 lg-col-4 px1 mb2">
<a class="block relative" href="/mains/2015/01/20/green-chile-stew.html">
<div class="image bg-cover" style="background-image:url(/images/green-chile-stew.jpg);"></div>
<h1 class="title p2 m0 absolute bold white bottom-0 left-0">Green Chile Stew</h1>
<a class="block relative bg-blue" href="/recipes/one-minute-muffin.html">
<div class="image ratio bg-cover" style="background-image:url(/images/one-minute-muffin.jpg);"></div>
<h1 class="title p2 m0 absolute bold white bottom-0 left-0">One Minute Muffin</h1>
</a>
</div>
<div class="sm-col sm-col-6 md-col-6 lg-col-4 px1 mb2">
<a class="block relative" href="/components/2015/01/15/vanilla-custard-filling.html">
<div class="image bg-cover" style="background-image:url(/images/vanilla-custard.jpg);"></div>
<h1 class="title p2 m0 absolute bold white bottom-0 left-0">Vanilla Custard Filling</h1>
<a class="block relative bg-blue" href="/recipes/red-berry-tart.html">
<div class="image ratio bg-cover" style="background-image:url(/images/red-berry-tart.jpg);"></div>
<h1 class="title p2 m0 absolute bold white bottom-0 left-0">Red Berry Tart</h1>
</a>
</div>
<div class="sm-col sm-col-6 md-col-6 lg-col-4 px1 mb2">
<a class="block relative" href="/components/2015/01/15/red-berry-dessert-topping.html">
<div class="image bg-cover" style="background-image:url(/images/red-berry-topping.jpg);"></div>
<h1 class="title p2 m0 absolute bold white bottom-0 left-0">Red Berry Dessert Topping</h1>
<a class="block relative bg-blue" href="/components/graham-cracker-crust.html">
<div class="image ratio bg-cover" style="background-image:url(/images/graham-cracker-crust.jpg);"></div>
<h1 class="title p2 m0 absolute bold white bottom-0 left-0">Graham Cracker Crust</h1>
</a>
</div>
<div class="sm-col sm-col-6 md-col-6 lg-col-4 px1 mb2">
<a class="block relative" href="/components/2015/01/15/graham-cracker-crust.html">
<div class="image bg-cover" style="background-image:url(/images/graham-cracker-crust.jpg);"></div>
<h1 class="title p2 m0 absolute bold white bottom-0 left-0">Graham Craker Crust</h1>
<a class="block relative bg-blue" href="/components/red-berry-dessert-topping.html">
<div class="image ratio bg-cover" style="background-image:url(/images/red-berry-topping.jpg);"></div>
<h1 class="title p2 m0 absolute bold white bottom-0 left-0">Red Berry Dessert Topping</h1>
</a>
</div>
<div class="sm-col sm-col-6 md-col-6 lg-col-4 px1 mb2">
<a class="block relative" href="/mains/2015/01/15/crockpot-buffalo-chicken.html">
<div class="image bg-cover" style="background-image:url(/images/crockpot-buffalo-chicken.jpg);"></div>
<h1 class="title p2 m0 absolute bold white bottom-0 left-0">Crockpot Buffalo Chicken</h1>
<a class="block relative bg-blue" href="/components/vanilla-custard-filling.html">
<div class="image ratio bg-cover" style="background-image:url(/images/vanilla-custard.jpg);"></div>
<h1 class="title p2 m0 absolute bold white bottom-0 left-0">Vanilla Custard Filling</h1>
</a>
</div>
@ -114,7 +116,7 @@
</div>
<footer class="footer bg-darken-1 clearfix py4">
<footer class="footer bg-darken-1 clearfix py4 mt3">
<div class="container">

152
_site/mains/2015/01/20/broccoli-cheese-soup.html → _site/recipes/broccoli-cheese-soup.html

@ -7,19 +7,21 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Broccoli Beer Cheese Soup</title>
<meta name="description" content="">
<meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
">
<link href='http://fonts.googleapis.com/css?family=Karla:400,700' rel='stylesheet' type='text/css'>
<link href="/css/bass.css" rel="stylesheet">
<link rel="stylesheet" href="/css/main.css">
<link rel="canonical" href="/mains/2015/01/20/broccoli-cheese-soup.html">
<link rel="canonical" href="/recipes/broccoli-cheese-soup.html">
<link rel="alternate" type="application/rss+xml" title="Chowdown" href="/feed.xml" />
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
</head>
<body>
<a class="site-title fixed bg-blue p1 no-line-height top-0 left-0" href="/">
<a class="site-title fixed bg-blue p1 no-line-height top-0 left-0 z4" href="/">
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="40px" height="40px" viewBox="0 0 227 227" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch Beta 3.3.2 (12041) - http://www.bohemiancoding.com/sketch -->
@ -45,115 +47,127 @@
<div class="page-content">
<div class="post" itemscope itemtype="http://schema.org/Recipe">
<div class="container" itemscope itemtype="http://schema.org/Recipe">
<article class="post-content px2">
<article class="post-content px2 mt2">
<!-- call up the image and image credit link -->
<img itemprop="photo" src="/images/broccoli-beer-cheese-soup.jpg" />
<!-- call up the main recipe title and content -->
<header class="post-header">
<h1 class="post-title center" itemprop="name">Broccoli Beer Cheese Soup</h1>
</header>
<div class="px2 mt3 clearfix">
<div class="mb3"></div>
<div class="px2 mt3 clearfix">
<div class="sm-col-8 center mx-auto"><p>This recipe is inspired by Gourmand’s Beer Cheese Soup, which used Shiner Bock. Feel free to use whatever you want, then go to <a href="http://lovethysandwich.com">Gourmand’s</a> to have the real thing.</p>
</div>
</div>
<!-- call up recipe and directions -->
<div class="clearfix mt3">
<div class="sm-col sm-col-6 lg-col-6">
<h4 class="blue">Ingredients</h4>
<ul>
<li itemprop="ingredient"><p>4 tablespoons butter</p>
<div class="sm-col sm-col-6 lg-col-6">
<!-- check if it's a component-based recipe -->
<h4 class="blue mt0 mb2">Ingredients</h4>
<ul>
<!-- list ingredients that make up recipe -->
<li itemprop="ingredient"><p>4 tablespoons butter</p>
</li>
<li itemprop="ingredient"><p>1 cup diced onion</p>
<li itemprop="ingredient"><p>1 cup diced onion</p>
</li>
<li itemprop="ingredient"><p>1/2 cup shredded carrot</p>
<li itemprop="ingredient"><p>1/2 cup shredded carrot</p>
</li>
<li itemprop="ingredient"><p>1/2 cup diced celery</p>
<li itemprop="ingredient"><p>1/2 cup diced celery</p>
</li>
<li itemprop="ingredient"><p>1 tablespoon garlic</p>
<li itemprop="ingredient"><p>1 tablespoon garlic</p>
</li>
<li itemprop="ingredient"><p>1/4 cup flour</p>
<li itemprop="ingredient"><p>1/4 cup flour</p>
</li>
<li itemprop="ingredient"><p>1 quart chicken broth</p>
<li itemprop="ingredient"><p>1 quart chicken broth</p>
</li>
<li itemprop="ingredient"><p>1 cup heavy cream</p>
<li itemprop="ingredient"><p>1 cup heavy cream</p>
</li>
<li itemprop="ingredient"><p>10 ounces muenster cheese</p>
<li itemprop="ingredient"><p>10 ounces muenster cheese</p>
</li>
<li itemprop="ingredient"><p>1 cup white white wine</p>
<li itemprop="ingredient"><p>1 cup white white wine</p>
</li>
<li itemprop="ingredient"><p>1 cup pale beer</p>
<li itemprop="ingredient"><p>1 cup pale beer</p>
</li>
<li itemprop="ingredient"><p>1 teaspoon Worcestershire sauce</p>
<li itemprop="ingredient"><p>1 teaspoon Worcestershire sauce</p>
</li>
<li itemprop="ingredient"><p>1/2 teaspoon hot sauce</p>
<li itemprop="ingredient"><p>1/2 teaspoon hot sauce</p>
</li>
</ul>
</div>
</ul>
</div>
<div class="sm-col sm-col-6 lg-col-6">
<h4 class="blue">Directions</h4>
<ul itemprop="instructions">
<li><p>Start with butter, onions, carrots, celery, garlic until cooked down</p>
<div class="sm-col sm-col-6 lg-col-6">
<h4 class="blue mt0 mb2">Directions</h4>
<ul itemprop="instructions">
<li><p>Start with butter, onions, carrots, celery, garlic until cooked down</p>
</li>
<li><p>Add flour, stir well, cook for 4-5 mins</p>
<li><p>Add flour, stir well, cook for 4-5 mins</p>
</li>
<li><p>Add chicken broth, bring to a boil</p>
<li><p>Add chicken broth, bring to a boil</p>
</li>
<li><p>Add wine and reduce to a simmer</p>
<li><p>Add wine and reduce to a simmer</p>
</li>
<li><p>Add cream, cheese, Worcestershire, and hot sauce</p>
<li><p>Add cream, cheese, Worcestershire, and hot sauce</p>
</li>
<li><p>Serve with croutons</p>
<li><p>Serve with croutons</p>
</li>
</ul>
</ul>
</div>
</div>
<!-- end up recipe and directions -->
<!-- check if it's a component-based recipe, render it -->
<!-- end components -->
<p class="clearfix">Category: <span itemprop="recipeCategory">mains</span></p>
</div>
</article>
</div>
<script type="text/javascript">
$( document ).ready(function() {
$("ul li").prepend('<input type="checkbox">')
});
</script>
</div>
<footer class="footer bg-darken-1 clearfix py4">
<footer class="footer bg-darken-1 clearfix py4 mt3">
<div class="container">

104
_site/mains/2015/01/15/crockpot-buffalo-chicken.html → _site/recipes/crockpot-buffalo-chicken.html

@ -7,19 +7,21 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Crockpot Buffalo Chicken</title>
<meta name="description" content="This is a party favorite, perfect for a Super Bowl or a game night. It takes a long time, but like most slow cooker recipes, is easy as hell. Bonus: guests l...">
<meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
">
<link href='http://fonts.googleapis.com/css?family=Karla:400,700' rel='stylesheet' type='text/css'>
<link href="/css/bass.css" rel="stylesheet">
<link rel="stylesheet" href="/css/main.css">
<link rel="canonical" href="/mains/2015/01/15/crockpot-buffalo-chicken.html">
<link rel="canonical" href="/recipes/crockpot-buffalo-chicken.html">
<link rel="alternate" type="application/rss+xml" title="Chowdown" href="/feed.xml" />
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
</head>
<body>
<