jekyll-theme-simpleton 0.4.0 → 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. checksums.yaml +4 -4
  2. data/_config.yml +24 -3
  3. data/_includes/copyright.html +7 -0
  4. data/_includes/footer.html +3 -1
  5. data/_includes/header.html +7 -7
  6. data/_includes/menu.html +19 -13
  7. data/_includes/post-listing.html +55 -0
  8. data/_includes/series.html +33 -0
  9. data/_layouts/default.html +17 -10
  10. data/_layouts/home.html +4 -34
  11. data/_layouts/page.html +43 -26
  12. data/_layouts/post.html +46 -27
  13. data/_sass/README.md +50 -0
  14. data/_sass/abstracts/_all.scss +7 -0
  15. data/_sass/abstracts/_mixins.scss +58 -0
  16. data/_sass/{modules → abstracts/variables}/_breakpoints.scss +0 -0
  17. data/_sass/{modules → abstracts/variables}/_colors.scss +6 -0
  18. data/_sass/abstracts/variables/_spacing.scss +8 -0
  19. data/_sass/abstracts/variables/_transition.scss +2 -0
  20. data/_sass/abstracts/variables/_typography.scss +3 -0
  21. data/_sass/abstracts/variables/_z-index.scss +4 -0
  22. data/_sass/base/_all.scss +3 -0
  23. data/_sass/base/_normalize.scss +1 -0
  24. data/_sass/base/_typography.scss +4 -0
  25. data/_sass/components/_hero.scss +5 -0
  26. data/_sass/components/_list-style-none.scss +3 -0
  27. data/_sass/components/_nav.scss +7 -0
  28. data/_sass/components/_text-align.scss +21 -0
  29. data/_sass/layout/_gallery.scss +31 -0
  30. data/_sass/layout/_justified-p.scss +5 -0
  31. data/_sass/layout/_side-menu.scss +118 -0
  32. data/_sass/pages/_gallery.scss +0 -0
  33. data/_sass/pages/_home.scss +31 -28
  34. data/_sass/themes/_beko-art.scss +60 -0
  35. data/_sass/themes/_purebred.scss +5 -0
  36. data/_sass/themes/_simpleton.scss +23 -0
  37. data/_sass/vendor/_bootstrap.scss +1 -0
  38. data/_sass/vendor/_dancing-script.scss +1 -0
  39. data/_sass/vendor/_normalize.scss +1 -0
  40. data/_sass/vendor/_purecss.scss +2 -0
  41. data/assets/css/style.scss +1 -1
  42. data/node_modules/normalize.css/CHANGELOG.md +175 -0
  43. data/node_modules/normalize.css/LICENSE.md +21 -0
  44. data/node_modules/normalize.css/README.md +102 -0
  45. data/node_modules/normalize.css/normalize.css +349 -0
  46. data/node_modules/normalize.css/package.json +15 -0
  47. metadata +53 -13
  48. data/_sass/modules/_all.scss +0 -13
  49. data/_sass/modules/_mixins.scss +0 -13
  50. data/_sass/modules/_spacing.scss +0 -1
  51. data/_sass/modules/_typography.scss +0 -1
  52. data/_sass/partials/base.scss +0 -1
  53. data/_sass/partials/side-menu.scss +0 -86
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 9b52e03f912e9ddd340029e5e673daf1c4e94257be5fff9025a574306c82ac04
4
- data.tar.gz: 47fb0247ad71b65e4da5c375b2effca17f0634006bcccdf27709c2e1c2bbae3a
3
+ metadata.gz: 2728932b3c5e7724ca94ae4d900c0d135c866ac5923006375c639dd575daab32
4
+ data.tar.gz: 24ce14ebf600bfe7f8af4bfb8a77e379e30638ade84be066c632d717b04fe387
5
5
  SHA512:
