Adds 404 pages!

groundh0g · Mar 1, 2016 · 70451bd · 70451bd
1 parent 8b05da0
commit 70451bd
Show file tree

Hide file tree

Showing 37 changed files with 64,839 additions and 2 deletions.
diff --git a/_config.yml b/_config.yml
@@ -33,7 +33,7 @@ jaytch:
     is built from the ground up to support Jekyll 3.x and Bootstrap 3.x,
     while targeting the dependencies of GitHub Pages.
 
-  page_404: tweet # one of: badge | shrug | tweet | search | milk ...
+  page_404: sticky # one of: badge | droids | glass | link | milk | potty | shrug | sticky | tweet | zork
   tweetHash:     "jaytch #blogs #OSS" # don't hash first tag
   tweetShoutOut: "GetJaytch"
 
@@ -97,6 +97,7 @@ jaytch:
             "Hosting on GitHub Pages|/docs/hosting-on-github-pages",
             "Using Author Bios|/docs/using-author-bios",
             "Frameworks, Themes,  &amp; Templates|/docs/layouts-frameworks-themes-and-templates",
+            "Specifying a 404 Page|/docs/specifying-a-404-page",
             "---",
             "Frequently Asked Questions|/docs/faqs"
           ]

diff --git a/_includes/boilerplate/404/droids.md b/_includes/boilerplate/404/droids.md
@@ -0,0 +1,11 @@
+<div style="text-align:center;">
+
+<h2>These Aren't the Droids You're Looking For!</h2>
+
+<p>You have discovered a page that doesn't exist. Don't panic, though. We're looking for it.</p>
+
+<p>You can phone a friend, or just click one of the links at the top of the page.</p>
+
+<p><img src="{{ site.baseurl }}/assets/images/404/droids.png" alt="404 droids" /></p>
+
+</div>
diff --git a/_includes/boilerplate/404/glass.md b/_includes/boilerplate/404/glass.md
@@ -0,0 +1,11 @@
+<div style="text-align:center;">
+
+<h2>Oh, No! You Broke the Site!</h2>
+
+<p>What a pane! You have discovered a page that doesn't exist. I hope this doesn't shatter your trust in us.</p>
+
+<p>Try clicking one of the links at the top of the page.</p>
+
+<p><img src="{{ site.baseurl }}/assets/images/404/glass.png" alt="404 shattered glass" /></p>
+
+</div>
diff --git a/_includes/boilerplate/404/link.md b/_includes/boilerplate/404/link.md
@@ -0,0 +1,11 @@
+<div style="text-align:center;">
+
+<h2>Great Scott!</h2>
+
+<p>This is terrible! You have discovered a dead link.</p>
+
+<p>Try clicking one of the other links at the top of the page.</p>
+
+<p><img src="{{ site.baseurl }}/assets/images/404/link.png" alt="404 dead link" /></p>
+
+</div>
diff --git a/_includes/boilerplate/404/milk.md b/_includes/boilerplate/404/milk.md
@@ -0,0 +1,11 @@
+<div style="text-align:center;">
+
+<h2>Oops! File Not Found!</h2>
+
+<p>You have discovered a page that doesn't exist. Don't panic, though. We're looking for it.</p>
+
+<p>While you wait, just enjoy the fresh dairy air and click one of the links at the top of the page.</p>
+
+<p><img src="{{ site.baseurl }}/assets/images/404/milk.png" alt="404 milk carton" /></p>
+
+</div>
diff --git a/_includes/boilerplate/404/potty.md b/_includes/boilerplate/404/potty.md
@@ -0,0 +1,11 @@
+<div style="text-align:center;">
+
+<h2>Oh, Crap!</h2>
+
+<p>What you were looking for isn't here. Don't panic, though. We're looking for it.</p>
+
+<p>It'll all work out in the end. Just click one of the links at the top of the page.</p>
+
+<p><img src="{{ site.baseurl }}/assets/images/404/potty.png" alt="404 potty" /></p>
+
+</div>
diff --git a/_includes/boilerplate/404/search.md b/_includes/boilerplate/404/search.md
diff --git a/_includes/boilerplate/404/sticky.md b/_includes/boilerplate/404/sticky.md
@@ -0,0 +1,11 @@
+<div style="text-align:center;">
+
+<h2>File Not Found!</h2>
+
+<p>You have discovered a page that doesn't exist. Don't panic, though. Everything is under control.</p>
+
+<p>We made a note to fix the issue. While you wait, click one of the links at the top of the page.</p>
+
+<p><img src="{{ site.baseurl }}/assets/images/404/sticky.png" alt="404 sticky note" /></p>
+
+</div>
diff --git a/_includes/boilerplate/404/zork.md b/_includes/boilerplate/404/zork.md
@@ -0,0 +1,29 @@
+<div style="width:400px; background-color:#000; color:#fff; font-family:monospace; border:1px solid black; margin:auto;">
+
+<div style="background-color:#fff; color:#000;"><pre><span style="float:right">0/0</span>West of House</pre></div>
+
+<div style="clear:both;"><pre style="background-color:#000; color:#fff; border:0;">
+DORK I: The Great Underground Website
+{{ site.jaytch.title | default: site.title }} interactive fiction - 
+a fallacy story
+Copyright (c) 1981, 1982, 1983, 1984,
+1985, 1986 {{ site.jaytch.title | default: site.title }}, Inc.
+All rights reserved.
+DORK is a registered trademark of
+{{ site.jaytch.title | default: site.title }}, Inc.
+Release 52 / Serial number 871125 /
+Interpreter 8 / Version J
+
+West of House
+You are standing in an open field west
+of a white house, with a boarded front
+door.
+There is a small mailbox here.
+> click link
+
+It is pitch black. Your page has likely
+been eaten by a grue. Try a link from 
+the top of the page.
+</pre></div>
+
+</div>
diff --git a/assets/images/404/droids.png b/assets/images/404/droids.png
diff --git a/assets/images/404/glass.png b/assets/images/404/glass.png
diff --git a/assets/images/404/link.png b/assets/images/404/link.png
diff --git a/assets/images/404/milk.png b/assets/images/404/milk.png
diff --git a/assets/images/404/potty.png b/assets/images/404/potty.png
diff --git a/assets/images/404/sticky.png b/assets/images/404/sticky.png
diff --git a/assets/images/404/wanted.png b/assets/images/404/wanted.png
diff --git a/assets/images/_src/404.ai → assets/images/_src/404-badge.ai b/assets/images/_src/404.ai → assets/images/_src/404-badge.ai
diff --git a/assets/images/_src/404-droids.ai b/assets/images/_src/404-droids.ai
diff --git a/assets/images/_src/404-glass.ai b/assets/images/_src/404-glass.ai
diff --git a/assets/images/_src/404-link.ai b/assets/images/_src/404-link.ai
diff --git a/assets/images/_src/404-milk.ai b/assets/images/_src/404-milk.ai
diff --git a/assets/images/_src/404-potty.ai b/assets/images/_src/404-potty.ai
diff --git a/assets/images/_src/404-sticky.ai b/assets/images/_src/404-sticky.ai
diff --git a/assets/images/_src/404-wanted.ai b/assets/images/_src/404-wanted.ai
diff --git a/docs/images/404-badge.png b/docs/images/404-badge.png
diff --git a/docs/images/404-droids.png b/docs/images/404-droids.png
diff --git a/docs/images/404-glass.png b/docs/images/404-glass.png
diff --git a/docs/images/404-link.png b/docs/images/404-link.png
diff --git a/docs/images/404-milk.png b/docs/images/404-milk.png
diff --git a/docs/images/404-potty.png b/docs/images/404-potty.png
diff --git a/docs/images/404-shrug.png b/docs/images/404-shrug.png
diff --git a/docs/images/404-sticky.png b/docs/images/404-sticky.png
diff --git a/docs/images/404-tweet.png b/docs/images/404-tweet.png
diff --git a/docs/images/404-zork.png b/docs/images/404-zork.png
diff --git a/docs/images/jaytch-model.png b/docs/images/jaytch-model.png
diff --git a/docs/layouts-frameworks-themes-and-templates.md b/docs/layouts-frameworks-themes-and-templates.md
@@ -9,7 +9,7 @@ Jaytch tries to maximize reuse by splitting layouts into three components:
 1. The **Theme** -- customized CSS, often specific to a framework.
 1. The **Template** -- framework-specific site scaffolding.
 
