jekyll-theme-recipe 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: c650c70e61b7a33d432d039dc0b11043478a2bddfbaf4c158ad2c1bf1dba3237
+  data.tar.gz: c29e2fb0c94b11815caa6eba9dc460c48d7c99bdf1f57a51ce904d1ea15812fe
+SHA512:
+  metadata.gz: f8b98a8a13b9e33731ad4c2fa96e229fe79b02811ee349f8b7ae30425b661d35b3b8ca1209510e5ef98ba311b4db52b4b56cfb188498f8bdedd70ec51fcd64f0
+  data.tar.gz: 537260e3c9cb26455873a1416b749dd1cddd37266b327bad372173f1ddee3091dfbf75afa98a5aee3ccd145b15c550e23656b3af310aa0cacc2e89bba775031b

data/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2016 CloudCannon
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

data/README.md

@@ -0,0 +1,65 @@
+# Recipe
+
+Food/baking blog theme for Jekyll.
+
+![Recipe theme screenshot](images/_screenshot.png)
+
+## Features
+
+* Contact form
+* Pre-built pages
+* Pre-styled components
+* Blog with pagination
+* Disqus comments for posts
+* Configurable sidebar
+* RSS/Atom feed
+* SEO tags
+* Google Analytics
+
+## Setup
+
+1. Add your site and author details in `_config.yml`.
+2. Add your Google Analytics, Disqus and MailChimp keys to `_config.yml`.
+3. Add your details to `_data/sidebar.yml`.
+4. Get a workflow going to see your site's output.
+
+## Develop
+
+Recipe was built with [Jekyll](http://jekyllrb.com/) version 3.5, but should support newer versions as well.
+
+Install the dependencies with [Bundler](http://bundler.io/):
+
+~~~bash
+$ bundle install
+~~~
+
+Run `jekyll` commands through Bundler to ensure you're using the right versions:
+
+~~~bash
+$ bundle exec jekyll serve
+~~~
+
+## Editing
+
+Treat is already optimised for adding, updating and removing recipes, navigation, page content, and sidebar information in CloudCannon.
+
+### Posts/Recipes
+
+* Add, update or remove a post in the *Posts* collection.
+* The recipes page is organised by categories.
+* Change the defaults when new posts are created in `_posts/_defaults.md`.
+
+### Contact Form
+
+* Preconfigured to work with CloudCannon, but easily changed to another provider (e.g. [FormSpree](https://formspree.io/)).
+* Sends email to the address listed in company details.
+
+### Navigation
+
+* Exposed as a data file to give clients better access.
+* Set in the *Data* / *Navigation* section.
+
+### Footer
+
+* Exposed as a data file to give clients better access.
+* Set in the *Data* / *Footer* section.

data/_includes/navigation.html

@@ -0,0 +1,10 @@
+<nav>
+	{% for link in site.data.navigation %}
+	{% assign class = "" %}
+
+		{% if link.link == page.url %}
+			{% assign class = class | append: " active" %}
+		{% endif %}
+		<a href="{% include relative-src.html src=link.link %}" class="{{ class }}">{{ link.name }}</a>
+	{% endfor %}
+</nav>

data/_includes/post-heading.html

@@ -0,0 +1,13 @@
+{% if include.post_page %}
+	<div class="take-me">
+		<a class="button" href="#recipe">Jump to recipe</a>
+	</div>
+{% endif %}
+<h1>
+	<a href="{{ include.post.url }}">
+		{{ include.post.title }}
+	</a>
+</h1>
+<time datetime="{{ include.post.date | date_to_xmlschema }}">
+	{{ include.post.date | date: "%B %-d, %Y" }}
+</time>

data/_includes/recipe-icon.html

@@ -0,0 +1,48 @@
+{% case include.icon %}
+	{% when "quantity" %}
+		<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+				<path d="M0 0h24v24H0V0z" fill="none"/>
+				<path d="M11 2v20c-5.07-.5-9-4.79-9-10s3.93-9.5 9-10zm2.03 0v8.99H22c-.47-4.74-4.24-8.52-8.97-8.99zm0 11.01V22c4.74-.47 8.5-4.25 8.97-8.99h-8.97z"/>
+		</svg>
+	{% when "time" %}
+		<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+				<path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
+				<path d="M0 0h24v24H0z" fill="none"/>
+				<path d="M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"/>
+		</svg>
+	{% when "cook" %}
+	<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+		 width="25px" height="25px" viewBox="0 0 25 25" enable-background="new 0 0 25 25" xml:space="preserve">
+	<g>
+		<path d="M1.296,21.654c0-6.055,0-12.108,0-18.163c0.127-0.257,0.34-0.336,0.616-0.335c7.158,0.002,14.316,0.002,21.471,0
+			C23.66,3.155,23.873,3.234,24,3.491c0,6.055,0,12.108,0,18.163c-0.112,0.257-0.309,0.345-0.586,0.345
+			c-7.177-0.006-14.354-0.006-21.531,0C1.605,21.999,1.408,21.911,1.296,21.654z M12.629,20.128c2.977,0,5.953,0,8.931,0
+			c0.429,0,0.55-0.122,0.55-0.551c0-3.866,0-7.732,0-11.598c0-0.415-0.129-0.543-0.542-0.543c-5.945,0-11.893,0-17.839,0
+			c-0.412,0-0.54,0.128-0.54,0.543c0,3.021,0,6.041,0,9.062c0,0.87-0.006,1.74,0.007,2.611c0.002,0.128,0.06,0.298,0.154,0.377
+			c0.097,0.079,0.268,0.095,0.407,0.095C6.714,20.129,9.672,20.128,12.629,20.128z M9.148,3.97C8.41,4.013,7.913,4.57,7.955,5.312
+			c0.034,0.619,0.651,1.161,1.273,1.121c0.706-0.05,1.251-0.617,1.213-1.267C10.4,4.463,9.826,3.931,9.148,3.97z M6.071,3.967
+			c-0.67-0.021-1.24,0.515-1.263,1.187c-0.021,0.697,0.523,1.264,1.23,1.282C6.705,6.451,7.276,5.897,7.3,5.214
+			C7.321,4.553,6.766,3.989,6.071,3.967z M17.348,5.199c0-0.682-0.548-1.229-1.237-1.234c-0.677-0.006-1.242,0.543-1.255,1.221
+			c-0.014,0.668,0.574,1.254,1.253,1.25C16.791,6.431,17.348,5.876,17.348,5.199z M20.489,5.201c0.003-0.682-0.542-1.227-1.232-1.235
+			c-0.685-0.009-1.267,0.562-1.26,1.237c0.007,0.672,0.575,1.232,1.249,1.232C19.927,6.436,20.487,5.88,20.489,5.201z"/>
+		<path fill-rule="evenodd" clip-rule="evenodd" d="M4.059,24c-0.261-0.122-0.351-0.337-0.336-0.613
+			c0.009-0.158-0.001-0.315,0.003-0.474c0.009-0.327,0.174-0.507,0.5-0.511c0.484-0.01,0.97-0.01,1.455,0
+			c0.29,0.006,0.452,0.15,0.477,0.433c0.021,0.243,0.009,0.49,0.001,0.736C6.15,23.784,6.003,23.899,5.837,24
+			C5.244,24,4.652,24,4.059,24z"/>
+		<path fill-rule="evenodd" clip-rule="evenodd" d="M19.46,24c-0.267-0.132-0.347-0.358-0.33-0.637c0.011-0.195,0-0.393,0.025-0.584
+			c0.029-0.225,0.165-0.361,0.387-0.367c0.541-0.012,1.084-0.013,1.624,0.002c0.244,0.007,0.392,0.19,0.403,0.462
+			c0.011,0.214,0.004,0.429,0.001,0.644c-0.003,0.232-0.137,0.379-0.333,0.48C20.645,24,20.053,24,19.46,24z"/>
+		<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M9.148,3.97c0.678-0.039,1.252,0.493,1.293,1.197
+			c0.038,0.649-0.508,1.217-1.213,1.267c-0.622,0.04-1.239-0.502-1.273-1.121C7.913,4.57,8.41,4.013,9.148,3.97z"/>
+		<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M6.071,3.967C6.766,3.989,7.321,4.553,7.3,5.214
+			C7.276,5.897,6.705,6.451,6.039,6.436c-0.707-0.019-1.252-0.585-1.23-1.282C4.831,4.481,5.401,3.945,6.071,3.967z"/>
+		<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M17.348,5.199c0,0.677-0.557,1.231-1.239,1.236
+			c-0.679,0.004-1.267-0.582-1.253-1.25c0.013-0.678,0.578-1.227,1.255-1.221C16.8,3.971,17.348,4.518,17.348,5.199z"/>
+		<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M20.489,5.201c-0.002,0.679-0.562,1.234-1.243,1.234
+			c-0.674,0-1.242-0.561-1.249-1.232c-0.007-0.675,0.575-1.246,1.26-1.237C19.947,3.975,20.492,4.52,20.489,5.201z"/>
+		<path fill-rule="evenodd" clip-rule="evenodd" d="M12.646,9.926c-2.112,0-4.225,0-6.336-0.002c-0.333,0-0.505-0.119-0.504-0.352
+			C5.808,9.346,5.986,9.22,6.314,9.22c4.225,0,8.449,0,12.672,0c0.014,0,0.025,0,0.038,0c0.294,0.006,0.469,0.14,0.467,0.358
+			c-0.002,0.221-0.171,0.346-0.472,0.346C16.895,9.926,14.771,9.926,12.646,9.926z"/>
+	</g>
+	</svg>
+{% endcase %}

data/_includes/relative-src.html

@@ -0,0 +1 @@
+{% assign prefix = include.src | slice: 0, 2 %}{% assign protocol = include.src | slice: 0, 4 %}{% unless protocol == 'http' or prefix == "//" %}{{ site.baseurl }}{% endunless %}{{ include.src }}

data/_includes/sidebar.html

@@ -0,0 +1,26 @@
+<aside class="sidebar {% if page.push_sidebar_down %}push{% endif %}">
+	<div class="author">
+		<p>
+			<a href="{{ site.baseurl }}/about/">
+				<img src="{{ site.baseurl }}{{ site.data.sidebar.author_image }}" alt="author" class="author">
+			</a>
+		</p>
+		<p>{{ site.data.sidebar.description_markdown | markdownify }}</p>
+	</div>
+
+	<div class="social-icons">
+		{% if site.data.sidebar.facebook && site.data.sidebar.facebook != "" %}<a target="_blank" href="https://facebook.com/{{ site.data.sidebar.facebook }}">{% include social-icon.html icon="Facebook" %}</a>{% endif %} 
+		{% if site.data.sidebar.twitter && site.data.sidebar.twitter != "" %}<a target="_blank" href="https://twitter.com/{{ site.data.sidebar.twitter }}">{% include social-icon.html icon="Twitter" %}</a>{% endif %} 
+		{% if site.data.sidebar.pinterest && site.data.sidebar.pinterest != "" %}<a target="_blank" href="https://pinterest.com/{{ site.data.sidebar.pinterest }}">{% include social-icon.html icon="Pinterest" %}</a>{% endif %} 
+		{% if site.data.sidebar.instagram && site.data.sidebar.instagram != "" %}<a target="_blank" href="https://www.instagram.com/{{ site.data.sidebar.instagram }}">{% include social-icon.html icon="Instagram" %}</a>{% endif %} 
+		<a target="_blank" href="{{ site.baseurl }}/feed.xml">{% include social-icon.html icon="RSS" %}</a>
+	</div>
+
+	{% if site.newsletter_action && site.newsletter_action!=""%}<form action="{{ site.newsletter_action }}" method="post">
+		<h3>Newsletter</h3>
+		<p>Get my latest recipes sent straight to your inbox.</p>
+		<input type="text" name="EMAIL" placeholder="Email address">
+		<input type="submit" value="Sign up">
+	</form>
+	{% endif %}
+</aside>

data/_includes/social-icon.html

@@ -0,0 +1,20 @@
+{% case include.icon %}
+	{% when "Facebook" %}
+		<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M19,4V7H17A1,1 0 0,0 16,8V10H19V13H16V20H13V13H11V10H13V7.5C13,5.56 14.57,4 16.5,4M20,2H4A2,2 0 0,0 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z" /></svg>
+	{% when "Instagram" %}
+		<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" /></svg>
+	{% when "LinkedIn" %}
+		<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M19,19H16V13.7A1.5,1.5 0 0,0 14.5,12.2A1.5,1.5 0 0,0 13,13.7V19H10V10H13V11.2C13.5,10.36 14.59,9.8 15.5,9.8A3.5,3.5 0 0,1 19,13.3M6.5,8.31C5.5,8.31 4.69,7.5 4.69,6.5A1.81,1.81 0 0,1 6.5,4.69C7.5,4.69 8.31,5.5 8.31,6.5A1.81,1.81 0 0,1 6.5,8.31M8,19H5V10H8M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z" /></svg>
+	{% when "Pinterest" %}
+		<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M13,16.2C12.2,16.2 11.43,15.86 10.88,15.28L9.93,18.5L9.86,18.69L9.83,18.67C9.64,19 9.29,19.2 8.9,19.2C8.29,19.2 7.8,18.71 7.8,18.1C7.8,18.05 7.81,18 7.81,17.95H7.8L7.85,17.77L9.7,12.21C9.7,12.21 9.5,11.59 9.5,10.73C9.5,9 10.42,8.5 11.16,8.5C11.91,8.5 12.58,8.76 12.58,9.81C12.58,11.15 11.69,11.84 11.69,12.81C11.69,13.55 12.29,14.16 13.03,14.16C15.37,14.16 16.2,12.4 16.2,10.75C16.2,8.57 14.32,6.8 12,6.8C9.68,6.8 7.8,8.57 7.8,10.75C7.8,11.42 8,12.09 8.34,12.68C8.43,12.84 8.5,13 8.5,13.2A1,1 0 0,1 7.5,14.2C7.13,14.2 6.79,14 6.62,13.7C6.08,12.81 5.8,11.79 5.8,10.75C5.8,7.47 8.58,4.8 12,4.8C15.42,4.8 18.2,7.47 18.2,10.75C18.2,13.37 16.57,16.2 13,16.2M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z" /></svg>
+	{% when "Tumblr" %}
+		<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M16,11H13V14.9C13,15.63 13.14,16 14.1,16H16V19C16,19 14.97,19.1 13.9,19.1C11.25,19.1 10,17.5 10,15.7V11H8V8.2C10.41,8 10.62,6.16 10.8,5H13V8H16M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z" /></svg>
+	{% when "Twitter" %}
+		<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z" /></svg>
+	{% when "YouTube" %}
+		<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M10,16.5V7.5L16,12M20,4.4C19.4,4.2 15.7,4 12,4C8.3,4 4.6,4.19 4,4.38C2.44,4.9 2,8.4 2,12C2,15.59 2.44,19.1 4,19.61C4.6,19.81 8.3,20 12,20C15.7,20 19.4,19.81 20,19.61C21.56,19.1 22,15.59 22,12C22,8.4 21.56,4.91 20,4.4Z" /></svg>
+	{% when "RSS" %}
+		<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><circle cx="6.18" cy="17.82" r="2.18"/><path d="M4 4.44v2.83c7.03 0 12.73 5.7 12.73 12.73h2.83c0-8.59-6.97-15.56-15.56-15.56zm0 5.66v2.83c3.9 0 7.07 3.17 7.07 7.07h2.83c0-5.47-4.43-9.9-9.9-9.9z"/></svg>
+	{% when "Email" %}
+		<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/><path d="M0 0h24v24H0z" fill="none"/></svg>
+{% endcase %}

data/_layouts/default.html

@@ -0,0 +1,47 @@
+<!doctype html>
+
+<html lang="en">
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+
+		{% seo %}
+		{% feed_meta %}
+
+		<link href="//fonts.googleapis.com/css?family=Antic+Slab|Fira+Sans" rel="stylesheet">
+		<link rel="stylesheet" media="screen" href="{{ site.baseurl }}/css/screen.css">
+		{% if page.print_stylesheet %}
+			<link rel="stylesheet" media="print" href="{{ site.baseurl }}/css/print.css">
+		{% endif %}
+		<link rel="icon" type="image/png" href="{{ site.baseurl }}/images/favicon.png">
+
+		{% if jekyll.environment == 'production' and site.google_analytics_key != '' %}
+			<script>
+				window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
+				ga('create', '{{ site.google_analytics_key }}', 'auto');
+				ga('send', 'pageview');
+			</script>
+			<script async src='https://www.google-analytics.com/analytics.js'></script>
+		{% endif %}
+	</head>
+	<body>
+		{% include navigation.html %}
+		<header>
+			<a href="{{site.baseurl }}/">
+				<img src="{{ site.baseurl }}{{ site.data.company_details.logo_image }}" width="180" alt="logo">
+			</a>
+
+		</header>
+			
+		<div class="container main-content">
+			<section class="content">{{ content }}</section>
+			{% include sidebar.html %}
+		</div>
+		<footer>
+			<div class="container">
+				<hr>
+				&copy; {{ site.title }} {{ site.time | date: "%Y" }}. All rights reserved.
+			</div>
+		</footer>
+	</body>
+</html>

data/_layouts/post.html

@@ -0,0 +1,79 @@
+---
+layout: default
+---
+<article class="post">
+	{% include post-heading.html post=page post_page=true %}
+	<div class="image">
+		<img src="{{ page.featured_image }}" alt="{{ page.title }}">
+	</div>
+
+	<div class="recipe-body">
+		{{ content }}
+	</div>
+
+	<ul id="recipe" class="recipe-overview">
+		<li title="Servings">{% include recipe-icon.html icon="quantity" %}<span>{{ page.recipe.servings }}</span></li>
+		<li title="Prep Time">{% include recipe-icon.html icon="time" %}<span>{{ page.recipe.prep }}</span></li>
+		<li title="Cook Time">{% include recipe-icon.html icon="cook" %}<span>{{ page.recipe.cook }}</span></li>
+	</ul>
+
+	<div class="recipe-contents">
+		<div class="ingredients">
+			<h2>Ingredients</h2>
+			{{ page.recipe.ingredients_markdown | markdownify }}
+		</div>
+
+		<div class="directions">
+			<h2>Directions</h2>
+			{{ page.recipe.directions_markdown | markdownify }}
+		</div>
+	</div>
+
+	<div class="sharing">
+		{% assign share_url = page.url | absolute_url | cgi_escape %}
+		<a class="facebook" href="https://www.facebook.com/sharer/sharer.php?u={{ share_url }}">{% include social-icon.html icon="Facebook" %}</a>
+		<a class="twitter" href="https://twitter.com/intent/tweet?url={{ share_url }}&amp;text=I'm%20going%20to%20this%20event!">{% include social-icon.html icon="Twitter" %}</a>
+		<a class="instagram" href="https://instagram.com">{% include social-icon.html icon="Instagram" %}</a>
+		<a class="pinterest" href="//pinterest.com/pin/create/link/?url={{ share_url }}&amp;description={{ page.description }}">{% include social-icon.html icon="Pinterest" %}</a>
+		<a class="email" href="mailto:?subject=I've%20found%20a%20great%20recipe&amp;body=Check%20it%20out%20-%20{{ share_url }}">{% include social-icon.html icon="Email" %}</a>
+	</div>
+
+	<div class="cta">
+		<h2>More delicious recipes</h2>
+		<p>This is one of the many fantastic recipes available on this blog</p>
+		<div class="button"><a href="{{ site.baseurl }}/recipes">Check out more recipes</a></div>
+	</div>
+	{% if site.disqus_shortname and page.comments %}
+		<div id="disqus_thread"></div>
+		<script>
+			var disqus_shortname = '{{ site.disqus_shortname }}';
+			var disqus_config = function () {
+				this.page.url = "{{ page.url | prepend: site.url }}";
+				this.page.identifier = "{{ page.id }}";
+			};
+			(function() {  // DON'T EDIT BELOW THIS LINE
+				var d = document, s = d.createElement('script');
+				s.src = '//' + disqus_shortname + '.disqus.com/embed.js';
+				s.setAttribute('data-timestamp', +new Date());
+				(d.head || d.body).appendChild(s);
+			})();
+		</script>
+		<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
+	{% endif %}
+</article>
+
+<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
+<script type="text/javascript" src="{{ site.baseurl }}/js/jquery.imgPin.min.js"></script>
+<script>
+	$(function() {
+		$('.post img').imgPin();
+
+		$('a[href*=\\#]').on('click', function(event){
+			var el = $(this.hash);
+			if (el.length > 0) {
+				event.preventDefault();
+				$('html,body').animate({scrollTop:$(this.hash).offset().top - 50}, 500);
+			}
+		});
+	});
+</script>

data/_sass/blog.scss

@@ -0,0 +1,185 @@
+.post {
+	h1 a {
+		color: #000;
+		text-decoration: none;
+
+		&:hover {
+			text-decoration: underline;
+		}
+	}
+	time {
+		padding: 0 0 20px 0;
+		display: block;
+	}
+
+	.recipe-overview {
+		padding: 0;
+		margin: 0;
+
+		svg {
+			position: relative;
+			top: 6px;
+		}
+
+		span {
+			margin: 0 18px 0 3px;
+		}
+
+		li {
+			list-style: none;
+			padding: 0;
+			margin: 0;
+
+			@media #{$desktop} {
+				display: inline-block;
+			}
+		}
+	}
+
+	.recipe-contents {
+		@media #{$desktop} {
+			display: flex;
+		}
+
+		ul {
+			padding: 0;
+			li {
+				list-style-type: none;
+				&:before {
+					content: '\00bb';
+					color: #ff4e4e;
+					padding-right: 0.5em;
+				}
+			}
+		}
+
+		ol {
+			padding: 0;
+			li{
+				counter-increment: step-counter;
+				list-style-type: none;
+				position: relative;
+				margin-left: 34px;
+
+				&:before {
+					content: counter(step-counter);
+					margin-right: 0px;
+					background-color: #ff4e4e;
+					color: white;
+					/* padding: 1px 7px; */
+					font-size: .7em;
+					position: absolute;
+					left: -34px;
+					top: -2px;
+					width: 25px;
+					text-align: center;
+				}
+			}
+		}
+		.ingredients {
+			width: 250px;
+			padding: 0 43px 0 0;
+		}
+
+		.directions {
+			@media #{$desktop} {
+				flex: 1;
+			}
+		}
+	}
+}
+
+.post + .post {
+	margin: 65px 0 50px 0;
+}
+
+.sharing {
+	margin: 50px 0 0 0;
+	text-align: center;
+	font-size: 0;
+
+	a {
+		text-decoration: none;
+		text-align: center;
+		position: relative;
+		width: 56px;
+		display: inline-block;
+		height: 44px;
+		line-height: 0;
+		padding: 0;
+		margin: 0;
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+
+		&:hover {
+			&:before {
+				width: 100%;
+				height: 100%;
+				position: absolute;
+				top: 0;
+				left: 0;
+				background: rgba(0, 0, 0, .25);
+				content: "";
+			}
+		}
+
+		svg {
+			fill: #fff;
+		}
+
+		&.email {
+			background-color: #ff9d09;
+		}
+
+		&.facebook {
+			background-color: #3b5998;
+		}
+
+		&.twitter {
+			background-color: #55acee;
+		}
+
+		&.google-plus {
+			background-color: #db4437;
+		}
+
+		&.youtube {
+			background-color: #cd201f;
+		}
+
+		&.instagram {
+			background-color: #f167f5;
+		}
+
+		&.linkedin {
+			background-color: #0077b5;
+		}
+
+		&.pinterest {
+			background-color: #C92228;
+		}
+
+		&.pinterest-icon:hover svg {
+			fill: #bd081c;
+		}
+	}
+}
+
+.pagination {
+	text-align: center;
+	margin: 50px 0 0 0;
+}
+
+.take-me {
+	float: right;
+	.button {
+		padding-top: 10px;
+		padding-bottom: 10px;
+	}
+}
+
+.cta {
+	text-align: center;
+	padding: 50px 0 0 0;
+}

data/_sass/elements.scss

@@ -0,0 +1,56 @@
+html , body {
+	padding: 0;
+	margin: 0;
+	line-height: 1.8em;
+}
+
+body, input, textarea {
+	font-family: 'Fira Sans', sans-serif;
+	color: #222;
+	-webkit-font-smoothing: antialiased;
+}
+
+h1 {
+	font-size: 1.8em;
+	margin: 0;
+	padding: 0;
+	line-height: 1.3em;
+}
+
+h2 {
+	font-size: 1.4em;
+}
+
+time {
+	color: $light-grey;
+}
+
+header {
+	text-align: center;
+	padding: 80px 0 60px 0;
+}
+
+img {
+	max-width: 100%;
+}
+
+ol li + li {
+	margin: 20px 0 0 0;
+}
+
+footer {
+	color: $light-grey;
+	text-align: center;
+	padding: 20px 0;
+	font-size: .8em;
+}
+
+hr {
+	 border: 0;
+	 border-top: 1px solid #eee;
+}
+
+a {
+	text-decoration: none;
+	color: #007eff;
+}

data/_sass/forms.scss

@@ -0,0 +1,110 @@
+.button, input[type="submit"] {
+	background: #fff;
+	cursor: pointer;
+	border: 1px solid #666;
+	color: #000;
+	text-decoration: none;
+	padding: 5px 10px;
+	display: inline-flex;
+  align-items: flex-end;
+	margin: 0;
+	font-size: .8em;
+
+	&:hover {
+		background: #000;
+		color: #fff;
+	}
+
+	&:focus {
+		outline: none;
+	}
+}
+
+.button {
+	border-color: #000;
+
+	a {
+		color: #000;
+
+		&:hover {
+			color: #fff;
+		}
+	}
+}
+
+input[type="submit"] {
+	margin-top: 10px;
+	padding-top: 10px;
+	padding-bottom: 10px;
+}
+
+input[type="text"], input[type="email"], textarea {
+	display: block;
+	width: 100%;
+	font-size: 1.1em;
+	padding: 10px;
+	box-sizing: border-box;
+	border: 1px solid #666;
+	resize: none;
+
+	&:focus {
+		outline: 2px solid #333;
+	}
+}
+
+textarea {
+	height: 150px;
+}
+
+
+label {
+	margin: 20px 0 5px 0;
+	display: block;
+}
+
+::-webkit-input-placeholder { /* Chrome */
+  color: $light-grey;
+}
+
+:-ms-input-placeholder { /* IE 10+ */
+  color: $light-grey;
+}
+::-moz-placeholder { /* Firefox 19+ */
+  color: $light-grey;
+  opacity: 1;
+}
+:-moz-placeholder { /* Firefox 4 - 18 */
+  color: $light-grey;
+  opacity: 1;
+}
+
+legend {
+	display: none;
+}
+
+.contain {
+	border: 0;
+	background: 0;
+	padding: 0;
+	margin: 0;
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-between;
+
+	.split {
+		flex: 0 0 380px;
+	}
+}
+
+select {
+	width: 100%;
+	padding: 20px;
+	height: 43px;
+	background: #fff;
+	border-color: rgba(0,0,0,0);
+	font-size: 1em;
+	outline: 1px solid #000;
+	&:focus {
+		outline: 2px solid #333;
+	}
+}

data/_sass/layout.scss

@@ -0,0 +1,17 @@
+.container {
+	max-width: 1100px;
+	margin: 0 auto;
+}
+
+.main-content {
+	@media #{$desktop} {
+		display: flex;
+	}
+	padding: 0 30px 50px 30px;
+}
+
+.content {
+	@media #{$desktop} {
+		flex: 1;
+	}
+}