6
- metadata.gz: f8257e0bfa38baa0d96f634dfb5fdfde147d16b820ef6038e65d5cc7aaa8f295d2fd9da105988d055591a8eec8e6346f14764947e3958e49d9015ad74907f11b
7
- data.tar.gz: dd9eeaebb25252a7fcad335f04baf1c323bcd44701c03bae46ea8fd3606320fcf7ba2868158c72498f8d49ff70a3fe37f7d9cf58bef1e4d5329c0eaedcdfa984
6
+ metadata.gz: cdee7ce5bf3967c3a28224b52749a0de0e0fd2ec6f23bef25c1415cc34ac61b9e613f0822e424e06471148bc1fb7973b97735dafd891017acc0a1c6cde02ee06
7
+ data.tar.gz: 3be2ab0883ceaf4b7953ff143bd777c489c8aca0f6a17020e12f2c82a8b47fd6a0fcfb08dccfb895181d5e5a9b40a574825447b5af50910fa64d2382d0f47d37
data/_config.yml CHANGED
@@ -1,5 +1,6 @@
1
1
  # Global Configuration
2
2
  title: Jekyll Theme Simpleton
3
+ author: anwait
3
4
 
4
5
  plugins:
5
6
  - jekyll-seo-tag
@@ -7,13 +8,31 @@ plugins:
7
8
  date_format: "%F"
8
9
 
9
10
  defaults:
10
- -
11
- scope:
11
+ - scope:
12
12
  path: ""
13
13
  type: "posts"
14
14
  values:
15
15
  layout: "post"
16
+ - scope:
17
+ path: ""
18
+ type: "pages"
19
+ values:
20
+ layout: "page"
21
+
22
+ show_excerpts: true
16
23
 
24
+ ## Exclude
25
+ ### Exclude directories and/or files from the conversion. These exclusions are
26
+ ### relative to the site's source directory and cannot be outside the source
27
+ ### directory.
28
+ exclude:
29
+ - Rakefile
30
+ - "*.gemspec"
31
+ - package.json
32
+ - README.md
33
+ - LICENSE.md
34
+ - yarn.lock
35
+ - pkg/
17
36
 
18
37
  # Build Command Options
19
38
  ## Liquid Profiler
@@ -21,8 +40,10 @@ defaults:
21
40
  ### bottlenecks.
22
41
  profile: true
23
42
 
24
-
25
43
  ## Strict Front Matter
26
44
  ### Cause a build to fail if there is a YAML syntax error in a page's front
27
45
  ### matter.
28
46
  strict_front_matter: true
47
+
48
+ sass:
49
+ style: compressed
@@ -0,0 +1,7 @@
1
+ {%- assign tag = include.tag | default: "p" -%}
2
+
3
+ {%- assign date_format = include.date_format | default: "%Y" -%}
4
+
5
+ <{{ tag }} id="copyright">
6
+ Copyright &#169; {{ site.time | date: date_format }} {{ site.author }}
7
+ </{{ tag }}>
@@ -1,3 +1,5 @@
1
1
  <footer id="footer">
2
- <!-- TOOD: currently not used -->
2
+
3
+ {%- include copyright.html -%}
4
+
3
5
  </footer> <!-- #footer -->
@@ -1,13 +1,13 @@
1
1
  <header id="header">
2
2
  <h1 id="site-title">
3
- {{ site.title }}
3
+ {{- site.title -}}
4
4
  </h1> <!-- #site-title -->
5
5
 
6
- {% if site.subtitle %}
7
- <p id="site-subtitle">
8
- {{ site.subtitle }}
9
- </p> <!-- #site-subtitle -->
10
- {% endif %}
6
+ {%- if site.subtitle -%}
7
+ <p id="site-subtitle">
8
+ {{- site.subtitle -}}
9
+ </p> <!-- #site-subtitle -->
10
+ {%- endif -%}
11
11
 
12
- {% include menu.html %}
12
+ {%- include menu.html -%}
13
13
  </header> <!-- #header -->
data/_includes/menu.html CHANGED
@@ -1,17 +1,23 @@
1
- {% assign sorted_pages = site.html_pages | sort: "menu_weight", "last" %}
1
+ {%- assign sorted_pages = site.html_pages | sort: "menu_weight", "last" -%}
2
2
 
3
3
  <nav id="menu">