-![Layout Components]({{ site.baseurl }}/assets/images/jaytch-model.png)
+![Layout Components]({{ site.baseurl }}/docs/images/jaytch-model.png)
 
 In general, site *templates* are heavily coupled with a specific site *framework*, which can use a variety of site *themes*.
 

diff --git a/docs/specifying-a-404-page.md b/docs/specifying-a-404-page.md
@@ -0,0 +1,46 @@
+---
+layout: page
+title: "Specifying a 404 Page"
+---
+
+I hate the default, unstyled 404 page that Jekyll provides. So, I made some placeholders for you to use. Just set one in the `_config.yml` file and you're good to go.
+
+## Badge
+
+![Badge 404]({{ site.baseurl }}/docs/images/404-badge.png)
+
+## Droids
+
+![Droids 404]({{ site.baseurl }}/docs/images/404-droids.png)
+
+## Glass
+
+![Glass 404]({{ site.baseurl }}/docs/images/404-glass.png)
+
+## Link
+
+![Link 404]({{ site.baseurl }}/docs/images/404-link.png)
+
+## Milk
+
+![Milk 404]({{ site.baseurl }}/docs/images/404-milk.png)
+
+## Potty
+
+![Potty 404]({{ site.baseurl }}/docs/images/404-potty.png)
+
+## Shrug
+
+![Shrug 404]({{ site.baseurl }}/docs/images/404-shrug.png)
+
+## Sticky
+
+![Sticky 404]({{ site.baseurl }}/docs/images/404-sticky.png)
+
+## Tweet
+
+![Tweet 404]({{ site.baseurl }}/docs/images/404-tweet.png)
+
+## Zork
+
+![Zork 404]({{ site.baseurl }}/docs/images/404-zork.png)