jekyll-theme-nettoyer 0.0.12 → 0.0.13

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.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 7cffbec6341f8d8cc05c1c551ef2b85418750c66
4
- data.tar.gz: fcddc43fa132ef66f40423115d7cceaa06059a2a
3
+ metadata.gz: 465170cb05ecd10b52400c4ae03c2b7de9049efe
4
+ data.tar.gz: 65b15e2a55429288f70fd4bd3d6d9ff53a7f51b3
5
5
  SHA512:
6
- metadata.gz: 19c914900c3d91faa660258308ea950cbe1d0bd9da4adecb9cb3f5795e1cc1061b0e39093eb83559bfad14089de694343f0049248f1b2d44edb68b194ce25b02
7
- data.tar.gz: 65add4c6552c7621bdbf876e683e917ac786d264a88be047a82bbd7922ca256f6a605a7655a496a5df3aee5875e99a6449ac86247f84de40a9c26641ecab75ca
6
+ metadata.gz: 2f3fdf8e42b7213681c548133751fb94fc57e0dea5d3d35c94329dee060f27311a626206a42cbed4d107bac28acf7d7f3514e576fe82bcc24d73f69e38a53c53
7
+ data.tar.gz: 9ad16927bdff2f4900c5312c5ca7058e8d6c737d0e8de6356f57d111ca70be9b98faf86eed3b37cf0b4cf39b34a4f73aba71df828ee247b7097a877bafbf678f
@@ -1,16 +1,19 @@
1
1
  {% assign posts_count = site.posts | size %}
2
2
 
3
3
  {% if posts_count != 0 %}
4
- <ul class="articles">
4
+ <ul class="articles-list">
5
5
  {% for article in site.posts %}
6
- <li>
6
+ <li class="articles-list__item">
7
7
  {% if article.external_link %}
8
- <a class="post-content" href="{{ article.external_link }}" target="_blank">
8
+ <a class="articles-list__link" href="{{ article.external_link }}"
9
+ target="_blank">
9
10
  {% else %}
10
- <a class="post-content" href="{{ article.url }}">
11
+ <a class="articles-list__link" href="{{ article.url }}">
11
12
  {% endif %}
12
- <h3 class="title">{{ article.title }}</h3>
13
- <time class="date">{{ article.date | date_to_string }}</time>
13
+ <h3 class="articles-list__title">{{ article.title }}</h3>
14
+ <time class="articles-list__date">
15
+ {{ article.date | date_to_string }}
16
+ </time>
14
17
  </a>
15
18
  </li>
16
19
  {% endfor %}
@@ -1,16 +1,18 @@
1
1
  <section class="breadcrumbs">
2
- <span class="section -path">
2
+ <span class="breadcrumbs__section breadcrumbs__section--path">
3
3
  <a href="{{ site.url | absolute_url }}{% if site.baseurl %}{{ site.baseurl }}{% endif %}">
4
4
  {{ site.data.i18n.home | default: 'home' }}
5
5
  </a>
6
6
  </span>
7
7
 
8
8
  {% if page.postsurl %}
9
- <span class="section -path">
9
+ <span class="breadcrumbs__section breadcrumbs__section--path">
10
10
  <a href="{{ page.postsurl | absolute_url }}">{{ page.postsurl }}</a>
11
11
  </span>
12
12
  {% endif %}
13
13
 
14
- <span class="section -current">{{ page.title }}</span>
14
+ <span class="breadcrumbs__section breadcrumbs__section--current">
15
+ {{ page.title }}
16
+ </span>
15
17
  </section>
16
18
 
@@ -0,0 +1,9 @@
1
+ <!-- Global Site Tag (gtag.js) - Google Analytics -->
2
+ <script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
3
+ <script>
4
+ window.dataLayer = window.dataLayer || [];
5
+ function gtag(){dataLayer.push(arguments)};
6
+ gtag('js', new Date());
7
+
8
+ gtag('config', {{ site.google_analytics }});
9
+ </script>
@@ -1,4 +1,8 @@
1
1
  <head>
