Browse Source

blog, search

master
Clark Wimberly 3 years ago
parent
commit
5c0936e7c4
31 changed files with 535 additions and 71 deletions
  1. +2
    -0
      _config.yml
  2. +1
    -1
      _includes/footer.html
  3. +24
    -0
      _layouts/post.html
  4. +17
    -0
      _posts/2018-09-09-updates-search-blog.md
  5. +1
    -1
      _site/about/index.html
  6. +98
    -0
      _site/blog.html
  7. +1
    -1
      _site/components/graham-cracker-crust.html
  8. +1
    -1
      _site/components/red-berry-dessert-topping.html
  9. +1
    -1
      _site/components/vanilla-custard-filling.html
  10. +42
    -10
      _site/css/main.css
  11. +2
    -2
      _site/feed.xml
  12. +1
    -1
      _site/index.html
  13. +1
    -1
      _site/recipes/broccoli-cheese-soup.html
  14. +1
    -1
      _site/recipes/crockpot-buffalo-chicken.html
  15. +1
    -1
      _site/recipes/green-chile-stew.html
  16. +1
    -1
      _site/recipes/mongolian-beef.html
  17. +1
    -1
      _site/recipes/new-york-strip.html
  18. +1
    -1
      _site/recipes/one-minute-muffin.html
  19. +1
    -1
      _site/recipes/pork-steaks.html
  20. +1
    -1
      _site/recipes/red-berry-tart.html
  21. +1
    -1
      _site/recipes/roasted-brussels-sprouts.html
  22. +1
    -1
      _site/recipes/roasted-okra.html
  23. +1
    -1
      _site/recipes/smashed-carrots.html
  24. +1
    -1
      _site/recipes/stuffed-peppers.html
  25. +111
    -6
      _site/search.html
  26. +50
    -25
      _site/search.json
  27. +104
    -0
      _site/updates-search-blog.html
  28. +18
    -0
      blog.html
  29. +13
    -2
      css/main.scss
  30. +30
    -5
      search.html
  31. +6
    -3
      search.json

+ 2
- 0
_config.yml View File

@ -9,6 +9,8 @@ github_username: clarklab
# Build settings
markdown: kramdown
permalink: /:title:output_ext
collections:
components:
output: true


+ 1
- 1
_includes/footer.html View File

@ -5,7 +5,7 @@
<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>
<p class="left-align rss-subscribe mb2"><a href="/search">Search</a> | </a>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">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>


+ 24
- 0
_layouts/post.html View File

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html>
{% include head.html %}
<body>
<div class="hero bg-blue">&nbsp;</div>
{% include header.html %}
<div class="post container max-width-2 px2">
<h1>{{ page.title }}</h1>
{{ content }}
<p class="meta bg-darken-1 p2 mb4">Posted by <a href="https://github.com/{{ page.author }}">@{{ page.author }}</a> on {{ page.date | date: "%b %e, %Y"}}</p>
</div>
{% include footer.html %}
</body>
</html>

+ 17
- 0
_posts/2018-09-09-updates-search-blog.md View File

