{{ page.title }}
+{{ page.title | markdownify | remove: "" | remove: "
" }}
{% else %}
- {{ page.title }}
+{{ page.title | markdownify | remove: "" | remove: "
" }}
{% endif %}
@@ -37,8 +37,8 @@ layout: default {% endif %} -{% comment %}{% endcomment %} -{% if page.id and site.related_posts.size > 0 %} +{% comment %}{% endcomment %} +{% if page.id and page.related and site.related_posts.size > 0 %}
You might also enjoy (View all posts)
-
diff --git a/_pages/404.md b/_pages/404.md
index c5b315d8..ae3be79d 100644
--- a/_pages/404.md
+++ b/_pages/404.md
@@ -1,11 +1,9 @@
---
-layout: post
title: "Page Not Found"
excerpt: "Page not found. Your pixels are in another canvas."
sitemap: false
permalink: /404.html
---
-
Sorry, but the page you were trying to view does not exist --- perhaps you can try searching for it below.
+
+This post tests Twitter Embeds.
\ No newline at end of file
diff --git a/_posts/2010-10-25-post-future-date.md b/_posts/2010-10-25-post-future-date.md
new file mode 100644
index 00000000..56a21ad8
--- /dev/null
+++ b/_posts/2010-10-25-post-future-date.md
@@ -0,0 +1,7 @@
+---
+title: "Post: Future Date"
+date: 9999-12-31
+categories:
+ - Post
+---
+This post lives in the future and is dated {{ page.date | date: "%c" }}. When building Jekyll with the `--future` flag it should appear.
\ No newline at end of file
diff --git a/_posts/2012-01-02-template-comments-disabled.md b/_posts/2012-01-02-template-comments-disabled.md
new file mode 100644
index 00000000..46a08d80
--- /dev/null
+++ b/_posts/2012-01-02-template-comments-disabled.md
@@ -0,0 +1,13 @@
+---
+title: "Template: Comments Disabled"
+comments: false
+categories:
+ - Template
+ - Uncategorized
+tags:
+ - comments
+ - template
+---
+This post has its comments disabled.
+
+There should be no comment form.
\ No newline at end of file
diff --git a/_posts/2012-01-02-template-comments.md b/_posts/2012-01-02-template-comments.md
new file mode 100644
index 00000000..a7443e83
--- /dev/null
+++ b/_posts/2012-01-02-template-comments.md
@@ -0,0 +1,11 @@
+---
+title: "Template: Comments Enabled"
+comments: true
+categories:
+ - Template
+ - Uncategorized
+tags:
+ - comments
+ - template
+---
+This post should display comments.
\ No newline at end of file
diff --git a/_posts/2012-01-02-template-related-posts-disabled.md b/_posts/2012-01-02-template-related-posts-disabled.md
new file mode 100644
index 00000000..47201067
--- /dev/null
+++ b/_posts/2012-01-02-template-related-posts-disabled.md
@@ -0,0 +1,13 @@
+---
+title: "Template: Related Posts Disabled"
+related: false
+categories:
+ - Template
+ - Uncategorized
+tags:
+ - related posts
+ - template
+---
+This post has related posts disabled.
+
+Related post links should not appear.
\ No newline at end of file
diff --git a/_posts/2012-01-02-template-related-posts.md b/_posts/2012-01-02-template-related-posts.md
new file mode 100644
index 00000000..0f2a0046
--- /dev/null
+++ b/_posts/2012-01-02-template-related-posts.md
@@ -0,0 +1,11 @@
+---
+title: "Template: Related Posts Enabled"
+related: true
+categories:
+ - Template
+ - Uncategorized
+tags:
+ - related posts
+ - template
+---
+This post has related posts enabled.
\ No newline at end of file
diff --git a/_posts/2012-01-02-template-sharing-disabled.md b/_posts/2012-01-02-template-sharing-disabled.md
new file mode 100644
index 00000000..b82c3189
--- /dev/null
+++ b/_posts/2012-01-02-template-sharing-disabled.md
@@ -0,0 +1,13 @@
+---
+title: "Template: Social Sharing Links Disabled"
+share: false
+categories:
+ - Template
+ - Uncategorized
+tags:
+ - social
+ - template
+---
+This post has social sharing disabled.
+
+Social sharing links should not appear.
\ No newline at end of file
diff --git a/_posts/2012-01-02-template-sharing.md b/_posts/2012-01-02-template-sharing.md
new file mode 100644
index 00000000..aa4db931
--- /dev/null
+++ b/_posts/2012-01-02-template-sharing.md
@@ -0,0 +1,11 @@
+---
+title: "Template: Social Sharing Links Enabled"
+share: true
+categories:
+ - Template
+ - Uncategorized
+tags:
+ - social
+ - template
+---
+This post should display social sharing links.
\ No newline at end of file
diff --git a/_posts/2012-01-03-template-comments-sharing-related-posts-disabled.md b/_posts/2012-01-03-template-comments-sharing-related-posts-disabled.md
new file mode 100644
index 00000000..e6828fd0
--- /dev/null
+++ b/_posts/2012-01-03-template-comments-sharing-related-posts-disabled.md
@@ -0,0 +1,17 @@
+---
+title: "Template: Comments, Social Sharing Links, and Related Posts Disabled"
+comments: false
+share: false
+related: false
+categories:
+ - Template
+ - Uncategorized
+tags:
+ - related posts
+ - social
+ - comments
+ - template
+---
+This post has comments, social sharing links, and related posts disabled.
+
+Comments, social sharing and related post links should not appear.
\ No newline at end of file
diff --git a/_posts/2011-03-10-sample-post.md b/_posts/2012-01-03-template-table-of-contents-post.md
similarity index 87%
rename from _posts/2011-03-10-sample-post.md
rename to _posts/2012-01-03-template-table-of-contents-post.md
index 0c08cf60..9aa96fdc 100644
--- a/_posts/2011-03-10-sample-post.md
+++ b/_posts/2012-01-03-template-table-of-contents-post.md
@@ -1,15 +1,8 @@
---
-title: Sample Post
-excerpt: "Just about everything you'll need to style in the theme: headings, paragraphs, blockquotes, tables, code blocks, and more."
-modified: 2013-05-31
-tags: [intro, beginner, jekyll, tutorial]
-comments: false
-image:
- feature: sample-image-5.jpg
- credit: WeGraphics
- creditlink: http://wegraphics.net/downloads/free-ultimate-blurred-background-pack/
+title: "Template: Post with Table Of Contents"
+tags:
+ - table of contents
---
-
Overview
diff --git a/_posts/2012-01-07-template-sticky.md b/_posts/2012-01-07-template-sticky.md new file mode 100644 index 00000000..d467bc33 --- /dev/null +++ b/_posts/2012-01-07-template-sticky.md @@ -0,0 +1,15 @@ +--- +title: "Template: Sticky" +categories: + - Uncategorized +tags: + - sticky + - template +--- +This is a sticky post. + +There are a few things to verify: + + * The sticky post should be distinctly recognizable in some way in comparison to normal posts. + * They should show at the very top of the blog index page, even though they could be several posts back chronologically. + * They should still show up again in their chronologically correct position in time, but without the sticky indicator. \ No newline at end of file diff --git a/_posts/2012-03-14-template-code-excerpt-generated.md b/_posts/2012-03-14-template-code-excerpt-generated.md new file mode 100644 index 00000000..0f9f9966 --- /dev/null +++ b/_posts/2012-03-14-template-code-excerpt-generated.md @@ -0,0 +1,13 @@ +--- +title: "Template: Code Excerpt (Generated)" +categories: + - Template + - Uncategorized +tags: + - content + - excerpt + - template +--- +This is the post content with inline code, (e.g. `red`. It should be displayed in place of the auto-generated excerpt in single-page views. Archive-index pages should display an auto-generated excerpt of this content. + +Be sure to test the formatting of the auto-generated excerpt, to ensure that it doesn't create any layout problems. \ No newline at end of file diff --git a/_posts/2012-03-14-template-excerpt-defined.md b/_posts/2012-03-14-template-excerpt-defined.md new file mode 100644 index 00000000..bdc9f899 --- /dev/null +++ b/_posts/2012-03-14-template-excerpt-defined.md @@ -0,0 +1,14 @@ +--- +title: "Template: Excerpt (Defined)" +excerpt: "This is a user-defined post excerpt. It should be displayed in place of the post content in archive-index pages." +categories: + - Template + - Uncategorized +tags: + - content + - excerpt + - template +--- +This is the post content. It should be displayed in place of the user-defined excerpt in archive-index pages. + +This paragraph should be absent from an archive-index page where `post.excerpt` is shown. \ No newline at end of file diff --git a/_posts/2012-03-14-template-excerpt-generated.md b/_posts/2012-03-14-template-excerpt-generated.md new file mode 100644 index 00000000..7ff3df7a --- /dev/null +++ b/_posts/2012-03-14-template-excerpt-generated.md @@ -0,0 +1,16 @@ +--- +title: "Template: Excerpt (Generated)" +excerpt_separator: "" +categories: + - Template + - Uncategorized +tags: + - content + - excerpt + - template +--- +This is the post content. It should be displayed in place of the auto-generated excerpt in single-page views. Archive-index pages should display an auto-generated excerpt of this content. + + + +Be sure to test the formatting of the auto-generated excerpt, to ensure that it doesn't create any layout problems. \ No newline at end of file diff --git a/_posts/2014-07-31-author-override.md b/_posts/2012-03-15-template-author-override.md similarity index 90% rename from _posts/2014-07-31-author-override.md rename to _posts/2012-03-15-template-author-override.md index 53b1f2c7..00ce9b66 100644 --- a/_posts/2014-07-31-author-override.md +++ b/_posts/2012-03-15-template-author-override.md @@ -1,11 +1,8 @@ --- -title: "Author Override" +title: "Template: Author Override" author: billy_rick -modified: excerpt: "A post to test author overrides using a data file." -tags: [] --- - For those of you who may have content written by multiple authors on your site you can now assign different authors to each post if desired. Previously the theme used a global author for the entire site and those attributes would be used in all bylines, social networking links, Twitter Card attribution, and Google Authorship. These `owner` variables were defined in `config.yml` @@ -13,7 +10,7 @@ Previously the theme used a global author for the entire site and those attribut Start by modifying or creating a new `authors.yml` file in the `_data` folder and add your authors using the following format. {% highlight yaml %} -# Authors +# /_data/authors.yml billy_rick: name: Billy Rick @@ -22,8 +19,6 @@ billy_rick: bio: "What do you want, jewels? I am a very extravagant man." avatar: bio-photo-2.jpg twitter: extravagantman - google: - plus: BillyRick cornelius_fiddlebone: name: Cornelius Fiddlebone @@ -31,8 +26,6 @@ cornelius_fiddlebone: bio: "I ordered what?" avatar: bio-photo.jpg twitter: rhymeswithsackit - google: - plus: CorneliusFiddlebone {% endhighlight %} To assign Billy Rick as an author for our post. You'd add the following YAML front matter to a post: diff --git a/_posts/2012-03-15-template-featured-image-external.md b/_posts/2012-03-15-template-featured-image-external.md new file mode 100644 index 00000000..82155ea7 --- /dev/null +++ b/_posts/2012-03-15-template-featured-image-external.md @@ -0,0 +1,16 @@ +--- +title: "Template: Featured Image (External URL)" +header: + image: https://farm5.staticflickr.com/4140/4939863887_84705982fd_b.jpg +categories: + - Template + - Uncategorized +tags: + - edge case + - featured image + - image + - template +--- +This post should display a **featured image**, if the theme supports it. + +Featured image is an external asset and should load. \ No newline at end of file diff --git a/_posts/2012-03-15-template-featured-image-horizontal.md b/_posts/2012-03-15-template-featured-image-horizontal.md new file mode 100644 index 00000000..6e1d3700 --- /dev/null +++ b/_posts/2012-03-15-template-featured-image-horizontal.md @@ -0,0 +1,19 @@ +--- +title: "Template: Featured Image (Horizontal)" +header: + image: unsplash-image-1.jpg + caption: "Photo credit: [**Unsplash**](https://unsplash.com)" +categories: + - Template + - Uncategorized +tags: + - edge case + - featured image + - image + - template +--- +This post should display a **featured image**, if the theme supports it. + +Non-square images can provide some unique styling issues. + +This post tests a horizontal featured image. \ No newline at end of file diff --git a/_posts/2013-05-23-readability-feature-post.md b/_posts/2012-03-15-template-featured-image-text-readability.md similarity index 92% rename from _posts/2013-05-23-readability-feature-post.md rename to _posts/2012-03-15-template-featured-image-text-readability.md index 7cff1e7e..ac219fbe 100644 --- a/_posts/2013-05-23-readability-feature-post.md +++ b/_posts/2012-03-15-template-featured-image-text-readability.md @@ -1,13 +1,13 @@ --- -title: "Post with Large Feature Image and Text" -excerpt: "Custom written post descriptions are the way to go... if you're not lazy." -tags: [sample post, readability, test] -image: - feature: sample-image-4.jpg - credit: WeGraphics - creditlink: http://wegraphics.net/downloads/free-ultimate-blurred-background-pack/ +title: "Template: Featured Image and Text Readability" +header: + image: unsplash-image-4.jpg + caption: "Photo credit: [**Unsplash**](https://unsplash.com)" +tags: + - sample post + - readability + - test --- - This is a sample post with a large feature image[^1] up top and tons of text. Odio ad blue bottle vinyl, 90's narwhal commodo bitters pour-over nostrud. Ugh est hashtag in, fingerstache adipisicing laboris esse Pinterest shabby chic Portland. Shoreditch bicycle rights anim, flexitarian laboris put a bird on it vinyl cupidatat narwhal. Hashtag artisan skateboard, flannel Bushwick nesciunt salvia aute fixie do plaid post-ironic dolor McSweeney's. Cliche pour-over chambray nulla four loko skateboard sapiente hashtag. Vero laborum commodo occupy. Semiotics voluptate mumblecore pug. Cosby sweater ullamco quinoa ennui assumenda, sapiente occupy delectus lo-fi. *Ea fashion axe [Marfa cillum aliquip](#). Retro Bushwick keytar cliche.* Before they sold out sustainable gastropub Marfa readymade, ethical Williamsburg skateboard brunch qui consectetur gentrify semiotics. Mustache cillum irony, fingerstache magna pour-over keffiyeh tousled selfies. @@ -16,10 +16,10 @@ Vero laborum commodo occupy. Semiotics voluptate mumblecore pug. Cosby sweater u In pug Portland incididunt mlkshk put a bird on it vinyl quinoa. **[Terry Richardson](#) shabby chic +1**, scenester Tonx excepteur tempor fugiat voluptate fingerstache aliquip nisi next level. Farm-to-table hashtag Truffaut, Odd Future ex meggings gentrify single-origin coffee try-hard 90's. -* Sartorial hoodie -* Labore viral forage -* Tote bag selvage -* DIY exercitation et id ugh tumblr church-key + * Sartorial hoodie + * Labore viral forage + * Tote bag selvage + * DIY exercitation et id ugh tumblr church-key Incididunt umami sriracha, ethical fugiat VHS ex assumenda yr irure direct trade. Marfa Truffaut bicycle rights, kitsch placeat Etsy kogi asymmetrical. Beard locavore flexitarian, kitsch photo booth hoodie plaid ethical readymade leggings yr. diff --git a/_posts/2012-03-15-template-featured-image-vertical.md b/_posts/2012-03-15-template-featured-image-vertical.md new file mode 100644 index 00000000..ff252d0f --- /dev/null +++ b/_posts/2012-03-15-template-featured-image-vertical.md @@ -0,0 +1,20 @@ +--- +title: "Template: Featured Image (Vertical)" +header: + image: unsplash-image-6.jpg + caption: "Photo credit: [**Unsplash**](https://unsplash.com)" +categories: + - Template + - Uncategorized +tags: + - Codex + - edge case + - featured image + - image + - template +--- +This post should display a **featured image**, if the theme supports it. + +Non-square images can provide some unique styling issues. + +This post tests a vertical featured image. \ No newline at end of file diff --git a/_posts/2012-03-15-template-more-tag.md b/_posts/2012-03-15-template-more-tag.md new file mode 100644 index 00000000..9ace97ac --- /dev/null +++ b/_posts/2012-03-15-template-more-tag.md @@ -0,0 +1,17 @@ +--- +title: "Template: More Tag" +categories: + - Template + - Uncategorized +tags: + - content + - read more + - template +--- +This content is before the [excerpt separator tag](http://jekyllrb.com/docs/posts/#post-excerpts). + +Right after this sentence there should be a **continue reading** link of some sort in archive-index pages. + + + +And this content is after the more tag. \ No newline at end of file diff --git a/_posts/2012-05-22-readability-post.md b/_posts/2012-05-22-markup-text-readability.md similarity index 95% rename from _posts/2012-05-22-readability-post.md rename to _posts/2012-05-22-markup-text-readability.md index c742eb38..be2779d2 100644 --- a/_posts/2012-05-22-readability-post.md +++ b/_posts/2012-05-22-markup-text-readability.md @@ -1,9 +1,11 @@ --- -title: "Testing Readability with a Bunch of Text" -excerpt: "A ton of text to test readability." -tags: [sample post, readability, test] +title: "Markup: Text Readability Test" +excerpt: "A bunch of text to test readability." +tags: + - sample post + - readability + - test --- - Portland in shoreditch Vice, labore typewriter pariatur hoodie fap sartorial Austin. Pinterest literally occupy Schlitz forage. Odio ad blue bottle vinyl, 90's narwhal commodo bitters pour-over nostrud. Ugh est hashtag in, fingerstache adipisicing laboris esse Pinterest shabby chic Portland. Shoreditch bicycle rights anim, flexitarian laboris put a bird on it vinyl cupidatat narwhal. Hashtag artisan skateboard, flannel Bushwick nesciunt salvia aute fixie do plaid post-ironic dolor McSweeney's. Cliche pour-over chambray nulla four loko skateboard sapiente hashtag. Vero laborum commodo occupy. Semiotics voluptate mumblecore pug. Cosby sweater ullamco quinoa ennui assumenda, sapiente occupy delectus lo-fi. Ea fashion axe Marfa cillum aliquip. Retro Bushwick keytar cliche. Before they sold out sustainable gastropub Marfa readymade, ethical Williamsburg skateboard brunch qui consectetur gentrify semiotics. Mustache cillum irony, fingerstache magna pour-over keffiyeh tousled selfies. @@ -12,10 +14,10 @@ Vero laborum commodo occupy. Semiotics voluptate mumblecore pug. Cosby sweater u In pug Portland incididunt mlkshk put a bird on it vinyl quinoa. Terry Richardson shabby chic +1, scenester Tonx excepteur tempor fugiat voluptate fingerstache aliquip nisi next level. Farm-to-table hashtag Truffaut, Odd Future ex meggings gentrify single-origin coffee try-hard 90's. -* Sartorial hoodie -* Labore viral forage -* Tote bag selvage -* DIY exercitation et id ugh tumblr church-key + * Sartorial hoodie + * Labore viral forage + * Tote bag selvage + * DIY exercitation et id ugh tumblr church-key Incididunt umami sriracha, ethical fugiat VHS ex assumenda yr irure direct trade. Marfa Truffaut bicycle rights, kitsch placeat Etsy kogi asymmetrical. Beard locavore flexitarian, kitsch photo booth hoodie plaid ethical readymade leggings yr. diff --git a/_posts/2013-01-05-markup-title-with-markup.md b/_posts/2013-01-05-markup-title-with-markup.md new file mode 100644 index 00000000..6a4a9622 --- /dev/null +++ b/_posts/2013-01-05-markup-title-with-markup.md @@ -0,0 +1,13 @@ +--- +title: "Markup: Title *with* **Markdown**" +categories: + - Markdown +tags: + - css + - html + - title +--- +Verify that: + +* The post title renders the word "with" in *italics* and the word "Markdown" in **bold**. +* The post title markup should be removed from the browser window / tab. \ No newline at end of file diff --git a/_posts/2013-01-05-markup-title-with-special-characters.md b/_posts/2013-01-05-markup-title-with-special-characters.md new file mode 100644 index 00000000..65a4888f --- /dev/null +++ b/_posts/2013-01-05-markup-title-with-special-characters.md @@ -0,0 +1,431 @@ +--- +title: "Markup: Title with Special --- Characters" +categories: + - Markup +tags: + - html + - markup + - post + - title +--- +Putting special characters in the title should have no adverse effect on the layout or functionality. + +Special characters in the post title have been known to cause issues with JavaScript and XML when not properly encoded and escaped. + +## Latin Character Tests + +This is a test to see if the fonts used in this theme support basic Latin characters. + ++ ! + | + ++ “ + | + ++ # + | + ++ $ + | + ++ % + | + ++ & + | + ++ ‘ + | + ++ ( + | + ++ ) + | + ++ * + | +
+ + + | + ++ , + | + ++ – + | + ++ . + | + ++ / + | + ++ | + ++ 1 + | + ++ 2 + | + ++ 3 + | + ++ 4 + | +
+ 5 + | + ++ 6 + | + ++ 7 + | + ++ 8 + | + ++ 9 + | + ++ : + | + ++ ; + | + ++ > + | + ++ = + | + ++ < + | +
+ ? + | + ++ @ + | + ++ A + | + ++ B + | + ++ C + | + ++ D + | + ++ E + | + ++ F + | + ++ G + | + ++ H + | +
+ I + | + ++ J + | + ++ K + | + ++ L + | + ++ M + | + ++ N + | + ++ O + | + ++ P + | + ++ Q + | + ++ R + | +
+ S + | + ++ T + | + ++ U + | + ++ V + | + ++ W + | + ++ X + | + ++ Y + | + ++ Z + | + ++ [ + | + ++ | +
+ ] + | + ++ ^ + | + ++ _ + | + ++ ` + | + ++ a + | + ++ b + | + ++ c + | + ++ d + | + ++ e + | + ++ f + | +
+ g + | + ++ h + | + ++ i + | + ++ j + | + ++ k + | + ++ l + | + ++ m + | + ++ n + | + ++ o + | + ++ p + | +
+ q + | + ++ r + | + ++ s + | + ++ t + | + ++ u + | + ++ v + | + ++ w + | + ++ x + | + ++ y + | + ++ z + | +
+ { + | + ++ | + | + ++ } + | + ++ ~ + | + ++ | + ++ | + ++ | + ++ | + ++ | + ++ | +
Cupertino, CA 95014
United States + + +### Anchor Tag (aka. Link) + +This is an example of a [link](http://apple.com "Apple"). + +### Abbreviation Tag + +The abbreviation CSS stands for "Cascading Style Sheets". + +*[CSS]: Cascading Style Sheets + +### Cite Tag + +"Code is poetry." ---Automattic + +### Code Tag + +You will learn later on in these tests that `word-wrap: break-word;` will be your best friend. + +### Strike Tag + +This tag will let you
` tag.
+
+### Preformatted Tag
+
+This tag styles large blocks of code.
+
+
+.post-title {
+ margin: 0 0 5px;
+ font-weight: bold;
+ font-size: 38px;
+ line-height: 1.2;
+ and here's a line of some really, really, really, really long text, just to see how the PRE tag handles it and to find out how it overflows;
+}
+
+
+### Quote Tag
+
+Developers, developers, developers…
–Steve Ballmer
+
+### Strong Tag
+
+This tag shows **bold text**.
+
+### Subscript Tag
+
+Getting our science styling on with H2O, which should push the "2" down.
+
+### Superscript Tag
+
+Still sticking with science and Isaac Newton's E = MC2, which should lift the 2 up.
+
+### Variable Tag
+
+This allows you to denote variables.
\ No newline at end of file
diff --git a/_posts/2013-05-22-sample-post-images.md b/_posts/2013-05-22-markup-more-images.md
similarity index 94%
rename from _posts/2013-05-22-sample-post-images.md
rename to _posts/2013-05-22-markup-more-images.md
index 493b3cc0..c21f5340 100644
--- a/_posts/2013-05-22-sample-post-images.md
+++ b/_posts/2013-05-22-markup-more-images.md
@@ -1,7 +1,10 @@
---
-title: "A Post with Images"
+title: "Markup: Another Post with Images"
excerpt: "Examples and code for displaying images in posts."
-tags: [sample post, images, test]
+tags:
+ - sample post
+ - images
+ - test
---
Here are some examples of what a post with images might look like. If you want to display two or three images next to each other responsively use `figure` with the appropriate `class`. Each instance of `figure` is auto-numbered and displayed in the caption.
@@ -21,13 +24,13 @@ Vero laborum commodo occupy. Semiotics voluptate mumblecore pug. Cosby sweater u
Apply the `half` class like so to display two images side by side that share the same caption.
-{% highlight html %}
+```html
-{% endhighlight %}
+```
And you'll get something that looks like this:
@@ -41,14 +44,14 @@ And you'll get something that looks like this:
Apply the `third` class like so to display three images side by side that share the same caption.
-{% highlight html %}
+```html
-{% endhighlight %}
+```
And you'll get something that looks like this:
diff --git a/_posts/2013-08-16-code-highlighting-post.md b/_posts/2013-08-16-code-highlighting-post.md
deleted file mode 100644
index 4125eb75..00000000
--- a/_posts/2013-08-16-code-highlighting-post.md
+++ /dev/null
@@ -1,119 +0,0 @@
----
-title: Syntax Highlighting Post
-excerpt: "Demo post displaying the various ways of highlighting code in Markdown."
-tags: [sample post, code, highlighting]
-modified: 2016-02-01
----
-
-Syntax highlighting is a feature that displays source code, in different colors and fonts according to the category of terms. This feature facilitates writing in a structured language such as a programming language or a markup language as both structures and syntax errors are visually distinct. Highlighting does not affect the meaning of the text itself; it is intended only for human readers.[^1]
-
-[^1]:
-
-### Highlighted Code Blocks
-
-To modify styling and highlight colors edit `/_sass/syntax.scss`.
-
-{% highlight css %}
-#container {
- float: left;
- margin: 0 -240px 0 0;
- width: 100%;
-}
-{% endhighlight %}
-
-{% highlight html %}
-{% raw %}
-
-{% endraw %}
-{% endhighlight %}
-
-{% highlight ruby %}
-module Jekyll
- class TagIndex < Page
- def initialize(site, base, dir, tag)
- @site = site
- @base = base
- @dir = dir
- @name = 'index.html'
- self.process(@name)
- self.read_yaml(File.join(base, '_layouts'), 'tag_index.html')
- self.data['tag'] = tag
- tag_title_prefix = site.config['tag_title_prefix'] || 'Tagged: '
- tag_title_suffix = site.config['tag_title_suffix'] || '–'
- self.data['title'] = "#{tag_title_prefix}#{tag}"
- self.data['description'] = "An archive of posts tagged #{tag}."
- end
- end
-end
-{% endhighlight %}
-
-
-### Standard Code Block
-
- {% raw %}
-
- {% endraw %}
-
-
-### Fenced Code Blocks
-
-To modify styling and highlight colors edit `/_sass/coderay.scss`. Line numbers and a few other things can be modified in `_config.yml`. Consult [Jekyll's documentation](http://jekyllrb.com/docs/configuration/) for more information.
-
-~~~ css
-#container {
- float: left;
- margin: 0 -240px 0 0;
- width: 100%;
-}
-~~~
-
-~~~ html
-{% raw %}{% endraw %}
-~~~
-
-~~~ ruby
-module Jekyll
- class TagIndex < Page
- def initialize(site, base, dir, tag)
- @site = site
- @base = base
- @dir = dir
- @name = 'index.html'
- self.process(@name)
- self.read_yaml(File.join(base, '_layouts'), 'tag_index.html')
- self.data['tag'] = tag
- tag_title_prefix = site.config['tag_title_prefix'] || 'Tagged: '
- tag_title_suffix = site.config['tag_title_suffix'] || '–'
- self.data['title'] = "#{tag_title_prefix}#{tag}"
- self.data['description'] = "An archive of posts tagged #{tag}."
- end
- end
-end
-~~~
-
-### GitHub Gist Embed
-
-An example of a Gist embed below.
-
-{% gist mmistakes/6589546 %}
diff --git a/_posts/2013-08-16-markup-syntax-highlighting.md b/_posts/2013-08-16-markup-syntax-highlighting.md
new file mode 100644
index 00000000..41b17998
--- /dev/null
+++ b/_posts/2013-08-16-markup-syntax-highlighting.md
@@ -0,0 +1,77 @@
+---
+title: "Markup: Syntax Highlighting"
+excerpt: "Post displaying the various ways of highlighting code in Markdown."
+tags:
+ - code
+ - syntax highlighting
+---
+
+Syntax highlighting is a feature that displays source code, in different colors and fonts according to the category of terms. This feature facilitates writing in a structured language such as a programming language or a markup language as both structures and syntax errors are visually distinct. Highlighting does not affect the meaning of the text itself; it is intended only for human readers.[^1]
+
+[^1]:
+
+### GFM Code Blocks
+
+GitHub Flavored Markdown [fenced code blocks](https://help.github.com/articles/creating-and-highlighting-code-blocks/) are supported. To modify styling and highlight colors edit `/_sass/syntax.scss`.
+
+```css
+#container {
+ float: left;
+ margin: 0 -240px 0 0;
+ width: 100%;
+}
+```
+
+```html
+{% raw %}{% endraw %}
+```
+
+```ruby
+module Jekyll
+ class TagIndex < Page
+ def initialize(site, base, dir, tag)
+ @site = site
+ @base = base
+ @dir = dir
+ @name = 'index.html'
+ self.process(@name)
+ self.read_yaml(File.join(base, '_layouts'), 'tag_index.html')
+ self.data['tag'] = tag
+ tag_title_prefix = site.config['tag_title_prefix'] || 'Tagged: '
+ tag_title_suffix = site.config['tag_title_suffix'] || '–'
+ self.data['title'] = "#{tag_title_prefix}#{tag}"
+ self.data['description'] = "An archive of posts tagged #{tag}."
+ end
+ end
+end
+```
+
+### Code Blocks in Lists
+
+Indentation matters. Be sure the indent of the code block aligns with the first non-space character after the list item marker (e.g., `1.`). Usually this will mean indenting 3 spaces instead of 4.
+
+1. Do step 1.
+2. Now do this:
+
+ ```ruby
+ def print_hi(name)
+ puts "Hi, #{name}"
+ end
+ print_hi('Tom')
+ #=> prints 'Hi, Tom' to STDOUT.
+ ```
+
+3. Now you can do this.
+
+### GitHub Gist Embed
+
+An example of a Gist embed below.
+
+{% gist mmistakes/6589546 %}
diff --git a/_posts/2016-02-24-welcome-to-jekyll.md b/_posts/2016-02-24-welcome-to-jekyll.md
new file mode 100644
index 00000000..f343cd3a
--- /dev/null
+++ b/_posts/2016-02-24-welcome-to-jekyll.md
@@ -0,0 +1,26 @@
+---
+title: "Welcome to Jekyll!"
+categories:
+ - Jekyll
+tags:
+ - update
+---
+You'll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.
+
+To add new posts, simply add a file in the `_posts` directory that follows the convention `YYYY-MM-DD-name-of-post.ext` and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.
+
+Jekyll also offers powerful support for code snippets:
+
+```ruby
+def print_hi(name)
+ puts "Hi, #{name}"
+end
+print_hi('Tom')
+#=> prints 'Hi, Tom' to STDOUT.
+```
+
+Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll's GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll Talk][jekyll-talk].
+
+[jekyll-docs]: http://jekyllrb.com/docs/home
+[jekyll-gh]: https://github.com/jekyll/jekyll
+[jekyll-talk]: https://talk.jekyllrb.com/
\ No newline at end of file
diff --git a/_recipes/chocolate-chip-cookies.md b/_recipes/chocolate-chip-cookies.md
new file mode 100644
index 00000000..d40da08e
--- /dev/null
+++ b/_recipes/chocolate-chip-cookies.md
@@ -0,0 +1,33 @@
+---
+title: "Chocolate Chip Cookies"
+categories:
+ - cookies
+ - desert
+---
+A chocolate chip cookie is a drop cookie that originated in the United States and features chocolate chips as its distinguishing ingredient.
+
+The traditional recipe combines a dough composed of butter and both brown and white sugar with semi-sweet chocolate chips. Variations include recipes with other types of chocolate as well as additional ingredients such as nuts or oatmeal.
+
+This recipe makes 4 dozen cookies.
+
+## Ingredients
+
+* 2 1/4 cups all-purpose flour
+* 1 teaspoon baking soda
+* 1/2 teaspoon salt
+* 1 cup butter, softened and cut to pieces
+* 1 cup sugar
+* 1 cup light brown sugar, packed
+* 2 teaspoons vanilla extract
+* 2 large eggs
+* 2 cups semi-sweet chocolate chips
+* 1/2 teaspoon nutmeg (optional)
+* 1 cup chopped pecans or walnuts (optional)
+
+## Directions
+
+1. Preheat the oven to 350 F.
+2. In a medium bowl, whisk flour with baking soda, nutmeg and salt.
+3. In a large bowl, beat butter with sugar and brown sugar until creamy and light. Add vanilla and eggs, one at a time, and mix until incorporated.
+4. Gradually add dry mixture into the butter-sugar wet blend, mixing with a spatula until combined. Add chocolate chips and nuts until just mixed.
+5. Drop tablespoon-sized clumps onto un-greased cookie sheets. Bake for 8-12 minutes, or until pale brown. Allow to cool on the pan for a minute or three, then transfer cookies to a wire rack to finish cooling.
\ No newline at end of file
diff --git a/_recipes/oatmeal-cookies.md b/_recipes/oatmeal-cookies.md
new file mode 100644
index 00000000..3fc2793f
--- /dev/null
+++ b/_recipes/oatmeal-cookies.md
@@ -0,0 +1,24 @@
+---
+title: "Oatmeal Cookies"
+categories:
+ - cookies
+---
+Oatmeal cookies are a proverbial favorite with both kids and adults. This crisp and chewy cookie is loaded with oats, dried fruit, and chopped nuts.
+
+## Ingredients
+
+* 1 cup butter, softened 1 cup white sugar
+* 1 cup packed brown sugar
+* 2 eggs
+* 1 teaspoon vanilla extract
+* 2 cups all-purpose flour
+* 1 teaspoon baking soda
+* 1 teaspoon salt
+* 1 1/2 teaspoons ground cinnamon
+* 3 cups quick cooking oats
+
+## Directions
+
+1. In a medium bowl, cream together butter, white sugar, and brown sugar. Beat in eggs one at a time, then stir in vanilla. Combine flour, baking soda, salt, and cinnamon; stir into the creamed mixture. Mix in oats. Cover, and chill dough for at least one hour.
+2. Preheat the oven to 375 degrees F (190 degrees C). Grease cookie sheets. Roll the dough into walnut sized balls, and place 2 inches apart on cookie sheets. Flatten each cookie with a large fork dipped in sugar.
+3. Bake for 8 to 10 minutes in preheated oven. Allow cookies to cool on baking sheet for 5 minutes before transferring to a wire rack to cool completely.
\ No newline at end of file
diff --git a/_recipes/peanut-butter-cookies.md b/_recipes/peanut-butter-cookies.md
new file mode 100644
index 00000000..969acce5
--- /dev/null
+++ b/_recipes/peanut-butter-cookies.md
@@ -0,0 +1,24 @@
+---
+title: "Peanut Butter Cookies"
+categories:
+ - cookies
+---
+A peanut butter cookie is a type of cookie that is distinguished for having peanut butter as a principal ingredient. The cookie generally originated in the United States, its development dating back to the 1910s.
+
+## Ingredients
+
+* 1 cup unsalted butter
+* 1 cup crunchy peanut butter
+* 1 cup white sugar
+* 1 cup packed brown sugar
+* 2 eggs 2
+* 1/2 cups all-purpose flour
+* 1 teaspoon baking powder
+* 1/2 teaspoon salt
+* 1 1/2 teaspoons baking soda
+
+## Directions
+
+1. Cream butter, peanut butter, and sugars together in a bowl; beat in eggs.
+2. In a separate bowl, sift flour, baking powder, baking soda, and salt; stir into butter mixture. Put dough in refrigerator for 1 hour.
+3. Roll dough into 1 inch balls and put on baking sheets. Flatten each ball with a fork, making a crisscross pattern. Bake in a preheated 375 degrees F oven for about 10 minutes or until cookies begin to brown.
\ No newline at end of file
diff --git a/_sass/page.scss b/_sass/page.scss
index 45543ffb..73d4a362 100644
--- a/_sass/page.scss
+++ b/_sass/page.scss
@@ -327,11 +327,14 @@ $button-size: 1.5rem;
}
/* Author profile */
-.author-profile {
+.sidebar {
display: none;
a, a:hover {
border-bottom: 0 solid transparent;
}
+ img {
+ width: 100%;
+ }
@media #{$small} {
display: block;
@include grid(12,2);
@@ -654,6 +657,7 @@ $button-size: 1.5rem;
}
}
}
+
/*
Google search form
========================================================================== */
@@ -685,3 +689,20 @@ $button-size: 1.5rem;
#goog-wm-sb {
@extend .btn;
}
+
+/*
+ Breadcrumbs
+ ========================================================================== */
+
+.breadcrumbs {
+ ol {
+ padding: 0;
+ list-style: none;
+ }
+ li {
+ display: inline;
+ }
+ .current {
+ font-weight: bold;
+ }
+}
diff --git a/_sass/typography.scss b/_sass/typography.scss
index 334f5e51..3dc6c5a7 100644
--- a/_sass/typography.scss
+++ b/_sass/typography.scss
@@ -66,7 +66,7 @@ figcaption {
Feature image captions
========================================================================== */
-.image-credit {
+.image-caption {
@include grid(12,10);
@include prefix(12,1);
@include suffix(12,1);
@@ -153,7 +153,6 @@ li {
code {
@include font-rem(12);
line-height: 1.5;
- white-space: nowrap;
margin: 0 2px;
padding: 0 5px;
border: 1px solid lighten($black, 90);
diff --git a/images/foo-bar-identity.jpg b/images/foo-bar-identity.jpg
new file mode 100644
index 00000000..a17f31be
Binary files /dev/null and b/images/foo-bar-identity.jpg differ
diff --git a/images/sample-image-1.jpg b/images/sample-image-1.jpg
deleted file mode 100644
index f5a48689..00000000
Binary files a/images/sample-image-1.jpg and /dev/null differ
diff --git a/images/sample-image-2.jpg b/images/sample-image-2.jpg
deleted file mode 100644
index a488f51d..00000000
Binary files a/images/sample-image-2.jpg and /dev/null differ
diff --git a/images/sample-image-3.jpg b/images/sample-image-3.jpg
deleted file mode 100644
index 4a407329..00000000
Binary files a/images/sample-image-3.jpg and /dev/null differ
diff --git a/images/sample-image-4.jpg b/images/sample-image-4.jpg
deleted file mode 100644
index 25949dcd..00000000
Binary files a/images/sample-image-4.jpg and /dev/null differ
diff --git a/images/sample-image-5.jpg b/images/sample-image-5.jpg
deleted file mode 100644
index f394007d..00000000
Binary files a/images/sample-image-5.jpg and /dev/null differ
diff --git a/images/sample-image-6.jpg b/images/sample-image-6.jpg
deleted file mode 100644
index 062e07cf..00000000
Binary files a/images/sample-image-6.jpg and /dev/null differ
diff --git a/images/sample-image-7.jpg b/images/sample-image-7.jpg
deleted file mode 100644
index 90432aa0..00000000
Binary files a/images/sample-image-7.jpg and /dev/null differ
diff --git a/images/site-logo.png b/images/site-logo.png
index 850df3e2..d2fc9f52 100644
Binary files a/images/site-logo.png and b/images/site-logo.png differ
diff --git a/images/unsplash-gallery-image-1-th.jpg b/images/unsplash-gallery-image-1-th.jpg
new file mode 100644
index 00000000..b8fcb16f
Binary files /dev/null and b/images/unsplash-gallery-image-1-th.jpg differ
diff --git a/images/unsplash-gallery-image-1.jpg b/images/unsplash-gallery-image-1.jpg
new file mode 100644
index 00000000..d0479110
Binary files /dev/null and b/images/unsplash-gallery-image-1.jpg differ
diff --git a/images/unsplash-gallery-image-2-th.jpg b/images/unsplash-gallery-image-2-th.jpg
new file mode 100644
index 00000000..24e4b4ad
Binary files /dev/null and b/images/unsplash-gallery-image-2-th.jpg differ
diff --git a/images/unsplash-gallery-image-2.jpg b/images/unsplash-gallery-image-2.jpg
new file mode 100644
index 00000000..ec9d0e7c
Binary files /dev/null and b/images/unsplash-gallery-image-2.jpg differ
diff --git a/images/unsplash-gallery-image-3-th.jpg b/images/unsplash-gallery-image-3-th.jpg
new file mode 100644
index 00000000..a39e1d5a
Binary files /dev/null and b/images/unsplash-gallery-image-3-th.jpg differ
diff --git a/images/unsplash-gallery-image-3.jpg b/images/unsplash-gallery-image-3.jpg
new file mode 100644
index 00000000..f155f7e4
Binary files /dev/null and b/images/unsplash-gallery-image-3.jpg differ
diff --git a/images/unsplash-gallery-image-4-th.jpg b/images/unsplash-gallery-image-4-th.jpg
new file mode 100644
index 00000000..e42dc294
Binary files /dev/null and b/images/unsplash-gallery-image-4-th.jpg differ
diff --git a/images/unsplash-gallery-image-4.jpg b/images/unsplash-gallery-image-4.jpg
new file mode 100644
index 00000000..bb12a285
Binary files /dev/null and b/images/unsplash-gallery-image-4.jpg differ
diff --git a/images/unsplash-image-1.jpg b/images/unsplash-image-1.jpg
new file mode 100644
index 00000000..5d9b903f
Binary files /dev/null and b/images/unsplash-image-1.jpg differ
diff --git a/images/unsplash-image-10.jpg b/images/unsplash-image-10.jpg
new file mode 100644
index 00000000..bf40059b
Binary files /dev/null and b/images/unsplash-image-10.jpg differ
diff --git a/images/unsplash-image-2.jpg b/images/unsplash-image-2.jpg
new file mode 100644
index 00000000..1557c4c8
Binary files /dev/null and b/images/unsplash-image-2.jpg differ
diff --git a/images/unsplash-image-3.jpg b/images/unsplash-image-3.jpg
new file mode 100644
index 00000000..44b9bc23
Binary files /dev/null and b/images/unsplash-image-3.jpg differ
diff --git a/images/unsplash-image-4.jpg b/images/unsplash-image-4.jpg
new file mode 100644
index 00000000..9181a4f3
Binary files /dev/null and b/images/unsplash-image-4.jpg differ
diff --git a/images/unsplash-image-5.jpg b/images/unsplash-image-5.jpg
new file mode 100644
index 00000000..51718d64
Binary files /dev/null and b/images/unsplash-image-5.jpg differ
diff --git a/images/unsplash-image-6.jpg b/images/unsplash-image-6.jpg
new file mode 100644
index 00000000..3ae55ae2
Binary files /dev/null and b/images/unsplash-image-6.jpg differ
diff --git a/images/unsplash-image-7.jpg b/images/unsplash-image-7.jpg
new file mode 100644
index 00000000..d342191d
Binary files /dev/null and b/images/unsplash-image-7.jpg differ
diff --git a/images/unsplash-image-8.jpg b/images/unsplash-image-8.jpg
new file mode 100644
index 00000000..2cb9e699
Binary files /dev/null and b/images/unsplash-image-8.jpg differ
diff --git a/images/unsplash-image-9.jpg b/images/unsplash-image-9.jpg
new file mode 100644
index 00000000..914b840d
Binary files /dev/null and b/images/unsplash-image-9.jpg differ