jekyll-theme-simpleton 0.4.0 → 0.8.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9b52e03f912e9ddd340029e5e673daf1c4e94257be5fff9025a574306c82ac04
-  data.tar.gz: 47fb0247ad71b65e4da5c375b2effca17f0634006bcccdf27709c2e1c2bbae3a
+  metadata.gz: 2728932b3c5e7724ca94ae4d900c0d135c866ac5923006375c639dd575daab32
+  data.tar.gz: 24ce14ebf600bfe7f8af4bfb8a77e379e30638ade84be066c632d717b04fe387
 SHA512:
-  metadata.gz: f8257e0bfa38baa0d96f634dfb5fdfde147d16b820ef6038e65d5cc7aaa8f295d2fd9da105988d055591a8eec8e6346f14764947e3958e49d9015ad74907f11b
-  data.tar.gz: dd9eeaebb25252a7fcad335f04baf1c323bcd44701c03bae46ea8fd3606320fcf7ba2868158c72498f8d49ff70a3fe37f7d9cf58bef1e4d5329c0eaedcdfa984
+  metadata.gz: cdee7ce5bf3967c3a28224b52749a0de0e0fd2ec6f23bef25c1415cc34ac61b9e613f0822e424e06471148bc1fb7973b97735dafd891017acc0a1c6cde02ee06
+  data.tar.gz: 3be2ab0883ceaf4b7953ff143bd777c489c8aca0f6a17020e12f2c82a8b47fd6a0fcfb08dccfb895181d5e5a9b40a574825447b5af50910fa64d2382d0f47d37

data/_config.yml

@@ -1,5 +1,6 @@
 # Global Configuration
 title: Jekyll Theme Simpleton
+author: anwait
 
 plugins:
   - jekyll-seo-tag
@@ -7,13 +8,31 @@ plugins:
 date_format: "%F"
 
 defaults:
-  -
-    scope:
+  - scope:
       path: ""
       type: "posts"
     values:
       layout: "post"
+  - scope:
+      path: ""
+      type: "pages"
+    values:
+      layout: "page"
+
+show_excerpts: true
 
+## Exclude
+### Exclude directories and/or files from the conversion. These exclusions are
+### relative to the site's source directory and cannot be outside the source
+### directory.
+exclude:
+  - Rakefile
+  - "*.gemspec"
+  - package.json
+  - README.md
+  - LICENSE.md
+  - yarn.lock
+  - pkg/
 
 # Build Command Options
 ## Liquid Profiler
@@ -21,8 +40,10 @@ defaults:
 ### bottlenecks.
 profile: true
 
-
 ## Strict Front Matter
 ### Cause a build to fail if there is a YAML syntax error in a page's front
 ### matter.
 strict_front_matter: true
+
+sass:
+  style: compressed

data/_includes/copyright.html

@@ -0,0 +1,7 @@
+{%- assign tag = include.tag | default: "p" -%}
+
+{%- assign date_format = include.date_format | default: "%Y" -%}
+
+<{{ tag }} id="copyright">
+  Copyright &#169; {{ site.time | date: date_format }} {{ site.author }}
+</{{ tag }}>

data/_includes/footer.html

@@ -1,3 +1,5 @@
 <footer id="footer">
-  <!-- TOOD: currently not used -->
+
+  {%- include copyright.html -%}
+
 </footer> <!-- #footer -->

data/_includes/header.html

@@ -1,13 +1,13 @@
 <header id="header">
   <h1 id="site-title">
-    {{ site.title }}
+    {{- site.title -}}
   </h1> <!-- #site-title -->
 
-  {% if site.subtitle %}
-    <p id="site-subtitle">
-      {{ site.subtitle }}
-    </p> <!-- #site-subtitle -->
-  {% endif %}
+  {%- if site.subtitle -%}
+  <p id="site-subtitle">
+    {{- site.subtitle -}}
+  </p> <!-- #site-subtitle -->
+  {%- endif -%}
 
-  {% include menu.html %}
+  {%- include menu.html -%}
 </header> <!-- #header -->

data/_includes/menu.html

@@ -1,17 +1,23 @@
-{% assign sorted_pages = site.html_pages | sort: "menu_weight", "last" %}
+{%- assign sorted_pages = site.html_pages | sort: "menu_weight", "last" -%}
 
 <nav id="menu">
   <ul class="menu-list">