2
+ {% if site.google_analytics %}
3
+ {% include _google-analytics.html %}
4
+ {% endif %}
5
+
2
6
  <meta charset="utf-8">
3
7
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
4
8
 
@@ -1,9 +1,9 @@
1
1
  <footer class="main-footer">
2
2
  <section class="social-network">
3
- <ul class="social-list">
3
+ <ul class="social-network__list">
4
4
  {% for network in site.social%}
5
- <li class="social">
6
- <a class="social" href="{{ network.url }}" target="_blank">
5
+ <li class="social-network__item">
6
+ <a href="{{ network.url }}" target="_blank">
7
7
  {{ network.name }}
8
8
  </a>
9
9
  </li>
@@ -11,14 +11,14 @@
11
11
  </ul>
12
12
  </section>
13
13
 
14
- <section class="disclaimer-section">
15
- <p class="disclaimer">
14
+ <section class="footer-disclaimer">
15
+ <p class="footer-disclaimer__note">
16
16
  Developed with <a href="https://jekyllrb.com/">Jekyll</a> using the
17
17
  <a href="https://github.com/idlua/jekyll-theme-nettoyer">nettoyer</a> theme.
18
18
  </p>
19
19
  </section>
20
20
 
21
- <p class="copy">
21
+ <p class="main-footer__copy">
22
22
  Copyright &copy; 2017
23
23
  {% if site.name %}{{ site.name }}{% else %}{{ site.title }}{% endif %}.
24
24
  </p>
@@ -1,6 +1,7 @@
1
1
  <header class="main-header">
2
- <h1 class="title">
3
- <a href="{{ site.url | absolute_url }}{% if site.baseurl %}{{ site.baseurl }}{% endif %}">
2
+ <h1 class="main-header__title">
3
+ <a class="main-header__link"
4
+ href="{{ site.url | absolute_url }}{% if site.baseurl %}{{ site.baseurl }}{% endif %}">
4
5
  {% if site.name %}{{ site.name }}{% else %}{{ site.title }}{% endif %}
5
6
  </a>
6
7
  </h1>
@@ -1,9 +1,9 @@
1
1
  <nav class="main-nav" role="navigation">
2
- <h2 class="title">
2
+ <h2 class="main-nav__title">
3
3
  {{ site.data.i18n[site.locale].nav_title | default: 'Main navigation' }}
4
4
  </h2>
5
5
 
6
- <ul class="menu-list">
6
+ <ul class="main-nav__options">
7
7
  {% assign pages = site.pages | where: 'layout', 'page' %}
8
8
 
9
9
  <!-- Remove the two lines below to avoid the ChangeLog. -->
@@ -11,8 +11,8 @@
11
11
  {% assign pages = pages | concat: logs %}
12
12
 
13
13
  {% for menu in pages %}
14
- <li class="menu">
15
- <a class="link" href="{{ menu.permalink | absolute_url }}">
14
+ <li class="main-nav__item">
15
+ <a href="{{ menu.permalink | absolute_url }}">
16
16
  {{ menu.title }}
17
17
  </a>
18
18
  </li>
@@ -2,8 +2,8 @@
2
2
  layout: default
3
3
  ---
4
4
 
5
- <section class="articles-list">
6
- <h2 class="title">
5
+ <section class="wrapper-articles">
6
+ <h2 class="wrapper-articles__title">
7
7
  {{ site.data.i18n[site.locale].latest_articles | default: 'latest articles' }}
8
8
  </h2>
9
9
 
@@ -5,7 +5,7 @@
5
5
  <body>
6
6
  {% include _main-header.html %}
7
7
 
8
- <main class="main-wrapper">{{ content }}</main>
8
+ <main class="wrapper-main">{{ content }}</main>
9
9
 
10
10
  {% include _main-footer.html %}
11
11
  </body>
@@ -3,6 +3,6 @@
3
3
  {% include _head.html %}
4
4
 
5
5
  <body>
6
- <main class="error-wrapper">{{ content }}</main>
6
+ <main class="wrapper-error">{{ content }}</main>
7
7
  </body>
