diff --git a/_includes/navigation.html b/_includes/navigation.html index d858ec8..de0012c 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 0000000..e02b1ac --- /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 0000000..5599874 --- /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 d7d4dcb..b6911ab 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 f4df018..2a2231e 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 036eb04..6d864fe 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 e72f10d..65cdb2a 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 d213573..01e4f05 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 71cfcef..c234e83 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 3cdfa99..007fa5a 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 0000000..027d27c --- /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 0000000..17db201 --- /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