jekyll-theme-louis 0.1.2 → 0.1.3

Sign up to get free protection for your applications and to get access to all the features.
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