4
4
  <ul class="menu-list">
5
- {% for p in sorted_pages %}
6
- {% unless p.hidden %}
7
- <li
8
- class="menu-item {% if p.url == page.url %}menu-selected{% endif %}"
9
- >
10
- <a class="menu-link" href="{{ p.url }}">
11
- {{ p.title }}
12
- </a> <!-- .menu-link -->
13
- </li> <!-- .menu-item -->
14
- {% endunless %}
15
- {% endfor %}
5
+
6
+ {%- for p in sorted_pages -%}
7
+
8
+ {%- unless p.hidden -%}
9
+
10
+ <li class="menu-item {% if p.url == page.url %}menu-selected{% endif %}">
11
+ <a class="menu-link" href="{{ p.url }}">
12
+
13
+ {{- p.title -}}
14
+
15
+ </a> <!-- .menu-link -->
16
+ </li> <!-- .menu-item -->
17
+
18
+ {%- endunless -%}
19
+
20
+ {%- endfor -%}
21
+
16
22
  </ul> <!-- .menu-list -->
17
- </nav> <!-- #menu -->
23
+ </nav> <!-- #menu -->
@@ -0,0 +1,55 @@
1
+ {%- if site.paginate -%}
2
+
3
+ {%- assign posts = paginator.posts -%}
4
+
5
+ {%- else -%}
6
+
7
+ {%- assign posts = site.posts -%}
8
+
9
+ {%- endif -%}
10
+
11
+ {%- if posts.size > 0 -%}
12
+
13
+ {%- assign date_format = site.date_format -%}
14
+
15
+ <section id="post-listing">
16
+ <header id="post-listing-header">
17
+ <h2 id="post-listing-heading">
18
+
19
+ {{- posts.list_title | default: "Posts" -}}
20
+
21
+ </h2> <!-- #post-listing-heading -->
22
+ </header> <!-- #post-listing-header -->
23
+ <ul class="post-list">
24
+
25
+ {%- for post in posts -%}
26
+
27
+ <li class="post-item">
28
+ <span class="post-meta">
29
+
30
+ {{- post.date | date: date_format -}}
31
+
32
+ </span>
33
+ <a class="post-link" href="{{ post.url | relative_url }}">
34
+ {{ post.title | escape }}
35
+ </a>
36
+
37
+ {%- if site.show_excerpts -%}
38
+
39
+ <div class="post-excerpt">
40
+
41
+ {{- post.excerpt -}}
42
+
43
+ </div>
44
+
45
+ {%- endif -%}
46
+
47
+
48
+ </li> <!-- .post-item -->
49
+
50
+ {%- endfor -%}
51
+
52
+ </ul> <!-- .post-list -->
53
+ </section> <!-- #post-listing -->
54
+
55
+ {%- endif -%}
@@ -0,0 +1,33 @@
1
+ {%- if page.series -%}
2
+
3
+ {%- assign series_posts = site.posts | where: "series", page.series | reverse -%}
4
+
5
+ <ol id="series">
6
+
7
+ {%- for post in series_posts -%}
8
+
9
+ <li>
10
+ <a href="{{ post.url | relative_url }}">
11
+
12
+ {%- if post.url == page.url -%}
13
+
14
+ <em>
15
+
16
+ {%- endif -%}
17
+
18
+ {{- post.title -}}
19
+
20
+ {%- if post.url == page.url -%}
21
+
22
+ </em>
23
+
24
+ {%- endif -%}
25
+
26
+ </a>
27
+ </li>
28
+
29
+ {%- endfor -%}
30
+
31
+ </ol> <!-- #series -->
32
+
33
+ {%- endif -%}
@@ -1,13 +1,20 @@
1
1
  <!DOCTYPE html>
2
2
  <html lang="{{ page.lang | default: site.lang | default: 'en' }}">
