jekyll-theme-louis 0.1.2 → 0.1.3

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
  SHA256:
3
- metadata.gz: 54ca6df6a89fb5fe4285c6d57313b8dfce2d6204080b63658205743d022c8f67
4
- data.tar.gz: 261c1a25bd987c738110a5f6cc46727555eb22742935ca39e1a86ed706b85a36
3
+ metadata.gz: c7425b0ee981319ec775af27e1c5dd92df0081c517be5a7e42d7beaeda2c5dbc
4
+ data.tar.gz: 1fe6af5a8b80573eb94fa199a6f3ac9d341402e26334d36178627b4d9888f4cb
5
5
  SHA512:
6
- metadata.gz: a21165eecbefe45c436be04b5779dee832f71b08bfbed1b56290fd722adb5f673e01c7719a41f620a1c0df1daf869ff88817383a6cfb53baeb11fe62d81d1cae
7
- data.tar.gz: c67ab8cd85bee2fff7d48f29307a431e58f71c8ff3325402aa8a551c4ff2c2ee26fc2e04655186d1292422c4eb89001e88f3100a6dbbbb4fe6cd4b5a12079d8e
6
+ metadata.gz: 0d9ddc2ea2479401f8ab0941918e19ea01c518c9531c3767ca177398e2045b841fb35534ac1da62bb39e68022bbf250abea2d0772844a9018bfd3582739e1f1f
7
+ data.tar.gz: dbb7ed11be5952335e1c3bf734eaa9b8743108257a07617318b3c30245416a4978e36c50d734e6081a060eb6130228a0520fca6ec3b902448ec8eb03f38f1599
@@ -1,4 +1,5 @@
1
1
  <footer class="footer">
2
+ {% include tag-cloud.html %}
2
3
  <div class="footer-container">
3
4
  <a href="{{ "/profile.html" | relative_url }}" class="footer-container__link">
4
5
  <img src="{{ '/assets/images/profile_icon.png' | relative_url }}" class="footer-profile__icon" alt="">
@@ -1,11 +1,21 @@
1
1
  <div class="posts">
2
2
  {% for post in paginator.posts %}
3
- <div class="post-container">
3
+ <div class="posts-content">
4
4
  <a href="{{ post.url | relative_url }}">
5
5
  <h1 class="post__title">{{ post.title }}</h1>
6
6
  </a>
7
- <p class="post__date">{{ post.date | date: '%Y/%-m/%-d' }}</p>
8
- {{ post.excerpt }}
7
+ <div class="post-meta">
8
+ <p class="post__date">{{ post.date | date: '%Y/%-m/%-d' }}</p>
9
+ <div class="post-tags">
10
+ {% for tag in post.tags %}
11
+ <div class="post-tag">
12
+ <a class="post-tag__link" href="{{ '/archives/tag/' | append: tag | relative_url }}">
13
+ <i class="fa fa-tag post-tag__icon"></i>{{ tag }}
14
+ </a>
15
+ </div>
16
+ {% endfor %}
17
+ </div>
18
+ </div>
9
19
  </div>
10
20
  {% endfor %}
11
21
  </div>
@@ -1,21 +1,21 @@
1
1
  {% if site.author.github || site.author.twitter || site.author.facebook %}
2
2
  <div class="social-link{{ include.suffix }}">
3
3
  {% if site.author.github %}
4
- <a href="https://github.com/{{ site.author.github }}" target="blank">
4
+ <a href="https://github.com/{{ site.author.github }}" class="social-link__text" target="blank">
5
5
  <p class="social-link__item--github">
6
6
  <i class="fa fa-github"></i>
7
7
  </p>
8
8
  </a>
9
9
  {% endif %}
10
10
  {% if site.author.twitter %}
11
- <a href="https://twitter.com/{{ site.author.twitter }}" target="blank">
11
+ <a href="https://twitter.com/{{ site.author.twitter }}" class="social-link__text" target="blank">
12
12
  <p class="social-link__item--twitter">
13
13
  <i class="fa fa-twitter"></i>
14
14
  </p>
15
15
  </a>
16
16
  {% endif %}
17
17
  {% if site.author.facebook %}
18
- <a href="https://facebook.com/{{ site.author.facebook }}" target="blank">
18
+ <a href="https://facebook.com/{{ site.author.facebook }}" class="social-link__text" target="blank">
19
19
  <p class="social-link__item--facebook">
20
20
  <i class="fa fa-facebook"></i>
21
21
  </p>