-    {% for p in sorted_pages %}
-      {% unless p.hidden %}
-        <li
-          class="menu-item {% if p.url == page.url %}menu-selected{% endif %}"
-        >
-          <a class="menu-link" href="{{ p.url }}">
-            {{ p.title }}
-          </a> <!-- .menu-link -->
-        </li> <!-- .menu-item -->
-      {% endunless %}
-    {% endfor %}
+
+    {%- for p in sorted_pages -%}
+
+    {%- unless p.hidden -%}
+
+    <li class="menu-item {% if p.url == page.url %}menu-selected{% endif %}">
+      <a class="menu-link" href="{{ p.url }}">
+
+        {{- p.title -}}
+
+      </a> <!-- .menu-link -->
+    </li> <!-- .menu-item -->
+
+    {%- endunless -%}
+
+    {%- endfor -%}
+
   </ul> <!-- .menu-list -->
-  </nav> <!-- #menu -->
+</nav> <!-- #menu -->

data/_includes/post-listing.html

@@ -0,0 +1,55 @@
+{%- if site.paginate -%}
+
+{%- assign posts = paginator.posts -%}
+
+{%- else -%}
+
+{%- assign posts = site.posts -%}
+
+{%- endif -%}
+
+{%- if posts.size > 0 -%}
+
+{%- assign date_format = site.date_format -%}
+
+<section id="post-listing">
+  <header id="post-listing-header">
+    <h2 id="post-listing-heading">
+
+      {{- posts.list_title | default: "Posts" -}}
+
+    </h2> <!-- #post-listing-heading -->
+  </header> <!-- #post-listing-header -->
+  <ul class="post-list">
+
+    {%- for post in posts -%}
+
+    <li class="post-item">
+      <span class="post-meta">
+
+        {{- post.date | date: date_format -}}
+
+      </span>
+      <a class="post-link" href="{{ post.url | relative_url }}">
+        {{ post.title | escape }}
+      </a>
+
+      {%- if site.show_excerpts -%}
+
+      <div class="post-excerpt">
+
+        {{- post.excerpt -}}
+
+      </div>
+
+      {%- endif -%}
+
+
+    </li> <!-- .post-item -->
+
+    {%- endfor -%}
+
+  </ul> <!-- .post-list -->
+</section> <!-- #post-listing -->
+
+{%- endif -%}

data/_includes/series.html

@@ -0,0 +1,33 @@
+{%- if page.series -%}
+
+{%- assign series_posts = site.posts | where: "series", page.series | reverse -%}
+
+<ol id="series">
+
+  {%- for post in series_posts -%}
+
+  <li>
+    <a href="{{ post.url | relative_url }}">
+
+      {%- if post.url == page.url -%}
+
+      <em>
+
+        {%- endif -%}
+
+        {{- post.title -}}
+
+        {%- if post.url == page.url -%}
+
+      </em>
+
+      {%- endif -%}
+
+    </a>
+  </li>
+
+  {%- endfor -%}
+
+</ol> <!-- #series -->
+
+{%- endif -%}

data/_layouts/default.html

@@ -1,13 +1,20 @@
 <!DOCTYPE html>
 <html lang="{{ page.lang | default: site.lang | default: 'en' }}">
-  {% include head.html %}
-  <body>
-    <div id="layout">
-      {% include header.html %}
-      <main id="main">
-        {{ content }}
-      </main> <!-- #main -->
-      {% include footer.html %}
-    </div> <!-- #layout -->
-  </body>
+
+{%- include head.html -%}
+
+<body>
+  <div id="layout">
+
+    {%- include header.html -%}
+
+    <main id="main">
+      {{- content -}}
+    </main> <!-- #main -->
+
+    {%- include footer.html -%}
+
+  </div> <!-- #layout -->
+</body>
+
 </html>

data/_layouts/home.html

@@ -2,38 +2,8 @@
 layout: default
 ---
 
-<section id="hero">
-  {{ content }}
-</section> <!-- #hero -->
+<div id="hero">
+  {{- content -}}
+</div> <!-- #hero -->
 
-{% if site.paginate %}
-  {% assign posts = paginator.posts %}
-{% else %}
-  {% assign posts = site.posts %}
-{% endif %}
-
-{% if posts.size > 0 %}
-{% assign date_format = site.date_format %}
-  <section id="post-listing">
-    <header id="post-listing-header">
-      <h2 id="post-listing-heading">
-        {{ posts.list_title | default: "Posts" }}
-      </h2> <!-- #post-listing-heading -->
-    </header> <!-- #post-listing-header -->
-    <ul class="post-list">
-      {% for post in posts %}
-        <li class="post-item">
-          <span class="post-meta">{{ post.date | date: date_format }}</span>
-          <h3>
-            <a class="post-link" href="{{ post.url | relative_url }}">
-              {{ post.title | escape }}
-            </a>
-          </h3>
-          {%- if site.show_excerpts -%}
-            {{ post.excerpt }}
-          {% endif %}
-        </li> <!-- .post-item -->
-      {% endfor %}
-    </ul> <!-- .post-list -->
-  </section> <!-- #post-listing -->
-{%- endif -%}
+{%- include post-listing.html -%}