data/_sass/navigation.scss

@@ -0,0 +1,26 @@
+nav {
+	position: fixed;
+	width: 100%;
+	display: flex;
+	justify-content: center;
+	background: rgba(255, 255, 255, .9);
+	z-index: 999;
+
+	a {
+		display: inline-block;
+		text-decoration: none;
+		padding: 20px 15px;
+		color: #444;
+		text-transform: uppercase;
+		letter-spacing: 1px;
+		font-size: .9em;
+
+		&.active {
+			color: #888;
+		}
+
+		&:hover {
+			color: #000;
+		}
+	}
+}

data/_sass/recipes.scss

@@ -0,0 +1,39 @@
+.recipes {
+	display: flex;
+	flex-wrap: wrap;
+	.recipe {
+		flex: 1 0 300px;
+		height: 200px;
+		display: inline-block;
+		background-position: center;
+		background-size: cover;
+		margin: 5px 7px;
+
+		a {
+			width: 100%;
+			height: 100%;
+			display: block;
+			background: rgba(0, 0, 0, .2);
+			color: #fff;
+			text-decoration: none;
+			text-align: center;
+			vertical-align: text-bottom;
+			position: relative;
+			transition:      all 0.2s ease;
+			font-size: 1.1em;
+			font-weight: 700;
+
+			span {
+				position: absolute;
+				bottom: 5px;
+				width: 100%;
+				left: 0;
+				text-shadow: 1px 1px 1px #000;
+			}
+
+			&:hover {
+				background: none;
+			}
+		}
+	}
+}

