diff --git a/README.md b/README.md
index 24d8e78..8c313b3 100755
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
# [Garth](https://garth.darn.es/)
[![Gem Version](https://badge.fury.io/rb/garth-jekyll-theme.svg)](https://badge.fury.io/rb/garth-jekyll-theme)
-A stupidly simple theme for Jekyll, using the official Jekyll theme implementation.
+🥁 A stupidly simple theme for Jekyll, using the official Jekyll theme implementation.
![Screenshot](https://raw.githubusercontent.com/daviddarnes/garth-jekyll-theme/master/screenshot.png)
@@ -38,9 +38,9 @@ You'll need to change the `description`, `title` and `url` to match with the pro
## Page layouts
-`page`, `post` and `home` (acts as the font page blog).
+There are 3 layouts; `page`, `post` and `home` (home acts as the font page blog).
-> **Note:** The Post List Page options are actually in the collection data within the `_config.yml` file.
+> **Note:** The Post List Page options are actually in the collection data within the `_config.yml` file, this is so they can be edited with CMSs such as [Siteleaf](https://siteleaf.com)
## Credits
diff --git a/_includes/post-list.html b/_includes/post-list.html
index 4c795dd..b660ca7 100755
--- a/_includes/post-list.html
+++ b/_includes/post-list.html
@@ -16,13 +16,13 @@
{% include post-pagination.html %}
{% else %}
-
Latest blog posts
+
{% for page in site.posts %}
-
+
{% include post-meta.html %}
{{ page.excerpt | markdownify | truncatewords: 60 }}
diff --git a/_includes/site-favicons.html b/_includes/site-favicons.html
deleted file mode 100755
index e23fbda..0000000
--- a/_includes/site-favicons.html
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/_includes/site-header.html b/_includes/site-header.html
index fce4574..fa02f3e 100755
--- a/_includes/site-header.html
+++ b/_includes/site-header.html
@@ -1,7 +1,6 @@
diff --git a/_includes/site-icons.svg b/_includes/site-icons.svg
deleted file mode 100755
index 586ecf5..0000000
--- a/_includes/site-icons.svg
+++ /dev/null
@@ -1,2 +0,0 @@
-
-
diff --git a/_includes/site-nav.html b/_includes/site-nav.html
index fef707c..4ac7df4 100755
--- a/_includes/site-nav.html
+++ b/_includes/site-nav.html
@@ -1,8 +1,8 @@
{% for item in site.pages %}
- {% unless item.styles == true or item.url contains "/page" or item.url == "/404.html" %}
-
+ {% unless item.url contains ".css" or item.url contains "/page" or item.url contains "/404.html" %}
+
{% if item.collectionpage %}
{% assign collectiondata = site.collections | where: "label", item.collectionpage | first %}
{{ collectiondata.title }}
diff --git a/_layouts/default.html b/_layouts/default.html
index 696ba32..1146460 100755
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -1,9 +1,7 @@
-
-
{% if page.collectionpage %}
{% assign collectiondata = site.collections | where: "label", page.collectionpage | first %}
{{ collectiondata.title }} - {{ site.title }}
@@ -12,11 +10,9 @@
{% endif %}
-
- {% include site-favicons.html %}
+
- {% include site-icons.svg %}
{{ content }}
diff --git a/_sass/_colors.scss b/_sass/_colors.scss
index b5ae1c5..41fde2e 100755
--- a/_sass/_colors.scss
+++ b/_sass/_colors.scss
@@ -2,7 +2,7 @@
$color__site--background: #ffefc8;
$color__site--heading: darken(#46412A, 5%);
$color__site--body: #46412A;
-$color__site--captions: lighten($color__site--heading, 50%);
+$color__site--captions: lighten($color__site--heading, 40%);
$color__site--link: #5B5BFF;
$color__site--link--hover: darken($color__site--link, 10%);
$color__site--link--current: desaturate($color__site--link, 100%);
diff --git a/about.md b/about.md
new file mode 100644
index 0000000..2f4d980
--- /dev/null
+++ b/about.md
@@ -0,0 +1,5 @@
+---
+title: About Garth
+---
+
+Garth is a really simple Jekyll theme, like really simple. Ya get me?
diff --git a/assets/placeholder-logo.svg b/assets/placeholder-logo.svg
deleted file mode 100755
index 68553b2..0000000
--- a/assets/placeholder-logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/assets/styles.scss b/assets/styles.scss
index 2ebd95f..ef77b5d 100755
--- a/assets/styles.scss
+++ b/assets/styles.scss
@@ -24,7 +24,7 @@ body {
.container {
width: 90%;
- max-width: 1200px;
+ max-width: 900px;
margin: 0 auto;
}
@@ -49,12 +49,15 @@ body {
}
.header {
+ @include flex(0, 0, auto);
background: darken($color__site--background, 10%);
}
.logo {
display: inline-block;
line-height: 0;
+ border-radius: 100%;
+ overflow: hidden;
img {
width: 4rem;
height: 4rem;
@@ -69,12 +72,6 @@ body {
.footer {
border-top: 1px solid darken($color__site--background, 15%);
- a {
- color: invert($color__site--heading);
- &:hover {
- color: lighten(invert($color__site--body), 15%);
- }
- }
}
@@ -82,20 +79,14 @@ body {
.nav {
&--paginator {
@include flexbox;
- @include justify-content(space-between);
+ @include justify-content(center);
color: $color__site--captions;
text-align: center;
}
}
.pagination {
- min-width: 20%;
-}
-
-.copyright {
- @include breakpoint(break-1) {
- @include order(-1);
- }
+ margin: 0 1rem;
}
@@ -103,22 +94,13 @@ body {
.main {
@include flexbox;
@include flex-direction(column);
+ @include flex(1, 0, auto);
margin-bottom: 1.6rem;
@include breakpoint(break-1) {
@include flex-direction(row);
}
}
-.main {
- @include flex(1, 0, auto);
-}
-
-.header,
-.feature,
-.footer {
- @include flex(0, 0, auto);
-}
-
// Lists
.list {
@@ -149,113 +131,26 @@ body {
}
-// Links, icons and images
-.link {
- display: inline-block;
- margin: .2rem;
-}
-
-.icon {
- vertical-align: middle;
- width: 1em;
- height: 1em;
- fill: CurrentColor;
-}
-
-svg {
- width: 100%;
- height: 100%;
-}
-
+// Images and media elements
img {
max-width: 100%;
height: auto;
}
-
audio,
video {
width: 100%;
}
-// Form elements and buttons
-button,
-input[type="text"],
-input[type="email"],
-input[type="submit"],
-textarea {
- padding: .6rem 1.2rem;
- margin-bottom: .6rem;
- transition: color .1s, background-color .1s, border .1s;
- line-height: inherit;
- border: none;
- box-shadow: none;
- border-radius: 0;
- -webkit-appearance: none;
- &:focus {
- outline: solid .2rem invert($color__site--accent);
- }
- .icon {
- margin: 0 0 .35rem;
- }
-}
-
-input[type="submit"],
-button {
- cursor: pointer;
- display: inline-block;
- background: $color__site--accent;
- position: relative;
- transition: box-shadow .1s;
- will-change: box-shadow;
- box-shadow: inset 0 0 0 2rem transparent;
- &:hover {
- box-shadow: inset 0 0 0 2rem rgba(0,0,0,0.2);
- }
- &:active,
- &:focus {
- box-shadow: inset 0 0 0 2rem rgba(0,0,0,0.4);
- }
-}
-
-input[type="text"],
-input[type="email"],
-textarea {
- width: 100%;
- border: 1px solid $color__site--captions;
- &:hover {
- border-color: darken($color__site--captions, 20%);
- }
-}
-
-textarea {
- resize: vertical;
-}
-
-label {
- @include baseline($fontsize: zeta, $font: $bodytype, $lineheight: 2, $below: 2, $breakpoint: all);
-}
-
-::-webkit-input-placeholder {
- color: darken($color__site--captions, 30%);
-}
-::-moz-placeholder {
- color: darken($color__site--captions, 30%);
-}
-:-ms-input-placeholder {
- color: darken($color__site--captions, 30%);
-}
-:-moz-placeholder {
- color: darken($color__site--captions, 30%);
-}
-
+// Text selection
::selection {
background: $color__site--heading;
color: $color__site--background;
text-shadow: none;
}
+
// Sassline overrides
.typeset {
.button,
diff --git a/demo/about.md b/demo/about.md
new file mode 100644
index 0000000..2f4d980
--- /dev/null
+++ b/demo/about.md
@@ -0,0 +1,5 @@
+---
+title: About Garth
+---
+
+Garth is a really simple Jekyll theme, like really simple. Ya get me?
diff --git a/screenshot.png b/screenshot.png
index b84edbd..0f962b8 100644
Binary files a/screenshot.png and b/screenshot.png differ