data/_layouts/page.html

@@ -4,32 +4,49 @@ layout: default
 
 <section id="content">
   <header id="page-header">
-    {% if page.title %}
-      <h2 id="page-title">
-        {{ page.title }}
-      </h2> <!-- #page-title -->
-    {% endif %}
-
-    {% if page.subtitle %}
-      <p id="page-subtitle">
-        {{ page.subtitle }}
-      </p> <!-- #page-subtitle -->
-    {% endif %}
-
-    {% if page.author %}
-      <p id="page-author">
-        {{ page.author }}
-      </p> <!-- #page-author -->
-    {% endif %}
-
-    {% if page.date %}
-      <p id="page-date">
-        {{ page.date }}
-      </p> <!-- #page-date -->
-    {% endif %}
+
+    {%- if page.title -%}
+
+    <h2 id="page-title">
+
+      {{- page.title -}}
+
+    </h2> <!-- #page-title -->
+
+    {%- endif -%}
+
+    {%- if page.subtitle -%}
+
+    <p id="page-subtitle">
+
+      {{- page.subtitle -}}
+
+    </p> <!-- #page-subtitle -->
+
+    {%- endif -%}
+
+    {%- if page.author -%}
+
+    <p id="page-author">
+
+      {{- page.author -}}
+
+    </p> <!-- #page-author -->
+
+    {%- endif -%}
+
+    {%- if page.date -%}
+
+    <p id="page-date">
+
+      {{- page.date -}}
+
+    </p> <!-- #page-date -->
+
+    {%- endif -%}
+
   </header>
 
-  <article>
-    {{ content }}
-  </article>
+  {{- content -}}
+
 </section> <!-- #content -->

data/_layouts/post.html

@@ -2,36 +2,55 @@
 layout: default
 ---
 
-{% assign date_format = site.date_format %}
+{%- assign date_format = site.date_format -%}
 
 <section id="content">
   <header id="page-header">
-    {% if page.title %}
-      <h2 id="page-title">
-        {{ page.title }}
-      </h2> <!-- #page-title -->
-    {% endif %}
-
-    {% if page.subtitle %}
-      <p id="page-subtitle">
-        {{ page.subtitle }}
-      </p> <!-- #page-subtitle -->
-    {% endif %}
-
-    {% if page.author %}
-      <p id="page-author">
-        {{ page.author }}
-      </p> <!-- #page-author -->
-    {% endif %}
-
-    {% if page.date %}
-      <p id="page-date">
-        {{ page.date | date: date_format }}
-      </p> <!-- #page-date -->
-    {% endif %}
+
+    {%- if page.title -%}
+
+    <h2 id="page-title">
+
+      {{- page.title -}}
+
+    </h2> <!-- #page-title -->
+
+    {%- endif -%}
+
+    {%- if page.subtitle -%}
+
+    <p id="page-subtitle">
+
+      {{- page.subtitle -}}
+
+    </p> <!-- #page-subtitle -->
+
+    {%- endif -%}
+
+    {%- if page.author -%}
+
+    <p id="page-author">
+
+      {{- page.author -}}
+
+    </p> <!-- #page-author -->
+
+    {%- endif -%}
+
+    {%- if page.date -%}
+
+    <p id="page-date">
+
+      {{- page.date | date: date_format -}}
+
+    </p> <!-- #page-date -->
+
+    {%- endif -%}
+
+    {%- include series.html -%}
+
   </header> <!-- #page-header -->
 
-  <article class="content">
-    {{ content }}
-  </article>
+  {{- content -}}
+
 </section>

data/_sass/README.md

@@ -1 +1,51 @@
 # My Sass Library