@@ -0,0 +1,13 @@
1
+ <div class="tag-cloud">
2
+ <p class="tag-cloud__title">Tags</p>
3
+ <div class="cloud-tags">
4
+ {% for tag in site.tags %}
5
+ <div class="cloud-tag">
6
+ {% capture cat %}{{ tag | first }}{% endcapture %}
7
+ <a class="cloud-tag__link" href="{{ '/archives/tag/' | append: cat | relative_url }}">
8
+ <i class="fa fa-tag cloud-tag__icon"></i>{{ cat }}
9
+ </a>
10
+ </div>
11
+ {% endfor %}
12
+ </div>
13
+ </div>
@@ -0,0 +1,25 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+ <ul class="posts">
5
+ <p class="posts-title">Tag: {{page.title}}</p>
6
+ {% for post in page.posts %}
7
+ <div class="posts-content">
8
+ <a href="{{ post.url | relative_url }}">
9
+ <h1 class="post__title">{{ post.title }}</h1>
10
+ </a>
11
+ <div class="post-meta">
12
+ <p class="post__date">{{ post.date | date: '%Y/%-m/%-d' }}</p>
13
+ <div class="post-tags">
14
+ {% for tag in post.tags %}
15
+ <div class="post-tag">
16
+ <a class="post-tag__link" href="{{ '/archives/tag/' | append: tag | relative_url }}">
17
+ <i class="fa fa-tag post-tag__icon"></i>{{ tag }}
18
+ </a>
19
+ </div>
20
+ {% endfor %}
21
+ </div>
22
+ </div>
23
+ </div>
24
+ {% endfor %}
25
+ </ul>
@@ -5,6 +5,7 @@
5
5
  <meta charset="UTF-8">
6
6
  <title>{% if page.title %}{{ page.title }} | {{ site.title }}{% else %}{{ site.title }}{% endif %}</title>
7
7
  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
8
+ <link rel="stylesheet" href="//stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
8
9
  <link rel="stylesheet" href="{{ '/assets/css/common.css' | relative_url }}">
9
10
  <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
10
11
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -1,6 +1,6 @@
1
1
  ---
2
2
  layout: default
3
3
  ---
4
- <div class="page-container">
4
+ <div class="page-content">
5
5
  {{ content }}
6
6
  </div>
@@ -2,9 +2,24 @@
2
2
  layout: default
3
3
  ---
4
4
  <div class="post-container">
5
- <h1 class="post__title">{{ page.title }}</h1>
6
- <p class="post__date">{{ page.date | date: '%Y/%-m/%-d' }}</p>
7
- {{ content }}
5
+ <div class="post-header">
6
+ <h1 class="post__title">{{ page.title }}</h1>
7
+ <div class="post-meta">
8
+ <p class="post__date">{{ page.date | date: '%Y/%-m/%-d' }}</p>
9
+ <div class="post-tags">
10
+ {% for tag in page.tags %}
11
+ <div class="post-tag">
12
+ <a class="post-tag__link" href="{{ '/archives/tag/' | append: tag | relative_url }}">
13
+ <i class="fa fa-tag post-tag__icon"></i>{{ tag }}
14
+ </a>
15
+ </div>
16
+ {% endfor %}
17
+ </div>
18
+ </div>
19
+ </div>
20
+ <div class="post-content">
21
+ {{ content }}
22
+ </div>
8
23
  </div>
9
24
 
10
25
  {% include post-pager.html %}
@@ -11,6 +11,6 @@ layout: default
11
11
  </div>
12
12
  </div>
13
13
 
14
- <div class="profile-container">
14
+ <div class="profile-content">
15
15
  {{ content }}
16
16
  </div>
@@ -1,15 +1,82 @@
1
1
  .post {
2
+ &__title {
3
+ margin-bottom: 0.5rem;
4
+ width: 100%;
5
+ font-size: 2.125rem;
6
+ }
7
+
2
8
  &__date {
9
+ margin-bottom: 0 !important;
10
+ width: 15%;
11
+ color: $color-font-sub;
12
+ font-size: 1rem;
13
+ }
14
+ }
15
+
16
+ .post-container {
17
+ padding: 2rem 0 0;
18
+ width: 50rem;
19
+ }
20
+
21
+ .post-header {
22
+ display: flex;
23
+ flex-wrap: wrap;
24
+ width: 100%;
25
+ }
26
+
27
+ .post-meta {
28
+ display: flex;
29
+ align-items: center;
30
+ flex-direction: row;
31
+ flex-wrap: wrap;
32
+ margin-bottom: 2rem;
33
+ width: 100%;
34
+ height: 1.5rem;
35
+ }
36
+
37
+ .post-tags {
38
+ display: flex;
39
+ align-items: center;
40
+ flex-direction: row;
41
+ flex-wrap: wrap;
42
+ justify-content: right;
43
+ width: 85%;
44
+ height: 100%;
45
+ }
46
+
47
+ .post-tag {
48
+ display: flex;
49
+ align-items: center;
50
+ justify-content: center;
51
+ margin-right: 0.375rem;
52
+ margin-bottom: 0.375rem;
53
+ height: 100%;
54
+ border: 1px solid $color-border;
55
+ border-radius: 0.75rem;
56
+
57
+ &__icon {
58
+ margin-right: 0.25rem;
59
+ }
60
+
61
+ &__link {
62
+ display: flex;
63
+ align-items: center;
64
+ flex-direction: row;
65
+ margin-right: 0.25rem;
66
+ padding: 0.25rem 0.5rem;
67
+ height: 100%;
3
68
  color: $color-font-sub;
4
- font-size: 0.875rem;
69
+ text-decoration: none;
70
+ font-size: 0.75rem;
5
71
  }
6
72
  }