@ -0,0 +1,17 @@
---
layout: post
title: "HTTPS, Live Search, and a new blog"
author: clarklab
---
After a few years on the backburner, we're finally moving Chowdown up to a low simmer. We're back with a slew of updates like HTTPS, live search, our first pull request, and this blog!
A quick runthough the new goodness:
- HTTPS for [chowdown.io](https://chowdown.io) is now enabled by default, thanks to recent changes by Github Pages. If you're hosting with Github, enabling it for your own site is as simple as using the correct A/CNAME/DNS records.
- A simple live search is now available at [/search](/search). It indexes the recipe title and the ingredients (so you could find stuffed peppers by searching either "pepper" or "goat cheese").
- This may seem ordinary elsewhere, but I wanted to take a quick minute to celebrate Chowdown's first pull request. We've had a few forks and comments over the years, but I wasn't really watching the project like I should, and now that we're back on track, it's time to celebrate 🎉🙌. You can see it [here](https://github.com/clarklab/chowdown/pull/8), where [@maartenpaauw](https://github.com/maartenpaauw) submitted a little fix that enabled component recipes to have ingredients of their own. Nice!
- A new readme is up in the root of the repo, (read it [here](https://github.com/clarklab/chowdown)). Moving forward, I'll keep updating it and plan to keep an eye on the beginner use-case (which is me, I'm still new to Jekyll).
- Last but not least, I've added a simple blog template (this one!). That means I'll be posting some updates here on [chowdown.io](https://chowdown.io), but also that you can use the blogging template in your own install (if you're into that).
We've got a lot more updates coming soon, hoping to have a post together soon detailing some of what it's store. Until then, happy cooking!

+ 1
- 1
_site/about/index.html View File

@ -80,7 +80,7 @@
<div class="clearfix">
<div class="sm-col sm-col-6">
<p class="left-align rss-subscribe mb2">subscribe <a href="/feed.xml">via RSS</a></p>
<p class="left-align rss-subscribe mb2"><a href="/search">Search</a> | </a>subscribe <a href="/feed.xml">via RSS</a></p>
</div>
<div class="sm-col sm-col-6">
<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>


+ 98
- 0
_site/blog.html View File

@ -0,0 +1,98 @@
<!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>Chowdown</title>
<meta name="description" content="The plain text recipe database for hackers">
<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="http://localhost:4000/blog.html">
<link rel="alternate" type="application/rss+xml" title="Chowdown" href="http://localhost:4000/feed.xml" />
<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="/favicon.png">
<link rel="apple-touch-icon" href="/favicon.png">
<!-- Twitter Cards -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@chowdownapp">
<meta name="twitter:creator" content="@clarklab">
<meta name="twitter:title" content="Chowdown">
<meta name="twitter:url" content="/blog.html">
<meta name="twitter:description" content="Chowdown">
<meta name="twitter:image:src" content="/images/thumbnails/crockpot-buffalo-chicken.jpg">
</head>
<body>
<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 -->
<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 container max-width-2 px2">
<h2>Posts</h2>
<div class="post mb4">
<h1><a href="/updates-search-blog.html">HTTPS, Live Search, and a new blog</a></h1>
<p>After a few years on the backburner, we’re finally moving Chowdown up to a low simmer. We’re back with a... <a href="/updates-search-blog.html">View Post</a></p>
</div>
</div>
</div>
<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"><a href="/search">Search</a> | </a>subscribe <a href="/feed.xml">via RSS</a></p>
</div>
<div class="sm-col sm-col-6">
<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>
</body>
</html>

+ 1
- 1
_site/components/graham-cracker-crust.html View File

@ -179,7 +179,7 @@
<div class="clearfix">
<div class="sm-col sm-col-6">
<p class="left-align rss-subscribe mb2">subscribe <a href="/feed.xml">via RSS</a></p>
<p class="left-align rss-subscribe mb2"><a href="/search">Search</a> | </a>subscribe <a href="/feed.xml">via RSS</a></p>
</div>
<div class="sm-col sm-col-6">
<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>


+ 1
- 1
_site/components/red-berry-dessert-topping.html View File

@ -179,7 +179,7 @@
<div class="clearfix">
<div class="sm-col sm-col-6">
<p class="left-align rss-subscribe mb2">subscribe <a href="/feed.xml">via RSS</a></p>
<p class="left-align rss-subscribe mb2"><a href="/search">Search</a> | </a>subscribe <a href="/feed.xml">via RSS</a></p>
</div>
<div class="sm-col sm-col-6">
<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>


+ 1
- 1
_site/components/vanilla-custard-filling.html View File

@ -194,7 +194,7 @@
<div class="clearfix">
<div class="sm-col sm-col-6">
<p class="left-align rss-subscribe mb2">subscribe <a href="/feed.xml">via RSS</a></p>
<p class="left-align rss-subscribe mb2"><a href="/search">Search</a> | </a>subscribe <a href="/feed.xml">via RSS</a></p>
</div>
<div class="sm-col sm-col-6">
<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>


+ 42
- 10
_site/css/main.css View File

@ -33,16 +33,48 @@ ul li input {
content: " ";
box-shadow: inset 0 0 100px 20px #007FFF;
z-index: 1; } }
#search {
left: -10px;
right: -10px; }
#search input {
height: 56px;
border-radius: 0px;
border-top-color: #fff;
border-right-color: #fff;
border-left-color: #fff; }
.max-width-4 {
max-width: 64em; }
.max-width-3 {
max-width: 52em; }
.max-width-2 {
max-width: 40em; }
.search input {
border-radius: 5px;
border: 2px solid #eee;
box-shadow: 0 0 14px rgba(0, 127, 255, 0.1);
width: 100%;
padding: 1.5rem; }
.search input:focus {
outline: none;
border: 2px solid #007FFF; }
.search {
transition: .3s ease height;
height: 90vh;
display: flex;
flex-direction: column;
justify-content: center; }
.hero {
height: 150px; }
.post h1 {
margin-top: 6rem; }
.post li {
margin-bottom: 1rem;
padding: 0 0 0 1rem; }
.post li:before {
content: "- ";
position: absolute;
left: 0;
color: #007FFF; }
a .image {
transition: .2s ease all;


+ 2
- 2
_site/feed.xml View File

@ -5,8 +5,8 @@
<description>The plain text recipe database for hackers</description>
<link>http://localhost:4000/</link>
<atom:link href="http://localhost:4000/feed.xml" rel="self" type="application/rss+xml"/>
<pubDate>Sat, 08 Sep 2018 10:34:29 -0500</pubDate>
<lastBuildDate>Sat, 08 Sep 2018 10:34:29 -0500</lastBuildDate>
<pubDate>Sun, 09 Sep 2018 20:26:13 -0500</pubDate>
<lastBuildDate>Sun, 09 Sep 2018 20:26:13 -0500</lastBuildDate>
<generator>Jekyll v3.8.3</generator>
<item>


+ 1
- 1
_site/index.html View File

@ -216,7 +216,7 @@
<div class="clearfix">
<div class="sm-col sm-col-6">
<p class="left-align rss-subscribe mb2">subscribe <a href="/feed.xml">via RSS</a></p>
<p class="left-align rss-subscribe mb2"><a href="/search">Search</a> | </a>subscribe <a href="/feed.xml">via RSS</a></p>
</div>
<div class="sm-col sm-col-6">
<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>


+ 1
- 1
_site/recipes/broccoli-cheese-soup.html View File

@ -209,7 +209,7 @@
<div class="clearfix">
<div class="sm-col sm-col-6">
<p class="left-align rss-subscribe mb2">subscribe <a href="/feed.xml">via RSS</a></p>
<p class="left-align rss-subscribe mb2"><a href="/search">Search</a> | </a>subscribe <a href="/feed.xml">via RSS</a></p>
</div>
<div class="sm-col sm-col-6">
<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>


+ 1
- 1
_site/recipes/crockpot-buffalo-chicken.html View File

@ -173,7 +173,7 @@
<div class="clearfix">
<div class="sm-col sm-col-6">
<p class="left-align rss-subscribe mb2">subscribe <a href="/feed.xml">via RSS</a></p>
<p class="left-align rss-subscribe mb2"><a href="/search">Search</a> | </a>subscribe <a href="/feed.xml">via RSS</a></p>
</div>
<div class="sm-col sm-col-6">
<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>


+ 1
- 1
_site/recipes/green-chile-stew.html View File

@ -185,7 +185,7 @@
<div class="clearfix">
<div class="sm-col sm-col-6">
<p class="left-align rss-subscribe mb2">subscribe <a href="/feed.xml">via RSS</a></p>
<p class="left-align rss-subscribe mb2"><a href="/search">Search</a> | </a>subscribe <a href="/feed.xml">via RSS</a></p>
</div>
<div class="sm-col sm-col-6">
<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>


+ 1
- 1
_site/recipes/mongolian-beef.html View File

@ -194,7 +194,7 @@
<div class="clearfix">
<div class="sm-col sm-col-6">
<p class="left-align rss-subscribe mb2">subscribe <a href="/feed.xml">via RSS</a></p>
<p class="left-align rss-subscribe mb2"><a href="/search">Search</a> | </a>subscribe <a href="/feed.xml">via RSS</a></p>
</div>
<div class="sm-col sm-col-6">
<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>


+ 1
- 1
_site/recipes/new-york-strip.html View File

@ -170,7 +170,7 @@
<div class="clearfix">
<div class="sm-col sm-col-6">
<p class="left-align rss-subscribe mb2">subscribe <a href="/feed.xml">via RSS</a></p>
<p class="left-align rss-subscribe mb2"><a href="/search">Search</a> | </a>subscribe <a href="/feed.xml">via RSS</a></p>
</div>
<div class="sm-col sm-col-6">
<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>


+ 1
- 1
_site/recipes/one-minute-muffin.html View File

@ -182,7 +182,7 @@
<div class="clearfix">
<div class="sm-col sm-col-6">
<p class="left-align rss-subscribe mb2">subscribe <a href="/feed.xml">via RSS</a></p>
<p class="left-align rss-subscribe mb2"><a href="/search">Search</a> | </a>subscribe <a href="/feed.xml">via RSS</a></p>
</div>
<div class="sm-col sm-col-6">
<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>


+ 1
- 1
_site/recipes/pork-steaks.html View File

@ -173,7 +173,7 @@
<div class="clearfix">
<div class="sm-col sm-col-6">
<p class="left-align rss-subscribe mb2">subscribe <a href="/feed.xml">via RSS</a></p>
<p class="left-align rss-subscribe mb2"><a href="/search">Search</a> | </a>subscribe <a href="/feed.xml">via RSS</a></p>
</div>
<div class="sm-col sm-col-6">
<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>


+ 1
- 1
_site/recipes/red-berry-tart.html View File

@ -366,7 +366,7 @@
<div class="clearfix">
<div class="sm-col sm-col-6">
<p class="left-align rss-subscribe mb2">subscribe <a href="/feed.xml">via RSS</a></p>
<p class="left-align rss-subscribe mb2"><a href="/search">Search</a> | </a>subscribe <a href="/feed.xml">via RSS</a></p>
</div>
<div class="sm-col sm-col-6">
<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>


+ 1
- 1
_site/recipes/roasted-brussels-sprouts.html View File

@ -189,7 +189,7 @@ We started trying to emulate it, but it’s such a versatile dish, you can make
<div class="clearfix">
<div class="sm-col sm-col-6">
<p class="left-align rss-subscribe mb2">subscribe <a href="/feed.xml">via RSS</a></p>
<p class="left-align rss-subscribe mb2"><a href="/search">Search</a> | </a>subscribe <a href="/feed.xml">via RSS</a></p>
</div>
<div class="sm-col sm-col-6">
<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>


+ 1
- 1
_site/recipes/roasted-okra.html View File

@ -170,7 +170,7 @@
<div class="clearfix">
<div class="sm-col sm-col-6">
<p class="left-align rss-subscribe mb2">subscribe <a href="/feed.xml">via RSS</a></p>
<p class="left-align rss-subscribe mb2"><a href="/search">Search</a> | </a>subscribe <a href="/feed.xml">via RSS</a></p>
</div>
<div class="sm-col sm-col-6">
<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>


+ 1
- 1
_site/recipes/smashed-carrots.html View File

@ -173,7 +173,7 @@
<div class="clearfix">
<div class="sm-col sm-col-6">
<p class="left-align rss-subscribe mb2">subscribe <a href="/feed.xml">via RSS</a></p>
<p class="left-align rss-subscribe mb2"><a href="/search">Search</a> | </a>subscribe <a href="/feed.xml">via RSS</a></p>
</div>
<div class="sm-col sm-col-6">
<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>


+ 1
- 1
_site/recipes/stuffed-peppers.html View File

@ -189,7 +189,7 @@ Fun fact: Peppedew Peppers are basically a new thing. They are the brand name of
<div class="clearfix">
<div class="sm-col sm-col-6">
<p class="left-align rss-subscribe mb2">subscribe <a href="/feed.xml">via RSS</a></p>
<p class="left-align rss-subscribe mb2"><a href="/search">Search</a> | </a>subscribe <a href="/feed.xml">via RSS</a></p>
</div>
<div class="sm-col sm-col-6">
<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>


+ 111
- 6
_site/search.html View File

@ -1,9 +1,80 @@
<!-- Html Elements for Search -->
<div id="search-container">
<input type="text" id="search-input" placeholder="search...">
<ul id="results-container"></ul>
<!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>Chowdown</title>
<meta name="description" content="The plain text recipe database for hackers">
<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="http://localhost:4000/search.html">
<link rel="alternate" type="application/rss+xml" title="Chowdown" href="http://localhost:4000/feed.xml" />
<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="/favicon.png">
<link rel="apple-touch-icon" href="/favicon.png">
<!-- Twitter Cards -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@chowdownapp">
<meta name="twitter:creator" content="@clarklab">
<meta name="twitter:title" content="Chowdown">
<meta name="twitter:url" content="/search.html">
<meta name="twitter:description" content="Chowdown">
<meta name="twitter:image:src" content="/images/thumbnails/crockpot-buffalo-chicken.jpg">
</head>
<body>
<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 -->
<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="search container max-width-2">
<div id="search-container">
<h3 class="center mb3 blue">Chowdown Search</h3>
<input type="text" id="search-input" placeholder="search titles or ingredients...">
</div>
</div>
<div class="clearfix">
<div class="recipes xs-px1 xs-mt2 center" id="results-container">
</div>
</div>
<!-- Script pointing to search-script.js -->
<script src="/plugins/simple-jekyll-search.min.js" type="text/javascript"></script>
@ -13,6 +84,40 @@ SimpleJekyllSearch({
searchInput: document.getElementById('search-input'),
resultsContainer: document.getElementById('results-container'),
json: '/search.json',
searchResultTemplate: '<div><a href="{url}"><h1>{title}</h1></a></div>'
searchResultTemplate: '<div class="sm-col sm-col-6 md-col-6 lg-col-4 xs-px1 xs-mb2 left-align"><a class="block relative bg-blue" href="{url}"><div class="image ratio bg-cover" style="background-image:url(/images/{image});"></div><h1 class="title p2 m0 absolute bold white bottom-0 left-0">{title}</h1></a></div>'
})
</script>
</script>
<script>
$( document ).ready(function() {
$('#search-input').on('input', function() {
currentHeight = $('#search-container').outerHeight();
$('.search').addClass('used').css('height', currentHeight);
});
});
</script>
</div>
<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"><a href="/search">Search</a> | </a>subscribe <a href="/feed.xml">via RSS</a></p>
</div>
<div class="sm-col sm-col-6">
<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>
</body>
</html>

+ 50
- 25
_site/search.json View File

@ -2,86 +2,111 @@
{
"title" : "Broccoli Beer Cheese Soup",
"url" : "/recipes/broccoli-cheese-soup.html"
"title" : "Broccoli Beer Cheese Soup",
"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, ",
"image" : "broccoli-beer-cheese-soup.jpg",
"url" : "/recipes/broccoli-cheese-soup.html"
} ,
{
"title" : "Crockpot Buffalo Chicken",
"url" : "/recipes/crockpot-buffalo-chicken.html"
"title" : "Crockpot Buffalo Chicken",
"ingredients" : "6-8 chicken breasts, 1 packet ranch mix, 1 bottle Frank's Red Hot, 1 stick of butter, ",
"image" : "crockpot-buffalo-chicken.jpg",
"url" : "/recipes/crockpot-buffalo-chicken.html"
} ,
{
"title" : "Green Chile Stew",
"url" : "/recipes/green-chile-stew.html"
"title" : "Green Chile Stew",
"ingredients" : "1 jar of [green chile stew mix](http://amzn.to/1KYXSjo), 1lb ground chicken, 1 red onion, 1 green onion, 1 can corn, ",
"image" : "green-chile-stew.jpg",
"url" : "/recipes/green-chile-stew.html"
} ,
{
"title" : "Mongolian Beef",
"url" : "/recipes/mongolian-beef.html"
"title" : "Mongolian Beef",
"ingredients" : "2 teaspoons vegetable oil, 1⁄2 teaspoon ginger, 1 tablespoon garlic, 1⁄2 cup soy sauce, 1⁄2 cup water, 3⁄4 cup dark brown sugar, 1 lb flank steak, 2 large green onions, ",
"image" : "mongolian-beef.jpg",
"url" : "/recipes/mongolian-beef.html"
} ,
{
"title" : "New York Strip",
"url" : "/recipes/new-york-strip.html"
"title" : "New York Strip",
"ingredients" : "NY Strip Steak(s), salt to taste, ",
"image" : "new-york-strip.jpg",
"url" : "/recipes/new-york-strip.html"
} ,
{
"title" : "One Minute Muffin",
"url" : "/recipes/one-minute-muffin.html"
"title" : "One Minute Muffin",
"ingredients" : "1⁄4 cup flax seed meal, 1⁄2 teaspoon baking powder, 1 teaspoon cinnamon, 1 egg, 1 teaspoon oil, sugar to taste (or honey, stevia), ",
"image" : "one-minute-muffin.jpg",
"url" : "/recipes/one-minute-muffin.html"
} ,
{
"title" : "Pork Steaks",
"url" : "/recipes/pork-steaks.html"
"title" : "Pork Steaks",
"ingredients" : "pork shoulder (or other cheap cut), immerison circulator (we like the [Anova](http://www.amazon.com/gp/product/B00UKPBXM4/ref=as_li_tl?ie=UTF8&camp=1789&creative=390957&creativeASIN=B00UKPBXM4&linkCode=as2&tag=repl-20&linkId=XMRXWQ35OJNCZVGE)), ",
"image" : "pork-steaks.jpg",
"url" : "/recipes/pork-steaks.html"
} ,
{
"title" : "Red Berry Tart",
"url" : "/recipes/red-berry-tart.html"
"title" : "Red Berry Tart",
"image" : "red-berry-tart.jpg",
"url" : "/recipes/red-berry-tart.html"
} ,
{
"title" : "Roasted Brussels Sprouts",
"url" : "/recipes/roasted-brussels-sprouts.html"
"title" : "Roasted Brussels Sprouts",
"ingredients" : "1 bunch of brussels, sliced thin, 2 tbsp olive oil, (optional) grated hard cheese, (optional) gold raisins or sweetened cranberries, (optional) assorted veggies, sliced thin, salt, pepper, etc to taste, ",
"image" : "roasted-brussels-sprouts.jpg",
"url" : "/recipes/roasted-brussels-sprouts.html"
} ,
{
"title" : "Roasted Okra",
"url" : "/recipes/roasted-okra.html"
"title" : "Roasted Okra",
"ingredients" : "1 bunch of okra, salt, pepper, etc to taste, ",
"image" : "roasted-okra.jpg",
"url" : "/recipes/roasted-okra.html"
} ,
{
"title" : "Smashed Carrots",
"url" : "/recipes/smashed-carrots.html"
"title" : "Smashed Carrots",
"ingredients" : "1 can carrots, 1 tbsp butter, 2 tbsp parmesan cheese, salt & pepper to taste, ",
"image" : "smashed-carrots.jpg",
"url" : "/recipes/smashed-carrots.html"
} ,
{
"title" : "Stuffed Peppers",
"url" : "/recipes/stuffed-peppers.html"
"title" : "Stuffed Peppers",
"ingredients" : "1 jar Peppedew Peppers (or piquante pepper), 4oz goat cheese (any flavor), 1 tbsp mayonnaise, 1 tbsp sour cream, 1 bunch of chives, chopped, hearty shot of hot sauce (Franks, Yellowbird), hearty crack of pepper, ",
"image" : "stuffed-peppers.jpg",
"url" : "/recipes/stuffed-peppers.html"
}
]
]

+ 104
- 0
_site/updates-search-blog.html View File

@ -0,0 +1,104 @@
<!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>HTTPS, Live Search, and a new blog</title>
<meta name="description" content="After a few years on the backburner, we’re finally moving Chowdown up to a low simmer. We’re back with a slew of updates like HTTPS, live search, our first p...">
<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="http://localhost:4000/updates-search-blog.html">
<link rel="alternate" type="application/rss+xml" title="Chowdown" href="http://localhost:4000/feed.xml" />
<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="/favicon.png">
<link rel="apple-touch-icon" href="/favicon.png">
<!-- Twitter Cards -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@chowdownapp">
<meta name="twitter:creator" content="@clarklab">
<meta name="twitter:title" content="HTTPS, Live Search, and a new blog">
<meta name="twitter:url" content="/updates-search-blog.html">
<meta name="twitter:description" content="Chowdown">
<meta name="twitter:image:src" content="/images/thumbnails/crockpot-buffalo-chicken.jpg">
</head>
<body>
<div class="hero bg-blue">&nbsp;</div>
<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 -->
<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="post container max-width-2 px2">
<h1>HTTPS, Live Search, and a new blog</h1>
<p>After a few years on the backburner, we’re finally moving Chowdown up to a low simmer. We’re back with a slew of updates like HTTPS, live search, our first pull request, and this blog!</p>
<p>A quick runthough the new goodness:</p>
<ul>
<li>HTTPS for <a href="https://chowdown.io">chowdown.io</a> is now enabled by default, thanks to recent changes by Github Pages. If you’re hosting with Github, enabling it for your own site is as simple as using the correct A/CNAME/DNS records.</li>
<li>A simple live search is now available at <a href="/search">/search</a>. It indexes the recipe title and the ingredients (so you could find stuffed peppers by searching either “pepper” or “goat cheese”).</li>
<li>This may seem ordinary elsewhere, but I wanted to take a quick minute to celebrate Chowdown’s first pull request. We’ve had a few forks and comments over the years, but I wasn’t really watching the project like I should, and now that we’re back on track, it’s time to celebrate 🎉🙌. You can see it <a href="https://github.com/clarklab/chowdown/pull/8">here</a>, where <a href="https://github.com/maartenpaauw">@maartenpaauw</a> submitted a little fix that enabled component recipes to have ingredients of their own. Nice!</li>
<li>A new readme is up in the root of the repo, (read it <a href="https://github.com/clarklab/chowdown">here</a>). Moving forward, I’ll keep updating it and plan to keep an eye on the beginner use-case (which is me, I’m still new to Jekyll).</li>
<li>Last but not least, I’ve added a simple blog template (this one!). That means I’ll be posting some updates here on <a href="https://chowdown.io">chowdown.io</a>, but also that you can use the blogging template in your own install (if you’re into that).</li>
</ul>
<p>We’ve got a lot more updates coming soon, hoping to have a post together soon detailing some of what it’s store. Until then, happy cooking!</p>
<p class="meta bg-darken-1 p2 mb4">Posted by <a href="https://github.com/clarklab">@clarklab</a> on Sep 9, 2018</p>
</div>
<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"><a href="/search">Search</a> | </a>subscribe <a href="/feed.xml">via RSS</a></p>
</div>
<div class="sm-col sm-col-6">
<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>
</body>
</html>

+ 18
- 0
blog.html View File

@ -0,0 +1,18 @@
---
layout: default
---
<div class="post container max-width-2 px2">
<h2>Posts</h2>
{% for post in site.posts %}
<div class="post mb4">
<h1><a href="{{ post.url }}">{{ post.title }}</a></h1>
<p>{{ post.content | strip_html | truncatewords:20 }} <a href="{{ post.url }}">View Post</a></p>
</div>
{% endfor %}
</div>

+ 13
- 2
css/main.scss View File

@ -13,8 +13,19 @@ ul li input{position: absolute; top:5px; left:0; opacity:0.5;}
.bg-blue-tile:after{position:absolute; top:0; left:0; right:0; bottom:0; content:" "; box-shadow:inset 0 0 100px 20px #007FFF; z-index:1;}
}
#search{left:-10px; right:-10px;}
#search input{height:56px; border-radius:0px; border-top-color:#fff; border-right-color:#fff; border-left-color:#fff;}
.max-width-4{max-width:64em}
.max-width-3{max-width:52em}
.max-width-2{max-width:40em}
.search input{border-radius:5px; border:2px solid #eee; box-shadow:0 0 14px rgba(#007FFF,0.1); width:100%; padding:1.5rem}
.search input:focus{outline:none; border:2px solid #007FFF;}
.search{transition:.3s ease height; height:90vh; display:flex; flex-direction: column; justify-content:center;}
.hero{height:150px;}
.post h1{margin-top:6rem}
.post ol, .post ul{}
.post li{margin-bottom:1rem; padding:0 0 0 1rem;}
.post li:before{content:"- "; position:absolute; left:0; color:#007FFF}
a .image{transition:.2s ease all; opacity:1;}
a:hover .image{opacity:0.2;}


+ 30
- 5
search.html View File

@ -1,9 +1,24 @@
<!-- Html Elements for Search -->
<div id="search-container">
<input type="text" id="search-input" placeholder="search...">
<ul id="results-container"></ul>
---
layout: default
---
<div class="search container max-width-2">
<div id="search-container">
<h3 class="center mb3 blue">Chowdown Search</h3>
<input type="text" id="search-input" placeholder="search titles or ingredients...">
</div>
</div>
<div class="clearfix">
<div class="recipes xs-px1 xs-mt2 center" id="results-container">
</div>
</div>
<!-- Script pointing to search-script.js -->
<script src="/plugins/simple-jekyll-search.min.js" type="text/javascript"></script>
@ -13,6 +28,16 @@ SimpleJekyllSearch({
searchInput: document.getElementById('search-input'),
resultsContainer: document.getElementById('results-container'),
json: '/search.json',
searchResultTemplate: '<div><a href="{url}"><h1>{title}</h1></a></div>'
searchResultTemplate: '<div class="sm-col sm-col-6 md-col-6 lg-col-4 xs-px1 xs-mb2 left-align"><a class="block relative bg-blue" href="{url}"><div class="image ratio bg-cover" style="background-image:url({{site.baseurl}}/images/{image});"></div><h1 class="title p2 m0 absolute bold white bottom-0 left-0">{title}</h1></a></div>'
})
</script>
<script>
$( document ).ready(function() {
$('#search-input').on('input', function() {
currentHeight = $('#search-container').outerHeight();
$('.search').addClass('used').css('height', currentHeight);
});
});
</script>

+ 6
- 3
search.json View File

@ -4,9 +4,12 @@
{% for post in site.recipes %}
{
"title" : "{{ post.title | escape }}",
"url" : "{{ site.baseurl }}{{ post.url }}"
"title" : "{{ post.title | escape }}",
{% if post.ingredients %}"ingredients" : "{% for ingredient in post.ingredients %}{{ ingredient }}, {% endfor %}",{% endif %}
"image" : "{{ post.image }}",
"url" : "{{ site.baseurl }}{{ post.url }}"
} {% unless forloop.last %},{% endunless %}
{% endfor %}
]
]

Loading…
Cancel
Save