8
8
  </html>
@@ -2,11 +2,11 @@
2
2
  layout: default
3
3
  ---
4
4
 
5
- <section class="home-wrapper">
5
+ <section>
6
6
  {{ content }}
7
7
 
8
- <section class="articles-list">
9
- <h2 class="title">
8
+ <section class="wrapper-articles">
9
+ <h2 class="wrapper-articles__title">
10
10
  {{ site.data.i18n[site.locale].latest_articles | default: 'latest articles' }}
11
11
  </h2>
12
12
 
@@ -4,4 +4,4 @@ layout: default
4
4
 
5
5
  <h2 class="title">{{ page.title }}</h2>
6
6
 
7
- <section class="log-wrapper">{{ content }}</section>
7
+ <section class="wrapper-log">{{ content }}</section>
@@ -4,4 +4,4 @@ layout: default
4
4
 
5
5
  <h2 class="title">{{ page.title }}</h2>
6
6
 
7
- <section class="page-wrapper">{{ content }}</section>
7
+ <section>{{ content }}</section>
@@ -4,30 +4,52 @@ layout: default
4
4
 
5
5
  {% include _reading-time.html %}
6
6
 
7
- <article class="post-wrapper">
7
+ <article class="article">
8
8
 
9
9
  {% include _breadcrumbs.html %}
10
10
 
11
- <header class="post-header">
12
- <h2 class="title">{{ page.title }}</h2>
11
+ <header class="article-header">
12
+ <h2 class="article-header__title">{{ page.title }}</h2>
13
13
 
14
- <ul class="post-meta">
15
- <li class="info -date">{{ page.date | date_to_string }}</li>
16
- <li class="info -reading-time">{{ reading_time }}</li>
14
+ <ul class="article-header__meta">
15
+ <li class="article-header__info article-header__info--date">
16
+ {{ page.date | date_to_string }}
17
+ </li>
18
+
19
+ <li class="article-header__info article-header__info--reading-time">
20
+ {{ reading_time }}
21
+ </li>
17
22
 
18
23
  {% for category in page.categories %}
19
- <li class="info -category">
20
- <a class="link" href="{{ site.url }}/category/{{ category }}">{{ category }}</a>
24
+ <li class="article-header__info article-header__info--category">
25
+ <a class="article-header__link" href="{{ site.url }}/category/{{ category }}">
26
+ {{ category }}
27
+ </a>
21
28
  </li>
22
29
  {% endfor %}
23
30
  </ul>
24
31
  </header>
25
32
 
26
- <main class="post-content">
33
+ <main class="article__content">
27
34
  {% if page.banner %}
28
- <img class="banner" src="{{ page.banner }}">
35
+ <img class="article__banner" src="{{ page.banner }}">
29
36
  {% endif %}
30
37
 
31
38
  {{ content }}
32
39
  </main>
40
+
41
+ <footer class="article-footer">
42
+ {% if page.external-link %}
43
+ <section class="external-article">
44
+ <a class="external-article__link" href="{{ page.external-link }}"
45
+ target="_blank">
46
+ <p class="external-article__info">
47
+ {{ site.data.i18n[site.locale].external_publication | default: 'this article was also published in' }}
48
+ <span class="external-article__source">{{ page.external-source }}</span>
49
+ </p>
50
+ <p class="external-article__title">{{ page.title }}</p>
51
+ </a>
52
+ </section>
53
+ {% endif %}
54
+ </footer>
33
55
  </article>