data/_sass/sidebar.scss

@@ -0,0 +1,49 @@
+.sidebar {
+	width: 250px;
+	padding: 70px 0 0 0;
+	margin: 0 auto;
+
+	@media #{$desktop} {
+		margin: 0;
+		padding: 0 0 0 70px;
+	}
+
+	.author {
+		text-align: center;
+		p {
+			padding: 0;
+			margin: 0;
+		}
+		img {
+			width: 200px;
+			border-radius: 200px;
+			margin: 0 0 10px 0;
+		}
+	}
+
+	.social-icons {
+		display: flex;
+		justify-content: center;
+		margin: 10px 0 0 0;
+		a {
+			padding: 3px;
+			text-decoration: none;
+
+			&:hover svg {
+				fill: #000;
+			}
+		}
+
+		svg {
+			width: 25px;
+			height: 25px;
+			fill: $light-grey;
+		}
+	}
+}
+
+.sidebar.push {
+	@media #{$desktop} {
+		padding-top: 72px;
+	}
+}

data/_sass/variables.scss

@@ -0,0 +1,6 @@
+// Breakpoints
+$tablet: "(min-width: 450px)";
+$mid-point: "(min-width: 620px)";
+$desktop: "(min-width: 900px)";
+
+$light-grey: #999;

metadata

