reboot

clarklab · Aug 23, 2018 · fcd38a4 · fcd38a4
1 parent af75676
commit fcd38a4
Show file tree

Hide file tree

Showing 137 changed files with 2,605 additions and 652 deletions.
diff --git a/_components/graham-cracker-crust.md b/_components/graham-cracker-crust.md
@@ -0,0 +1,21 @@
+---
+
+layout: recipe
+title:  "Graham Cracker Crust"
+image: graham-cracker-crust.jpg
+imagecredit: https://flic.kr/p/atxu75
+
+ingredients:
+- 2 cups graham cracker crumbs
+- 6 tbs butter (melted)
+- 1/3 cup white sugar
+- 1 tsp cinnamon
+
+directions:
+- pulse graham cracker in food processor or use muddler to crumb in bowl
+- combine melted butter, graham cracker crumbs, sugar, and cinnamon in a bowl
+- press into pan, forming into crust shape
+
+---
+
+A simple graham cracker crust, perfect for cheesecakes or tarts.
diff --git a/_components/red-berry-dessert-topping.md b/_components/red-berry-dessert-topping.md
@@ -0,0 +1,22 @@
+---
+
+layout: recipe
+title:  "Red Berry Dessert Topping"
+image: red-berry-topping.jpg
+imagecredit: https://flic.kr/p/9kczzP
+
+ingredients:
+- 1/2 cup raspberries
+- 1/2 cup strawberries
+- 1/4 white sugar
+- 1 squirt honey
+
+
+directions:
+- Dice berries
+- Combine all ingredients
+- Let rest for 15 mins
+
+---
+
+A simple mash of berries, perfect for a tart or top of cheesecake.
diff --git a/_components/vanilla-custard-filling.md b/_components/vanilla-custard-filling.md
@@ -0,0 +1,27 @@
+---
+
+layout: recipe
+title:  "Vanilla Custard Filling"
+image: vanilla-custard.jpg
+imagecredit: https://flic.kr/p/99yJqV
+
+ingredients:
+- 1/2 cup sugar
+- 1/4 cup all-purpose flour
+- 1/2 teaspoon salt
+- 2 cups milk
+- 2 egg yolks, lightly beaten
+- 2 teaspoons vanilla extract
+
+
+directions:
+- In a small saucepan, combine the sugar, flour and salt. Stir in milk until smooth.
+- Cook and stir over medium-high heat until thickened and bubbly.
+- Reduce heat; cook and stir 2 minutes longer.
+- Remove from the heat. Stir a small amount of hot filling into egg yolks; return all to the pan.
+- Bring to a gentle boil, stirring constantly; cook and stir 2 minutes longer.
+- Remove from the heat. Gently stir in vanilla.
+
+---
+
+A simple vanilla custard filling, useful for tarts (or alone by itself in a bowl).
diff --git a/_config.yml b/_config.yml
@@ -0,0 +1,18 @@
+# Site settings
+title: Chowdown
+email: your-email@domain.com
+description: The plain text recipe database for hackers
+baseurl: ""
+twitter_username: clarklab
+github_username:  clarklab
+
+# Build settings
+markdown: kramdown
+
+collections:
+  components:
+    output: true
+  recipes:
+    output: true
+
+exclude: ['Gemfile', 'Gemfile.lock', 'Rakefile', 'README.md']
diff --git a/_includes/chef-hat.svg b/_includes/chef-hat.svg
diff --git a/_includes/chowdown-logo-white.svg b/_includes/chowdown-logo-white.svg
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -0,0 +1,18 @@
+<footer class="footer bg-darken-1 clearfix py4 mt3">
+
+  <div class="container px3 sm-px4">
+
+
+    <div class="clearfix">
+      <div class="sm-col sm-col-6">
+        <p class="left-align rss-subscribe mb2">subscribe <a href="{{ "/feed.xml" | prepend: site.baseurl }}">via RSS</a></p>
+      </div>
+      <div class="sm-col sm-col-6">
+        <p class="right-align mb2"><img src="http://atxbuilt.com/public/images/atx_blt_wht.svg" style="width:140px !important;"></p>
+        <p class="right-align mb2">Made with <svg class="js-geomicon geomicon" height="0.8em" data-icon="heart" viewBox="0 0 32 32" style="fill:#007FFF"><title>heart icon</title><path d="M0 10 C0 6, 3 2, 8 2 C12 2, 15 5, 16 6 C17 5, 20 2, 24 2 C30 2, 32 6, 32 10 C32 18, 18 29, 16 30 C14 29, 0 18, 0 10"></path></svg> by <a href="http://twiter.com/clarklab">@clarklab</a></p>
+      </div>
+    </div>
+
+  </div>
+
+</footer>
diff --git a/_includes/head.html b/_includes/head.html
@@ -0,0 +1,29 @@
+<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>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
+  <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
+
+  <link href='http://fonts.googleapis.com/css?family=Karla:400,700' rel='stylesheet' type='text/css'>
+  <link href="{{ "/css/bass.css" | prepend: site.baseurl }}" rel="stylesheet">
+  <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>
+  <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.4/hammer.min.js"></script>
+
+  <link rel="icon" href="{{site.baseurl}}/favicon.png">
+  <link rel="apple-touch-icon" href="{{site.baseurl}}/favicon.png">
+
+  <!-- Twitter Cards -->
+  <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:site" content="@chowdownapp">
+  <meta name="twitter:creator" content="@clarklab">
+  {% if page.title %}<meta name="twitter:title" content="{{ page.title }}">{% else %}<meta name="twitter:title" content="Chowdown">{% endif %}
+  {% if page.url %}<meta name="twitter:url" content="{{ site.baseurl }}{{ page.url }}">{% endif %}
+  {% if page.directions %}<meta name="twitter:description" content="{{ page.content | strip_html }}">{% else %}<meta name="twitter:description" content="Chowdown">{% endif %}
+  {% if page.image %}<meta name="twitter:image:src" content="{{site.baseurl}}/images/medium/{{ page.image }}">{% else %}<meta name="twitter:image:src" content="{{site.baseurl}}/images/thumbnails/crockpot-buffalo-chicken.jpg">{% endif %}
+
+</head>
diff --git a/_includes/header.html b/_includes/header.html
@@ -0,0 +1,4 @@
+<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>
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+
+  {% include head.html %}
+
+  <body>
+
+  	{% include header.html %}
+
+    <div class="page-content">
+        {{ content }}
+    </div>
+
+  {% include footer.html %}
+
+  </body>
+
+</html>
diff --git a/_layouts/page.html b/_layouts/page.html
@@ -0,0 +1,14 @@
+---
+layout: default
+---
+<div class="post">
+
+  <header class="post-header">
+    <h1 class="post-title">{{ page.title }}</h1>
+  </header>
+
+  <article class="post-content">
+    {{ content }}
+  </article>
+
+</div>
diff --git a/_layouts/recipe.html b/_layouts/recipe.html
@@ -0,0 +1,150 @@
+---
+layout: default
+---
+<div class="container" itemscope itemtype="http://schema.org/Recipe">
+
+<!-- call up the image and image credit link -->
+  {% for image in page.image %}
+  <div class="xs-p2">
+    <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 %}
+  </div>
+  {% endfor %}
+
+<article class="post-content px2">
+
+<!-- call up the main recipe title and content -->
+  <header class="post-header">
+    <h1 class="post-title center m1 sm-mt3" 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 xs-center">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 xs-center">Ingredients</h4>
+      <ul itemprop="ingredients">
+        <!-- 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 xs-center">Directions</h4>
+      <ul itemprop="instructions">
+        {% for direction in page.directions %}
+        <li>{{ direction | markdownify }}</li>
+        {% endfor %}
+      </ul>
+    </div>
+
+  </div>
+<!-- end 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 xs-center">Ingredients</h4>
+        <ul class="ingredients" itemprop="ingredients">
+        {% for item in recipe.ingredients %}
+        <li itemprop="ingredient">{{ item | markdownify }}</li>
+        {% endfor %}
+      </ul>
+
+      <h4 class="blue regular xs-center">Steps</h4>
+        <ul itemprop="instructions">
+        {% for item in recipe.directions %}
+        <li>{{ 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() {
+
+  jQuery.fn.clickToggle = function(a,b) {
+  var ab=[b,a];
+  function cb(){ ab[this._tog^=1].call(this); }
+  return this.on("click", cb);
+  };
+
+  $("ul li").prepend('<input type="checkbox">');
+  $("ul li").clickToggle(function(){
+    $(this).children("input").prop('checked', true);
+    var height = $(this).height();
+    var y = $(window).scrollTop();
+    $('html, body').animate({scrollTop: y+height+16}, 200);
+  }, function(){
+    $(this).children("input").prop('checked', false);
+    var height = $(this).height();
+    var y = $(window).scrollTop();
+    $('html, body').animate({scrollTop: y-height-16}, 200);
+  });
+
+  });
+
+</script>
diff --git a/_recipes/broccoli-cheese-soup.md b/_recipes/broccoli-cheese-soup.md
@@ -0,0 +1,32 @@
+---
+
+layout: recipe
+title:  "Broccoli Beer Cheese Soup"
+image: broccoli-beer-cheese-soup.jpg
+
+ingredients:
+- 4 tablespoons butter
+- 1 cup diced onion
+- 1/2 cup shredded carrot
+- 1/2 cup diced celery
+- 1 tablespoon garlic
+- 1/4 cup flour
+- 1 quart chicken broth
+- 1 cup heavy cream
+- 10 ounces muenster cheese
+- 1 cup white white wine
+- 1 cup pale beer
+- 1 teaspoon Worcestershire sauce
+- 1/2 teaspoon hot sauce
+
+directions:
+- Start with butter, onions, carrots, celery, garlic until cooked down
+- Add flour, stir well, cook for 4-5 mins
+- Add chicken broth, bring to a boil
+- Add wine and reduce to a simmer
+- Add cream, cheese, Worcestershire, and hot sauce
+- Serve with croutons
+
+---
+
+This recipe is inspired by one of my favorites, Gourmand's Beer Cheese Soup, which uses Shiner Bock. Feel free to use whatever you want, then go to [Gourmand's](http://lovethysandwich.com) to have the real thing.