7
73
 
8
- .page-container,
9
- .post-container,
10
- .profile-container {
74
+ .page-content,
75
+ .post-content,
76
+ .posts-content,
77
+ .profile-content {
11
78
  flex-direction: column;
12
- padding: 2rem 0 5rem;
79
+ padding: 0 0 5rem;
13
80
  color: $color-font-sub;
14
81
  line-height: 1.875rem;
15
82
 
@@ -123,4 +190,8 @@
123
190
  border-radius: 0.25rem;
124
191
  background-color: rgba($color-border, 0.25);
125
192
  }
193
+ }
194
+
195
+ .posts-content {
196
+ padding-bottom: 2rem !important;
126
197
  }
@@ -15,7 +15,7 @@
15
15
  .profile-info {
16
16
  flex-direction: row;
17
17
  justify-content: flex-start;
18
- padding: 2rem 0 0;
18
+ padding: 2rem 0 1.5rem;
19
19
 
20
20
  @include container();
21
21
 
@@ -65,6 +65,21 @@
65
65
  }
66
66
 
67
67
  .fa {
68
- color: white;
69
- font-size: 1.5rem;
68
+ &-social-link {
69
+ color: white;
70
+ font-size: 1.5rem;
71
+
72
+ }
73
+
74
+ &-github {
75
+ @extend .fa-social-link;
76
+ }
77
+
78
+ &-twitter {
79
+ @extend .fa-social-link;
80
+ }
81
+
82
+ &-facebook {
83
+ @extend .fa-social-link;
84
+ }
70
85
  }
@@ -0,0 +1,52 @@
1
+ .tag-cloud {
2
+ display: flex;
3
+ align-items: center;
4
+ flex-direction: column;
5
+ justify-content: center;
6
+ padding-bottom: 1.5rem;
7
+ width: 50rem;
8
+
9
+ &__title {
10
+ display: flex;
11
+ align-items: center;
12
+ flex-direction: column;
13
+ justify-content: center;
14
+ margin-bottom: 1rem;
15
+ padding-bottom: 0.25rem;
16
+ width: 5rem;
17
+ border-bottom: 1px solid $color-border;
18
+ color: $color-font-sub;
19
+ font-size: 1rem;
20
+ }
21
+ }
22
+
23
+ .cloud-tags {
24
+ display: flex;
25
+ flex-direction: row;
26
+ flex-wrap: wrap;
27
+ justify-content: center;
28
+ width: 100%;
29
+ }
30
+
31
+ .cloud-tag {
32
+ display: flex;
33
+ align-items: center;
34
+ margin-right: 0.375rem;
35
+ margin-bottom: 0.375rem;
36
+ height: 100%;
37
+ border: 1px solid $color-border;
38
+ border-radius: 0.75rem;
39
+
40
+ &__icon {
41
+ margin-right: 0.25rem;
42
+ }
43
+
44
+ &__link {
45
+ margin-right: 0.25rem;
46
+ padding: 0.25rem 0.5rem;
47
+ height: 100%;
48
+ color: $color-font-sub;
49
+ text-decoration: none;
50
+ font-size: 0.75rem;
51
+ }
52
+ }
@@ -13,4 +13,5 @@
13
13
  @import "block/posts-pager";
14
14
  @import "block/prettier";
15
15
  @import "block/profile-page";
16
- @import "block/social-link";
16
+ @import "block/social-link";
17
+ @import "block/tag-cloud";
@@ -204,3 +204,9 @@ input[type="date"]::-webkit-calendar-picker-indicator {
204
204
  height: 100%;
205
205
  opacity: 0;
206
206
  }
207
+
208
+ *,
209
+ *::before,
210
+ *::after {
211
+ box-sizing: border-box
212
+ }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-louis
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.2
4
+ version: 0.1.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - ShimeWataru
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2020-01-19 00:00:00.000000000 Z
11
+ date: 2020-02-16 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -71,6 +71,8 @@ files:
71
71
  - _includes/posts-pager.html
72
72
  - _includes/posts.html
73
73
  - _includes/social-link.html
74
+ - _includes/tag-cloud.html
75
+ - _layouts/archive.html
74
76
  - _layouts/default.html
75
77
  - _layouts/page.html
76
78
  - _layouts/post.html
@@ -86,6 +88,7 @@ files:
86
88
  - _sass/block/prettier.scss
87
89
  - _sass/block/profile-page.scss
88
90
  - _sass/block/social-link.scss
91
+ - _sass/block/tag-cloud.scss
89
92
  - _sass/color.scss
90
93
  - _sass/import.scss
91
94
  - _sass/mixin/container.scss