diff --git a/_config.yml b/_config.yml index 5199d6d..7dbf442 100644 --- a/_config.yml +++ b/_config.yml @@ -4,7 +4,7 @@ permalink: pretty # Setup title: Tale subtitle: by Chester -paginate: 2 +paginate: 5 baseurl: "" url: "https://chesterhow.github.io/tale/" diff --git a/_layouts/post.html b/_layouts/post.html index 0def569..4b8498f 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -3,9 +3,20 @@ layout: default ---
- +

{{ page.title }}

{{ content }}
+ + diff --git a/_posts/2017-03-05-empty-post.md b/_posts/2017-03-05-empty-post.md new file mode 100644 index 0000000..bd701e9 --- /dev/null +++ b/_posts/2017-03-05-empty-post.md @@ -0,0 +1,6 @@ +--- +layout: post +title: "Empty Post" +--- + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu ipsum feugiat, condimentum est et, faucibus nulla. Praesent libero lectus, volutpat sed quam eget, volutpat viverra dui. Duis sapien nisi, posuere sit amet eros ac, blandit egestas odio. Sed elementum arcu ac ante sodales, ut molestie velit tempor. Nulla ultricies, tortor eu laoreet pharetra, velit turpis tempor lectus, nec cursus leo dui vel leo. Quisque vulputate eget dui et dapibus. Sed eu ornare leo, in mollis leo. Mauris sapien nisl, congue et diam eget, pretium iaculis nisl. In non ex posuere, volutpat neque ac, ultrices urna. Sed bibendum ipsum eget quam pellentesque, ut lacinia tortor placerat. Duis condimentum et ante nec tincidunt. Fusce interdum suscipit ipsum, sit amet mattis sem consequat quis. diff --git a/_posts/2017-03-06-empty-post.md b/_posts/2017-03-06-empty-post.md new file mode 100644 index 0000000..bd701e9 --- /dev/null +++ b/_posts/2017-03-06-empty-post.md @@ -0,0 +1,6 @@ +--- +layout: post +title: "Empty Post" +--- + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu ipsum feugiat, condimentum est et, faucibus nulla. Praesent libero lectus, volutpat sed quam eget, volutpat viverra dui. Duis sapien nisi, posuere sit amet eros ac, blandit egestas odio. Sed elementum arcu ac ante sodales, ut molestie velit tempor. Nulla ultricies, tortor eu laoreet pharetra, velit turpis tempor lectus, nec cursus leo dui vel leo. Quisque vulputate eget dui et dapibus. Sed eu ornare leo, in mollis leo. Mauris sapien nisl, congue et diam eget, pretium iaculis nisl. In non ex posuere, volutpat neque ac, ultrices urna. Sed bibendum ipsum eget quam pellentesque, ut lacinia tortor placerat. Duis condimentum et ante nec tincidunt. Fusce interdum suscipit ipsum, sit amet mattis sem consequat quis. diff --git a/_posts/2017-03-07-empty-post.md b/_posts/2017-03-07-empty-post.md new file mode 100644 index 0000000..bd701e9 --- /dev/null +++ b/_posts/2017-03-07-empty-post.md @@ -0,0 +1,6 @@ +--- +layout: post +title: "Empty Post" +--- + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu ipsum feugiat, condimentum est et, faucibus nulla. Praesent libero lectus, volutpat sed quam eget, volutpat viverra dui. Duis sapien nisi, posuere sit amet eros ac, blandit egestas odio. Sed elementum arcu ac ante sodales, ut molestie velit tempor. Nulla ultricies, tortor eu laoreet pharetra, velit turpis tempor lectus, nec cursus leo dui vel leo. Quisque vulputate eget dui et dapibus. Sed eu ornare leo, in mollis leo. Mauris sapien nisl, congue et diam eget, pretium iaculis nisl. In non ex posuere, volutpat neque ac, ultrices urna. Sed bibendum ipsum eget quam pellentesque, ut lacinia tortor placerat. Duis condimentum et ante nec tincidunt. Fusce interdum suscipit ipsum, sit amet mattis sem consequat quis. diff --git a/_posts/2017-03-09-example-content.md b/_posts/2017-03-09-example-content.md index fecb8ed..16a55aa 100644 --- a/_posts/2017-03-09-example-content.md +++ b/_posts/2017-03-09-example-content.md @@ -1,6 +1,6 @@ --- layout: post -title: Example content +title: "Example content" --- Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. *Aenean eu leo quam.* Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum. diff --git a/_sass/_base.scss b/_sass/_base.scss index 522ed3a..970497f 100644 --- a/_sass/_base.scss +++ b/_sass/_base.scss @@ -26,10 +26,6 @@ h6 { a { color: $blue; text-decoration: none; - - &:hover { - text-decoration: underline; - } } blockquote { diff --git a/_sass/_home.scss b/_sass/_home.scss index 0e1cf5a..f8aef73 100644 --- a/_sass/_home.scss +++ b/_sass/_home.scss @@ -1,24 +1,6 @@ .preview { - margin-bottom: 3rem; - position: relative; -} - -.post-link { - text-align: right; - - a { - @include transition (all .3s ease-out); - color: $default-tint; - display: inline-block; - font-family: $sans-font; - font-size: 1.3rem; - font-weight: 500; - letter-spacing: .3px; - - &:hover, - &:focus { - color: $default-color; - } + &:not(:last-child) { + border-bottom: .5px solid $grey-2; } } @@ -34,6 +16,22 @@ a { @include transition(all .3s ease-out); + } + + .home { + color: $default-color; + font-family: $sans-font; + font-size: 1.1rem; + font-weight: 700; + + &:hover, + &:focus, { + color: $default-tint; + text-decoration: underline; + } + } + + .arrow { color: $default-color; font-size: 1.3rem; position: absolute; @@ -41,6 +39,7 @@ &:hover, &:focus { color: $default-tint; + text-decoration: none; } } diff --git a/_sass/_layout.scss b/_sass/_layout.scss index 825e5d9..204d936 100644 --- a/_sass/_layout.scss +++ b/_sass/_layout.scss @@ -1,11 +1,11 @@ .container { margin: 0 auto; - max-width: 1000px; + max-width: 800px; width: 80%; } header { - margin: 1.5rem 0; + margin: 1.5rem 0 0; text-align: center; * { @@ -16,7 +16,7 @@ header { @include transition(all .3s ease-out); color: $default-color; display: inline-block; - font-size: 3rem; + font-size: 2.8rem; &:hover, &:focus { diff --git a/_sass/_post.scss b/_sass/_post.scss index b9e31fe..75c918a 100644 --- a/_sass/_post.scss +++ b/_sass/_post.scss @@ -1,19 +1,21 @@ .post { + padding: 3rem 0; + &-time { color: $default-tint; font-family: $sans-font; - font-size: 1.3rem; font-weight: 500; - letter-spacing: .3px; + letter-spacing: .5px; } &-title { color: $default-shade; - font-size: 2.5rem; + font-size: 2.7rem; margin: 0 0 .8rem; - @media (min-width: 600px) { - font-size: 3.5rem; + a { + color: $default-shade; + font-size: 2.7rem; } } @@ -22,4 +24,8 @@ margin: 0 0 1rem; text-align: justify; } + + a:hover { + text-decoration: underline; + } } diff --git a/_sass/_variables.scss b/_sass/_variables.scss index 3927526..da1026b 100644 --- a/_sass/_variables.scss +++ b/_sass/_variables.scss @@ -8,7 +8,7 @@ $blue: #4a9ae1; $serif-font: 'Libre Baskerville'; $sans-font: 'Helvetica Neue'; -$default-font-size: 14px; +$default-font-size: 16px; $monospaced-font: Menlo, Monaco, monospace; $code-color: #bf616a; diff --git a/index.html b/index.html index 8892c5a..4841e67 100644 --- a/index.html +++ b/index.html @@ -3,25 +3,24 @@ layout: default title: Home --- -{% for post in paginator.posts %} -
- -

{{ post.title }}

+
+ {% for post in paginator.posts %} +
+ +

{{ post.title }}

- {{ post.content | truncatewords: 70 }} + {{ post.content | truncatewords: 70 }} -
- continue reading
-
-{% endfor %} + {% endfor %} +