3
- {% include head.html %}
4
- <body>
5
- <div id="layout">
6
- {% include header.html %}
7
- <main id="main">
8
- {{ content }}
9
- </main> <!-- #main -->
10
- {% include footer.html %}
11
- </div> <!-- #layout -->
12
- </body>
3
+
4
+ {%- include head.html -%}
5
+
6
+ <body>
7
+ <div id="layout">
8
+
9
+ {%- include header.html -%}
10
+
11
+ <main id="main">
12
+ {{- content -}}
13
+ </main> <!-- #main -->
14
+
15
+ {%- include footer.html -%}
16
+
17
+ </div> <!-- #layout -->
18
+ </body>
19
+
13
20
  </html>
data/_layouts/home.html CHANGED
@@ -2,38 +2,8 @@
2
2
  layout: default
3
3
  ---
4
4
 
5
- <section id="hero">
6
- {{ content }}
7
- </section> <!-- #hero -->
5
+ <div id="hero">
6
+ {{- content -}}
7
+ </div> <!-- #hero -->
8
8
 
9
- {% if site.paginate %}
10
- {% assign posts = paginator.posts %}
11
- {% else %}
12
- {% assign posts = site.posts %}
13
- {% endif %}
14
-
15
- {% if posts.size > 0 %}
16
- {% assign date_format = site.date_format %}
17
- <section id="post-listing">
18
- <header id="post-listing-header">
19
- <h2 id="post-listing-heading">
20
- {{ posts.list_title | default: "Posts" }}
21
- </h2> <!-- #post-listing-heading -->
22
- </header> <!-- #post-listing-header -->
23
- <ul class="post-list">
24
- {% for post in posts %}
25
- <li class="post-item">
26
- <span class="post-meta">{{ post.date | date: date_format }}</span>
27
- <h3>
28
- <a class="post-link" href="{{ post.url | relative_url }}">
29
- {{ post.title | escape }}
30
- </a>
31
- </h3>
32
- {%- if site.show_excerpts -%}
33
- {{ post.excerpt }}
34
- {% endif %}
35
- </li> <!-- .post-item -->
36
- {% endfor %}
37
- </ul> <!-- .post-list -->
38
- </section> <!-- #post-listing -->
39
- {%- endif -%}
9
+ {%- include post-listing.html -%}
data/_layouts/page.html CHANGED
@@ -4,32 +4,49 @@ layout: default
4
4
 
5
5
  <section id="content">
6
6
  <header id="page-header">
7
- {% if page.title %}
8
- <h2 id="page-title">
9
- {{ page.title }}
10
- </h2> <!-- #page-title -->
11
- {% endif %}
12
-
13
- {% if page.subtitle %}
14
- <p id="page-subtitle">
15
- {{ page.subtitle }}
16
- </p> <!-- #page-subtitle -->
17
- {% endif %}
18
-
19
- {% if page.author %}
20
- <p id="page-author">
21
- {{ page.author }}
22
- </p> <!-- #page-author -->
23
- {% endif %}
24
-
25
- {% if page.date %}
26
- <p id="page-date">
27
- {{ page.date }}
28
- </p> <!-- #page-date -->
29
- {% endif %}
7
+
8
+ {%- if page.title -%}
9
+
10
+ <h2 id="page-title">
11
+
12
+ {{- page.title -}}
13
+
14
+ </h2> <!-- #page-title -->
15
+
16
+ {%- endif -%}
17
+
18
+ {%- if page.subtitle -%}
19
+
20
+ <p id="page-subtitle">
21
+
22
+ {{- page.subtitle -}}
23
+
24
+ </p> <!-- #page-subtitle -->
25
+
26
+ {%- endif -%}
27
+
28
+ {%- if page.author -%}
29
+
30
+ <p id="page-author">
31
+
32
+ {{- page.author -}}
33
+
34
+ </p> <!-- #page-author -->
35
+
36
+ {%- endif -%}
37
+
38
+ {%- if page.date -%}
39
+
40
+ <p id="page-date">
41
+
42
+ {{- page.date -}}
43
+
44
+ </p> <!-- #page-date -->
45
+
46
+ {%- endif -%}
47
+
30
48
  </header>
31
49
 
32
- <article>
33
- {{ content }}
34
- </article>
50
+ {{- content -}}
51
+
35
52
  </section> <!-- #content -->