@@ -0,0 +1,207 @@
+--- !ruby/object:Gem::Specification
+name: jekyll-theme-recipe
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Hanno Witzleb
+autorequire:
+bindir: bin
+cert_chain: []
+date: 2023-03-03 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jekyll
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">"
+      - !ruby/object:Gem::Version
+        version: '3.5'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '5.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">"
+      - !ruby/object:Gem::Version
+        version: '3.5'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '5.0'
+- !ruby/object:Gem::Dependency
+  name: jekyll-seo-tag
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
+- !ruby/object:Gem::Dependency
+  name: jekyll-feed', '0.17.0
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: jekyll-paginate', '1.1.0
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: jekyll-sitemap', '1.4.0
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: tzinfo', '~> 2.0', '>= 2.0.6
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: tzinfo-data', '~> 1.2022', '>= 1.2022.7
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: html-proofer
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+- !ruby/object:Gem::Dependency
+  name: rubocop-github
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.16'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.16'
+- !ruby/object:Gem::Dependency
+  name: w3c_validators
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.3'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.3'
+description:
+email: []
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE
+- README.md
+- _includes/navigation.html
+- _includes/post-heading.html
+- _includes/recipe-icon.html
+- _includes/relative-src.html
+- _includes/sidebar.html
+- _includes/social-icon.html
+- _layouts/default.html
+- _layouts/post.html
+- _sass/blog.scss
+- _sass/elements.scss
+- _sass/forms.scss
+- _sass/layout.scss
+- _sass/navigation.scss
+- _sass/recipes.scss
+- _sass/sidebar.scss
+- _sass/variables.scss
+homepage: https://github.com/Xipit/jekyll-theme-recipe
+licenses:
+- CC0-1.0
+metadata: {}
+post_install_message:
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: 2.4.0
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.3.26
+signing_key:
+specification_version: 4
+summary: Recipe is a Jekyll theme for recipe websites, and adapted from CloudCannons
+  Treat theme
+test_files: []