@@ -0,0 +1 @@
1
+ .article-footer { border-top: 1px solid $c_smoke-gray; }
@@ -0,0 +1,32 @@
1
+ .article-header {
2
+
3
+ &__title {
4
+ margin-top: 0;
5
+ margin-bottom: 5px;
6
+ color: $c_darkgray;
7
+ font-size: 28px;
8
+ }
9
+
10
+
11
+ &__meta {
12
+ margin-bottom: 35px;
13
+ font-family: $f_sans;
14
+ }
15
+
16
+
17
+ &__info {
18
+ display: inline-block;
19
+ color: $c_gray;
20
+ font-size: 14px;
21
+ list-style-type: none;
22
+
23
+ &--date {
24
+ font-size: 14px;
25
+ color: $c_gray;
26
+ }
27
+
28
+ &--reading-time {
29
+ &::before { content: "∙"; }
30
+ }
31
+ }
32
+ }
@@ -1,19 +1,6 @@
1
- .post-content {
2
- display: block;
3
- list-style-type: none;
1
+ .article {
4
2
 
5
- > .title {
6
- margin-top: 0;
7
- margin-bottom: 5px;
8
- color: $c_darkgray;
9
- }
10
-
11
- > .date {
12
- font-size: 14px;
13
- color: $c_gray;
14
- }
15
-
16
- > .banner {
3
+ &__banner {
17
4
  width: 110%;
18
5
  max-width: 110%;
19
6
  height: 200px;
@@ -29,5 +16,6 @@
29
16
  @media (min-width: 2560px) { height: 600px; }
30
17
  }
31
18
 
19
+
32
20
  code { font-family: monospace; }
33
21
  }
@@ -1,20 +1,23 @@
1
1
  .articles-list {
2
- @extend %section-commom;
2
+ &:not(:last-child) {
3
+ @extend %section-commom;
3
4
 
4
- margin-top: 50px;
5
+ padding-bottom: 10px;
6
+ border-bottom: 1px solid $c_smoke-gray;
7
+ }
8
+
9
+
10
+ &__link {
11
+ color: $c_darkgray;
12
+ border-radius: 2px;
13
+ }
5
14
 
6
- > .title { color: $c_red; }
7
15
 
8
- > .articles {
9
- > li {
10
- list-style-type: none;
16
+ &__title { margin-bottom: 0; }
11
17
 
12
- &:not(:last-child) {
13
- @extend %section-commom;
14
18
 
15
- padding-bottom: 10px;
16
- border-bottom: 1px solid $c_smoke-gray;
17
- }
18
- }
19
+ &__date {
20
+ font-family: $f_sans;
21
+ font-size: 14px;
19
22
  }
20
23
  }
@@ -1,7 +1,7 @@
1
1
  .breadcrumbs {
2
2
  margin-bottom: 10px;
3
3
 
4
- > .section {
4
+ &__section {
5
5
  font-family: $f_sans;
6
6
  font-size: 14px;
7
7
 
@@ -9,8 +9,8 @@
9
9
  content: "> ";
10
10
  color: $c_gray;
11
11
  }
12
- }
13
12
 
14
- > .-path { text-transform: capitalize; }
15
- > .-current { color: $c_darkgray; }
13
+ &--path { text-transform: capitalize; }
14
+ &--current { color: $c_darkgray; }
15
+ }
16
16
  }
@@ -0,0 +1,27 @@
1
+ .external-article {
2
+ text-align: right;
3
+
4
+ &__link {
5
+ display: inline-block;
6
+ border-bottom: 1px solid $c_red;
7
+ }
8
+
9
+
10
+ &__info {
11
+ color: $c_gray;
12
+ font-size: 16px;
13
+
14
+ &:first-letter { text-transform: capitalize; }
15
+ }
16
+
17
+
18
+ &__source { color: $c_darkgray; }
19
+
20
+
21
+ &__title {
22
+ color: $c_darkgray;
23
+ font-family: $f_sans;
24
+
25
+ &:hover { color: $c_red; }
26
+ }
27
+ }
@@ -0,0 +1,13 @@
1
+ .footer-disclaimer {
2
+ @extend %centralized;
3
+ text-align: center;
4
+
5
+ /* @media 768px */
6
+ @media (min-width: 768px) { width: 60%; }
7
+
8
+ &__note {
9
+ font-family: $f_serif;
10
+ font-size: 16px;
11
+ color: $c_gray;
12
+ }
13
+ }
@@ -3,42 +3,10 @@
3
3
  @extend %content-wrapper;
4
4
 
5
5
  border-top: 1px solid $c_lightgray;
6
- }
7
-
8
- .social-list {
9
- @extend %section-commom;
10
- text-align: center;
11
6
 
12
- > .social {
13
- display: inline-block;
7
+ &__copy {
8
+ text-align: center;
14
9
  font-size: 12px;
15
-
16
- &:not(:first-child):before {
17
- content: "・ ";
18
- color: $c_gray;
19
- }
20
-
21
- /* @media 768px */
22
- @media (min-width: 768px) { font-size: 16px; }
23
- }
24
- }
25
-
26
- .disclaimer-section {
27
- @extend %centralized;
28
- text-align: center;
29
-
30
- > .disclaimer {
31
- font-family: $f_serif;
32
- font-size: 16px;
33
10
  color: $c_gray;
34
11
  }
35
-
36
- /* @media 768px */
37
- @media (min-width: 768px) { width: 60%; }
38
- }
39
-
40
- .copy {
41
- text-align: center;
42
- font-size: 12px;
43
- color: $c_gray;
44
12
  }
@@ -6,13 +6,12 @@
6
6
 
7
7
  &:after { @extend %clearfix; }
8
8
 
9
- > .title {
9
+
10
+ &__title {
10
11
  font-weight: $f_weight-bold;
11
12
  text-transform: lowercase;
12
13
  word-spacing: -1ex;
13
14
 
14
- > a { color: $c_darkgray; }
15
-
16
15
  &:after {
17
16
  content: ".";
18
17
  margin-left: -5px;
@@ -21,4 +20,7 @@
21
20
  /* @media 768px */
22
21
  @media (min-width: 768px) { display: inline-block; }
23
22
  }
23
+
24
+
25
+ &__link { color: $c_darkgray; }
24
26
  }
@@ -1,19 +1,17 @@
1
1
  .main-nav {
2
2
  @extend %section-commom;
3
3
 
4
- > .title { @extend %hidden; }
5
-
6
4
  /* @media 768px */
7
5
  @media (min-width: 768px) {
8
6
  float: right;
9
7
  margin-top: 18px;
10
8
  }
11
- }
12
9
 
13
- .menu-list {
14
- padding-left: 0;
10
+ &__title { @extend %hidden; }
11
+ &__options { padding-left: 0; }
12
+
15
13
 
16
- > .menu {
14
+ &__menu {
17
15
  display: inline-block;
18
16
  list-style-type: none;
19
17
 
@@ -0,0 +1,21 @@
1
+ .social-network {
2
+
3
+ &__list {
4
+ @extend %section-commom;
5
+ text-align: center;
6
+ }
7
+
8
+
9
+ &__item {
10
+ display: inline-block;
11
+ font-size: 12px;
12
+
13
+ &:not(:first-child):before {
14
+ content: "・ ";
15
+ color: $c_gray;
16
+ }
17
+
18
+ /* @media 768px */
19
+ @media (min-width: 768px) { font-size: 16px; }
20
+ }
21
+ }
@@ -0,0 +1,6 @@
1
+ .wrapper-articles {
2
+ @extend %section-commom;
3
+ margin-top: 50px;
4
+
5
+ &__title { color: $c_red; }
6
+ }
@@ -1,4 +1,4 @@
1
- .error-wrapper {
1
+ .wrapper-error {
2
2
  @extend %content-wrapper;
3
3
 
4
4
  margin-top: 25%;
@@ -1,4 +1,4 @@
1
- .log-wrapper {
1
+ .wrapper-log {
2
2
  font-family: $f_sans;
3
3
 
4
4
  a { text-decoration: underline; }
@@ -1,13 +1,7 @@
1
- .main-wrapper {
1
+ .wrapper-main {
2
2
  @extend %section-commom;
3
3
  @extend %content-wrapper;
4
4
 
5
5
  margin-top: 40px;
6
6
  font-family: $f_serif;
7
-
8
- ol,
9
- ul,
10
- li {
11
- list-style: square;
12
- }
13
7
  }
@@ -6,16 +6,20 @@
6
6
  @import 'core/objects';
7
7
  @import 'core/base';
8
8
 
9
+ @import 'layout/wrapper-main';
10
+ @import 'layout/wrapper-articles';
11
+ @import 'layout/wrapper-error';
12
+ @import 'layout/wrapper-log';
13
+ @import 'layout/highlight';
14
+
9
15
  @import 'components/breadcrumbs';
10
16
  @import 'components/main-header';
11
17
  @import 'components/main-nav';
12
- @import 'components/main-footer';
13
- @import 'components/post-header';
14
- @import 'components/post-meta';
15
- @import 'components/post-content';
16
18
  @import 'components/articles-list';
17
-
18
- @import 'layout/main-template';
19
- @import 'layout/error-template';
20
- @import 'layout/log-template';
21
- @import 'layout/highlight';
19
+ @import 'components/article';
20
+ @import 'components/article-header';
21
+ @import 'components/article-footer';
22
+ @import 'components/external-article';
23
+ @import 'components/social-network';
24
+ @import 'components/footer-disclaimer';
25
+ @import 'components/main-footer';
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-nettoyer
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.12
4
+ version: 0.0.13
5
5
  platform: ruby
6
6
  authors:
7
7
  - Luan Vicente
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2017-09-24 00:00:00.000000000 Z
11
+ date: 2017-10-07 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -63,6 +63,7 @@ files:
63
63
  - README.md
64
64
  - _includes/_articles-list.html
65
65
  - _includes/_breadcrumbs.html
66
+ - _includes/_google-analytics.html
66
67
  - _includes/_head.html
67
68
  - _includes/_main-footer.html
68
69
  - _includes/_main-header.html
@@ -75,23 +76,27 @@ files:
75
76
  - _layouts/log.html
76
77
  - _layouts/page.html
77
78
  - _layouts/post.html
79
+ - _sass/components/_article-footer.scss
80
+ - _sass/components/_article-header.scss
81
+ - _sass/components/_article.scss
78
82
  - _sass/components/_articles-list.scss
79
83
  - _sass/components/_breadcrumbs.scss
84
+ - _sass/components/_external-article.scss
85
+ - _sass/components/_footer-disclaimer.scss
80
86
  - _sass/components/_main-footer.scss
81
87
  - _sass/components/_main-header.scss
82
88
  - _sass/components/_main-nav.scss
83
- - _sass/components/_post-content.scss
84
- - _sass/components/_post-header.scss
85
- - _sass/components/_post-meta.scss
89
+ - _sass/components/_social-network.scss
86
90
  - _sass/core/_base.scss
87
91
  - _sass/core/_color-palette.scss
88
92
  - _sass/core/_generic.scss
89
93
  - _sass/core/_objects.scss
90
94
  - _sass/core/_typography.scss
91
- - _sass/layout/_error-template.scss
92
95
  - _sass/layout/_highlight.scss
93
- - _sass/layout/_log-template.scss
94
- - _sass/layout/_main-template.scss
96
+ - _sass/layout/_wrapper-articles.scss
97
+ - _sass/layout/_wrapper-error.scss
98
+ - _sass/layout/_wrapper-log.scss
99
+ - _sass/layout/_wrapper-main.scss
95
100
  - _sass/nettoyer.scss
96
101
  - _sass/vendor/_syntax.scss
97
102
  - assets/css/style.scss
@@ -1,4 +0,0 @@
1
- .post-header {
2
-
3
- > .title { margin-bottom: 5px; }
4
- }
@@ -1,18 +0,0 @@
1
- .post-meta {
2
- margin-bottom: 35px;
3
- font-family: $f_sans;
4
-
5
- > .info {
6
- display: inline-block;
7
- color: $c_gray;
8
- font-size: 14px;
9
- list-style-type: none;
10
- }
11
-
12
- .-category > .link {
13
- padding: 2px 5px;
14
- color: $c_darkgray;
15
- border-radius: 2px;
16
- background-color: $c_smoke-gray;
17
- }
18
- }