data/_layouts/post.html CHANGED
@@ -2,36 +2,55 @@
2
2
  layout: default
3
3
  ---
4
4
 
5
- {% assign date_format = site.date_format %}
5
+ {%- assign date_format = site.date_format -%}
6
6
 
7
7
  <section id="content">
8
8
  <header id="page-header">
9
- {% if page.title %}
10
- <h2 id="page-title">
11
- {{ page.title }}
12
- </h2> <!-- #page-title -->
13
- {% endif %}
14
-
15
- {% if page.subtitle %}
16
- <p id="page-subtitle">
17
- {{ page.subtitle }}
18
- </p> <!-- #page-subtitle -->
19
- {% endif %}
20
-
21
- {% if page.author %}
22
- <p id="page-author">
23
- {{ page.author }}
24
- </p> <!-- #page-author -->
25
- {% endif %}
26
-
27
- {% if page.date %}
28
- <p id="page-date">
29
- {{ page.date | date: date_format }}
30
- </p> <!-- #page-date -->
31
- {% endif %}
9
+
10
+ {%- if page.title -%}
11
+
12
+ <h2 id="page-title">
13
+
14
+ {{- page.title -}}
15
+
16
+ </h2> <!-- #page-title -->
17
+
18
+ {%- endif -%}
19
+
20
+ {%- if page.subtitle -%}
21
+
22
+ <p id="page-subtitle">
23
+
24
+ {{- page.subtitle -}}
25
+
26
+ </p> <!-- #page-subtitle -->
27
+
28
+ {%- endif -%}
29
+
30
+ {%- if page.author -%}
31
+
32
+ <p id="page-author">
33
+
34
+ {{- page.author -}}
35
+
36
+ </p> <!-- #page-author -->
37
+
38
+ {%- endif -%}
39
+
40
+ {%- if page.date -%}
41
+
42
+ <p id="page-date">
43
+
44
+ {{- page.date | date: date_format -}}
45
+
46
+ </p> <!-- #page-date -->
47
+
48
+ {%- endif -%}
49
+
50
+ {%- include series.html -%}
51
+
32
52
  </header> <!-- #page-header -->
33
53
 
34
- <article class="content">
35
- {{ content }}
36
- </article>
54
+ {{- content -}}
55
+
37
56
  </section>
data/_sass/README.md CHANGED
@@ -1 +1,51 @@
1
1
  # My Sass Library
