diff --git a/_includes/navigation.html b/_includes/navigation.html index d858ec8d9d..de0012c1f1 100644 --- a/_includes/navigation.html +++ b/_includes/navigation.html @@ -4,6 +4,7 @@

{{ site.title }}

diff --git a/_pages/404.html b/_pages/404.html new file mode 100644 index 0000000000..e02b1ac1c0 --- /dev/null +++ b/_pages/404.html @@ -0,0 +1,15 @@ +--- +layout: default +permalink: /404.html +title: "404" +description: "page not found :(" +--- +
+
+
+

Oops! Page not found

+

404

+
+

{{page.description}}

+
+
\ No newline at end of file diff --git a/_pages/tags.html b/_pages/tags.html new file mode 100644 index 0000000000..5599874be1 --- /dev/null +++ b/_pages/tags.html @@ -0,0 +1,49 @@ +--- +layout: default +permalink: /tags.html +title: "Tags" +--- +
+
+
+

{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}

+
+
+
+
+
+ {% for tag in site.tags %} + + {{ tag[0] }} + + {% endfor %} +
+
+ {% for tag in site.tags %} +
+ + + + + + + {{ tag[0] }} + + {% for post in tag[1] %} +
+ + {{ post.title }} + + + + +
+ + {% endfor %} +
+ {% endfor %} +
+
+
\ No newline at end of file diff --git a/_posts/2017-03-05-pagination-post.md b/_posts/2017-03-05-pagination-post.md index d7d4dcb5e5..b6911ab851 100644 --- a/_posts/2017-03-05-pagination-post.md +++ b/_posts/2017-03-05-pagination-post.md @@ -2,6 +2,7 @@ layout: post title: "Pagination Post" author: "Chester" +tags: Tale --- Here we see **Tale's** pagination feature in action. It is set to 5 posts per page by default. Feel free to change this number in the `_config.yml` file! diff --git a/_posts/2017-03-06-the-mystery-of-the-filler-post.md b/_posts/2017-03-06-the-mystery-of-the-filler-post.md index f4df01876d..2a2231e4da 100644 --- a/_posts/2017-03-06-the-mystery-of-the-filler-post.md +++ b/_posts/2017-03-06-the-mystery-of-the-filler-post.md @@ -2,6 +2,7 @@ layout: post title: "The Mystery of the Filler Post" author: "Chester" +tags: Tale --- Hornswaggle measured fer yer chains chase run a shot across the bow Chain Shot flogging Pirate Round galleon rope's end aft. Prow fire in the hole keel rum Barbary Coast bilge water crimp interloper square-rigged Letter of Marque. Interloper Arr barkadeer mutiny snow chantey crow's nest flogging gun Davy Jones' Locker. diff --git a/_posts/2017-03-07-the-case-of-the-missing-post.md b/_posts/2017-03-07-the-case-of-the-missing-post.md index 036eb043d1..6d864feb97 100644 --- a/_posts/2017-03-07-the-case-of-the-missing-post.md +++ b/_posts/2017-03-07-the-case-of-the-missing-post.md @@ -2,6 +2,7 @@ layout: post title: "The Case of the Missing Post" author: "Chester" +tags: Tale --- Kitty power! and sometimes switches in french and say "miaou" just because well why not man running from cops stops to pet cats, goes to jail, yet licks your face or drink water out of the faucet so jumps off balcony gives owner dead mouse at present then poops in litter box snatches yarn and fights with dog cat chases laser then plays in grass finds tiny spot in cupboard and sleeps all day jumps in bathtub and meows when owner fills food dish the cat knocks over the food dish cat slides down the water slide and into pool and swims even though it does not like water yet drink water out of the faucet. Pelt around the house and up and down stairs chasing phantoms. diff --git a/_posts/2017-03-10-welcome-to-jekyll.md b/_posts/2017-03-10-welcome-to-jekyll.md index e72f10d82e..65cdb2a9d2 100644 --- a/_posts/2017-03-10-welcome-to-jekyll.md +++ b/_posts/2017-03-10-welcome-to-jekyll.md @@ -2,6 +2,7 @@ layout: post title: "Welcome to Jekyll!" author: "Jekyll" +tags: Jekyll --- 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. diff --git a/_posts/2017-03-16-example-content.md b/_posts/2017-03-16-example-content.md index d2135738fa..01e4f050ac 100644 --- a/_posts/2017-03-16-example-content.md +++ b/_posts/2017-03-16-example-content.md @@ -2,6 +2,7 @@ layout: post title: "Example Content" author: "Chester" +tags: Example --- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt ornare nibh, non elementum augue tempus eget. Pellentesque tempus scelerisque iaculis. Nullam interdum ultricies nibh quis sollicitudin. Donec ornare fermentum facilisis. Ut at sem ac sem imperdiet varius a eget tortor. Nam eu augue eget orci semper maximus in eget augue. Mauris ornare, nisl ut suscipit consectetur, mi quam interdum tellus, at rutrum quam eros ultrices mi. diff --git a/_posts/2017-03-29-introducing-tale.md b/_posts/2017-03-29-introducing-tale.md index 71cfcef686..c234e83b87 100644 --- a/_posts/2017-03-29-introducing-tale.md +++ b/_posts/2017-03-29-introducing-tale.md @@ -3,6 +3,7 @@ layout: post title: "Introducing Tale" author: "Chester" comments: true +tags: Tale --- Tale is a minimal [Jekyll](https://jekyllrb.com/) theme curated for storytellers. It is designed and developed by [myself](https://github.com/chesterhow/) for a friend who writes short stories. diff --git a/_sass/tale.scss b/_sass/tale.scss index 3cdfa9918d..007fa5ac29 100644 --- a/_sass/tale.scss +++ b/_sass/tale.scss @@ -6,3 +6,5 @@ @import 'tale/layout'; @import 'tale/pagination'; @import 'tale/catalogue'; +@import 'tale/404'; +@import 'tale/tags'; \ No newline at end of file diff --git a/_sass/tale/_404.scss b/_sass/tale/_404.scss new file mode 100644 index 0000000000..027d27c383 --- /dev/null +++ b/_sass/tale/_404.scss @@ -0,0 +1,64 @@ +.notfound { + position: relative; + height: 100vh; + + &-main { + position: absolute; + left: 50%; + top: 50%; + + width: 100%; + line-height: 1.4; + text-align: center; + + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + + h2 { + font-size: 20px; + font-weight: 400; + text-transform: uppercase; + color: #000; + margin-top: 0px; + margin-bottom: 25px; + } + } + + &-content { + position: relative; + height: 260px; + + h1 { + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + font-size: 256px; + font-weight: 800; + margin: 0px; + color: #262626; + text-transform: uppercase; + letter-spacing: -40px; + margin-left: -20px; + + span { + text-shadow: -8px 0px 0px #fff; + } + } + + h3 { + position: relative; + font-size: 16px; + font-weight: 700; + text-transform: uppercase; + color: #262626; + margin: 0px; + letter-spacing: 3px; + padding-left: 6px; + } + } + +} \ No newline at end of file diff --git a/_sass/tale/_tags.scss b/_sass/tale/_tags.scss new file mode 100644 index 0000000000..17db201d1a --- /dev/null +++ b/_sass/tale/_tags.scss @@ -0,0 +1,86 @@ +.tags { + font-family: $sans-serif; + + &-header { + &-title { + color: $default-shade; + font-size: 2rem; + margin: 1rem 0 0 0; + text-align: center; + } + + &-line {} + } + + &-content { + &-clouds { + margin: 20px 0 15px 0; + text-align: center; + + a { + font-size: 1rem; + background: #C0C0C0; + display: inline-block; + border: 1px solid rgba(255, 255, 255, 0.8); + border-radius: 999em; + padding: 0 10px; + color: #ffffff; + line-height: 24px; + text-decoration: none; + margin: 0 2px; + margin-bottom: 6px; + + &:hover, + &:active { + background-color: #DFDFDF !important; + color: white; + border-color: white; + text-decoration: none; + } + } + } + + &-list {} + + &-item { + &-seperator { + color: #808080; + font-size: 1.2rem !important; + + &::before { + margin-right: 5px; + } + } + + &-text {} + } + + &-post { + margin: 10px; + + &-title { + line-height: 1.3; + margin-top: 30px; + margin-bottom: 8px; + } + + &-meta { + color: #CCC; + text-align: right; + float: right; + } + + + a { + color: #404040; + + &:hover, + &:focus { + color: #808080; + } + } + + } + } + +} \ No newline at end of file