+## Table of Contents
+- [About](#about)
+- [Structure](#structure)
+- [Is it any good?](#is-it-any-good?)
+
+
+## About
+Just my collection of sassy snippets.
+
+
+## Structure
+This repo is using the 7-1 structure with the `main.scss` file exstracted in the actual project.
+The used naming convention was chosen in order to show the added complexity of content when going down the directory list.
+
+
+### Abstracts
+... __(or utilities)__ holds anything that does not output any CSS when compiled.
+
+
+### Base
+... holds the boilerplate code which commonly imports also all your [abstracts](#abstracts) and gives you a good way to start any project.
+This means that any project will usually start with `@import "base/all"` which imports the chosen base ([normalize](https://necolas.github.io/normalize.css/) in my case) and anything else choosen worthy.
+
+
+### Components
+... __(or modules)__ holds all of your reusable styles which are independend of any real structure.
+
+
+### Layout
+... contains all styles involved with the layout of your project.
+Such as styles for your header, footer, navigation and the grid system.
+
+
+### Pages
+... any styles specific to individual pages will sit here.
+For example it's not uncommon for the home page of your site to require page specific styles that no other page receives.
+
+
+### Themes
+... this is likely not used in many projects.
+It would hold files that create project specific themes.
+For example if sections of your site contain alternate color schemes.
+
+
+### Vendors
+... contains all third party code.
+
+
+## Is it any good?
+Yes!

data/_sass/abstracts/_all.scss

@@ -0,0 +1,7 @@
+@import "abstracts/variables/breakpoints";
+@import "abstracts/variables/colors";
+@import "abstracts/variables/spacing";
+@import "abstracts/variables/transition";
+@import "abstracts/variables/typography";
+@import "abstracts/variables/z-index";
+@import "abstracts/mixins";

data/_sass/abstracts/_mixins.scss

@@ -0,0 +1,58 @@
+@mixin transition {
+  transition: all $transition-duration $transition-timing-function;
+}
+
+@mixin media-screen-gt($breakpoint) {
+  @media screen and (min-width: $breakpoint) {
+    @content;
+  }
+}
+
+@mixin media-screen-gt-sm {
+  @include media-screen-gt($break-sm) {
+    @content;
+  }
+}
+
+@mixin media-screen-gt-md {
+  @include media-screen-gt($break-md) {
+    @content;
+  }
+}
+
+@mixin media-screen-gt-lg {
+  @include media-screen-gt($break-lg) {
+    @content;
+  }
+}
+
+@mixin media-screen-gt-xl {
+  @include media-screen-gt($break-xl) {
+    @content;
+  }
+}
+
+@mixin media-screen-width-breakpoints {
+  @include media-screen-gt-sm {
+    max-width: $break-sm;
+  }
+
+  @include media-screen-gt-md {
+    max-width: $break-md;
+  }
+
+  @include media-screen-gt-md {
+    max-width: $break-md;
+  }
+
+  @include media-screen-gt-xl {
+    max-width: $break-xl;
+  }
+}
+
+
+
+
+@mixin foreground {
+  z-index: $foreground-index;
+}

data/_sass/{modules → abstracts/variables}/_colors.scss

@@ -13,3 +13,9 @@ $text-grey-color: #111111;
 // Menu
 $menu-background-color: $ubuntu-orange-color !default;
 $menu-text-color: $white-color !default;
+$menu-separator-color: $warm-grey-color !default;
+
+
+// Default Colors
+$primary-text-color: $black-color !default;
+$secondary-text-color: $warm-grey-color !default;

data/_sass/abstracts/variables/_spacing.scss

@@ -0,0 +1,8 @@
+$menu-width: 160px !default;
+
+$hamburger-color: #000000;
+$hamburger-height: 5px;
+$hamburger-width: 24px;
+$hamburger-radius: 2px;
+$hamburger-size: 32px;
+$clickable-cursor: pointer;

data/_sass/abstracts/variables/_transition.scss

@@ -0,0 +1,2 @@
+$transition-duration: 1s !default;
+$transition-timing-function: ease-out !default;

data/_sass/abstracts/variables/_typography.scss

@@ -0,0 +1,3 @@
+$link-text-decoration: none;
+
+$font-stack: Ubuntu, sans-serif;

data/_sass/abstracts/variables/_z-index.scss

@@ -0,0 +1,4 @@
+$ui-index: 1000;
+$foreground-index: 1;
+$middleground-index: 0;
+$background-index: -1;

data/_sass/base/_all.scss

@@ -0,0 +1,3 @@
+@import "abstracts/all";
+
+@import "base/normalize";

data/_sass/base/_normalize.scss

@@ -0,0 +1 @@
+@import "vendor/normalize"

data/_sass/base/_typography.scss

@@ -0,0 +1,4 @@
+
+.content p {
+  text-align: justify;;
+}

data/_sass/components/_hero.scss

@@ -0,0 +1,5 @@
+#hero {
+  width: 100%;
+  height: 100vh;
+  overflow: hidden;
+}

data/_sass/components/_list-style-none.scss

@@ -0,0 +1,3 @@
+.list-style-none {
+  list-style: none;;
+}

data/_sass/components/_nav.scss

@@ -0,0 +1,7 @@
+nav {
+  ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+  }
+}