2
+ ## Table of Contents
3
+ - [About](#about)
4
+ - [Structure](#structure)
5
+ - [Is it any good?](#is-it-any-good?)
6
+
7
+
8
+ ## About
9
+ Just my collection of sassy snippets.
10
+
11
+
12
+ ## Structure
13
+ This repo is using the 7-1 structure with the `main.scss` file exstracted in the actual project.
14
+ The used naming convention was chosen in order to show the added complexity of content when going down the directory list.
15
+
16
+
17
+ ### Abstracts
18
+ ... __(or utilities)__ holds anything that does not output any CSS when compiled.
19
+
20
+
21
+ ### Base
22
+ ... holds the boilerplate code which commonly imports also all your [abstracts](#abstracts) and gives you a good way to start any project.
23
+ 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.
24
+
25
+
26
+ ### Components
27
+ ... __(or modules)__ holds all of your reusable styles which are independend of any real structure.
28
+
29
+
30
+ ### Layout
31
+ ... contains all styles involved with the layout of your project.
32
+ Such as styles for your header, footer, navigation and the grid system.
33
+
34
+
35
+ ### Pages
36
+ ... any styles specific to individual pages will sit here.
37
+ For example it's not uncommon for the home page of your site to require page specific styles that no other page receives.
38
+
39
+
40
+ ### Themes
41
+ ... this is likely not used in many projects.
42
+ It would hold files that create project specific themes.
43
+ For example if sections of your site contain alternate color schemes.
44
+
45
+
46
+ ### Vendors
47
+ ... contains all third party code.
48
+
49
+
50
+ ## Is it any good?
51
+ Yes!
@@ -0,0 +1,7 @@
1
+ @import "abstracts/variables/breakpoints";
2
+ @import "abstracts/variables/colors";
3
+ @import "abstracts/variables/spacing";
4
+ @import "abstracts/variables/transition";
5
+ @import "abstracts/variables/typography";
6
+ @import "abstracts/variables/z-index";
7
+ @import "abstracts/mixins";
@@ -0,0 +1,58 @@
1
+ @mixin transition {
2
+ transition: all $transition-duration $transition-timing-function;
3
+ }
4
+
5
+ @mixin media-screen-gt($breakpoint) {
6
+ @media screen and (min-width: $breakpoint) {
7
+ @content;
8
+ }
9
+ }
10
+
11
+ @mixin media-screen-gt-sm {
12
+ @include media-screen-gt($break-sm) {
13
+ @content;
14
+ }
15
+ }
16
+
17
+ @mixin media-screen-gt-md {
18
+ @include media-screen-gt($break-md) {
19
+ @content;
20
+ }
21
+ }
22
+
23
+ @mixin media-screen-gt-lg {
24
+ @include media-screen-gt($break-lg) {
25
+ @content;
26
+ }
27
+ }
28
+
29
+ @mixin media-screen-gt-xl {
30
+ @include media-screen-gt($break-xl) {
31
+ @content;
32
+ }
33
+ }
34
+
35
+ @mixin media-screen-width-breakpoints {
36
+ @include media-screen-gt-sm {
37
+ max-width: $break-sm;
38
+ }
39
+
40
+ @include media-screen-gt-md {
41
+ max-width: $break-md;
42
+ }
43
+
44
+ @include media-screen-gt-md {
45
+ max-width: $break-md;
46
+ }
47
+
48
+ @include media-screen-gt-xl {
49
+ max-width: $break-xl;
50
+ }
51
+ }
52
+
53
+
54
+
55
+
56
+ @mixin foreground {
57
+ z-index: $foreground-index;
58
+ }
@@ -13,3 +13,9 @@ $text-grey-color: #111111;
13
13
  // Menu
14
14
  $menu-background-color: $ubuntu-orange-color !default;
15
15
  $menu-text-color: $white-color !default;
16
+ $menu-separator-color: $warm-grey-color !default;
17
+
18
+
19
+ // Default Colors
20
+ $primary-text-color: $black-color !default;
21
+ $secondary-text-color: $warm-grey-color !default;
@@ -0,0 +1,8 @@
1
+ $menu-width: 160px !default;
2
+
3
+ $hamburger-color: #000000;
4
+ $hamburger-height: 5px;
5
+ $hamburger-width: 24px;
6
+ $hamburger-radius: 2px;
7
+ $hamburger-size: 32px;
8
+ $clickable-cursor: pointer;
@@ -0,0 +1,2 @@
1
+ $transition-duration: 1s !default;
2
+ $transition-timing-function: ease-out !default;
@@ -0,0 +1,3 @@
1
+ $link-text-decoration: none;
2
+
3
+ $font-stack: Ubuntu, sans-serif;
@@ -0,0 +1,4 @@
1
+ $ui-index: 1000;
2
+ $foreground-index: 1;
3
+ $middleground-index: 0;
4
+ $background-index: -1;
@@ -0,0 +1,3 @@
1
+ @import "abstracts/all";
2
+
3
+ @import "base/normalize";
@@ -0,0 +1 @@
1
+ @import "vendor/normalize"
@@ -0,0 +1,4 @@
1
+
2
+ .content p {
3
+ text-align: justify;;
4
+ }
@@ -0,0 +1,5 @@
1
+ #hero {
2
+ width: 100%;
3
+ height: 100vh;
4
+ overflow: hidden;
5
+ }
@@ -0,0 +1,3 @@
1
+ .list-style-none {
2
+ list-style: none;;
3
+ }
@@ -0,0 +1,7 @@
1
+ nav {
2
+ ul {
3
+ list-style-type: none;
4
+ margin: 0;
5
+ padding: 0;
6
+ }
7
+ }