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 +4 -4
- data/_includes/footer.html +1 -0
- data/_includes/posts.html +13 -3
- data/_includes/social-link.html +3 -3
- data/_includes/tag-cloud.html +13 -0
- data/_layouts/archive.html +25 -0
- data/_layouts/default.html +1 -0
- data/_layouts/page.html +1 -1
- data/_layouts/post.html +18 -3
- data/_layouts/profile.html +1 -1
- data/_sass/block/post.scss +76 -5
- data/_sass/block/profile-page.scss +1 -1
- data/_sass/block/social-link.scss +17 -2
- data/_sass/block/tag-cloud.scss +52 -0
- data/_sass/import.scss +2 -1
- data/_sass/reset.scss +6 -0
- metadata +5 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: c7425b0ee981319ec775af27e1c5dd92df0081c517be5a7e42d7beaeda2c5dbc
|
4
|
+
data.tar.gz: 1fe6af5a8b80573eb94fa199a6f3ac9d341402e26334d36178627b4d9888f4cb
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 0d9ddc2ea2479401f8ab0941918e19ea01c518c9531c3767ca177398e2045b841fb35534ac1da62bb39e68022bbf250abea2d0772844a9018bfd3582739e1f1f
|
7
|
+
data.tar.gz: dbb7ed11be5952335e1c3bf734eaa9b8743108257a07617318b3c30245416a4978e36c50d734e6081a060eb6130228a0520fca6ec3b902448ec8eb03f38f1599
|
data/_includes/footer.html
CHANGED
@@ -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="">
|
data/_includes/posts.html
CHANGED
@@ -1,11 +1,21 @@
|
|
1
1
|
<div class="posts">
|
2
2
|
{% for post in paginator.posts %}
|
3
|
-
<div class="
|
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
|
-
<
|
8
|
-
|
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>
|
data/_includes/social-link.html
CHANGED
@@ -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>
|
data/_layouts/default.html
CHANGED
@@ -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">
|
data/_layouts/page.html
CHANGED
data/_layouts/post.html
CHANGED
@@ -2,9 +2,24 @@
|
|
2
2
|
layout: default
|
3
3
|
---
|
4
4
|
<div class="post-container">
|
5
|
-
<
|
6
|
-
|
7
|
-
|
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 %}
|
data/_layouts/profile.html
CHANGED
data/_sass/block/post.scss
CHANGED
@@ -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
|
-
|
69
|
+
text-decoration: none;
|
70
|
+
font-size: 0.75rem;
|
5
71
|
}
|
6
72
|
}
|
7
73
|
|
8
|
-
.page-
|
9
|
-
.post-
|
10
|
-
.
|
74
|
+
.page-content,
|
75
|
+
.post-content,
|
76
|
+
.posts-content,
|
77
|
+
.profile-content {
|
11
78
|
flex-direction: column;
|
12
|
-
padding:
|
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
|
}
|
@@ -65,6 +65,21 @@
|
|
65
65
|
}
|
66
66
|
|
67
67
|
.fa {
|
68
|
-
|
69
|
-
|
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
|
+
}
|
data/_sass/import.scss
CHANGED
data/_sass/reset.scss
CHANGED
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.
|
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-
|
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
|