panthera-jekyll 1.1.1 → 1.3.3
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +61 -0
- data/_includes/all-posts.html +29 -0
- data/_includes/left.html +11 -3
- data/_includes/pagination.html +0 -0
- data/_layouts/post.html +18 -1
- data/_sass/includes/all-posts.scss +99 -0
- data/_sass/includes/left.scss +12 -6
- data/_sass/includes/pagination.scss +0 -0
- data/_sass/includes/post-view.scss +37 -0
- data/_sass/panthera-jekyll.scss +4 -1
- data/assets/images/post.jpg +0 -0
- metadata +8 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: b330a3828138ae1ac2b996b6ef776d5d991f19dcaf629ffab0ffc27f8dcfd424
|
4
|
+
data.tar.gz: 92ba99917e3e285a3e0cde004795390300dc95ab4e4d6bfe958ffa7a7665e49e
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 3c1cc9d3b66c7b65cbccff8a6c6feaa3dd5cc21dd6115baaa8814adb38ce4d89a2955fe057506951c22bf5178f02e5b2928807add6c5492ad70dddefe30f9688
|
7
|
+
data.tar.gz: 9b91c4ee1ac7ff15fa2692e1714b46cac7ad908b868d61864fa73b6a106a765255d849fa712dd54e3eca94f514438f701e91e9f776ac3f38cc54c2912c52b88b
|
data/README.md
CHANGED
@@ -155,6 +155,67 @@ If you'd like to add your own custom styles:
|
|
155
155
|
|
156
156
|
*Note: If you'd like to change the theme's Sass variables, you must set new values before the `@import` line in your stylesheet.*
|
157
157
|
|
158
|
+
## Blog Posts
|
159
|
+
|
160
|
+
### Creating Posts
|
161
|
+
|
162
|
+
To create a post, add a file to your `_posts` directory with the following format:
|
163
|
+
|
164
|
+
```
|
165
|
+
YEAR-MONTH-DAY-title.MARKUP
|
166
|
+
```
|
167
|
+
|
168
|
+
Where `YEAR` is a four-digit number, `MONTH` and `DAY` are both two-digit numbers, and `MARKUP` is the file extension representing the format used in the file. For example, the following are examples of valid post filenames:
|
169
|
+
|
170
|
+
```
|
171
|
+
2020-07-10-new-years-eve-is-awesome.md
|
172
|
+
```
|
173
|
+
|
174
|
+
```md
|
175
|
+
---
|
176
|
+
layout: post
|
177
|
+
title: First Demo Post
|
178
|
+
date: 2020-07-10 13:32:20 +0300
|
179
|
+
description: Post description (optional)
|
180
|
+
image: image.jpg (optional)
|
181
|
+
tags: [Holidays, Hawaii]
|
182
|
+
---
|
183
|
+
|
184
|
+
Post content here
|
185
|
+
```
|
186
|
+
|
187
|
+
### Displaying an index of posts
|
188
|
+
|
189
|
+
1. Create a page, e.g. `posts.md`, with the following content:
|
190
|
+
|
191
|
+
```md
|
192
|
+
---
|
193
|
+
layout: post
|
194
|
+
---
|
195
|
+
|
196
|
+
# PAGE TITLE HERE
|
197
|
+
|
198
|
+
{% include all-posts.html %}
|
199
|
+
```
|
200
|
+
|
201
|
+
2. Add a link to the left pane in your `_config.yml`
|
202
|
+
|
203
|
+
```yml
|
204
|
+
menu:
|
205
|
+
...
|
206
|
+
- text: Blog Posts
|
207
|
+
link: /posts
|
208
|
+
icon: ""
|
209
|
+
```
|
210
|
+
|
211
|
+
...and you're good
|
212
|
+
|
213
|
+
More post features are coming soon. To get updates on new features, hit the `Watch` button at the top of this page to get notifications.
|
214
|
+
|
215
|
+
If you love this project, kindly hit the `Star` button at the top of this page.
|
216
|
+
|
217
|
+
Follow me on [Github](//github.com/christianezeani) to see more of my projects.
|
218
|
+
|
158
219
|
## Contributing
|
159
220
|
|
160
221
|
Bug reports and pull requests are welcome on GitHub at https://github.com/chrisitanezeani/panthera-jekyll. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](https://contributor-covenant.org) code of conduct.
|
@@ -0,0 +1,29 @@
|
|
1
|
+
|
2
|
+
<section class="pan-post-list">
|
3
|
+
{% for post in site.posts %}
|
4
|
+
<div class="pan-post-list__item">
|
5
|
+
<div class="pan-post-list--left">
|
6
|
+
<div class="pan-post-list--image">
|
7
|
+
{% if post.image %}
|
8
|
+
<a href="{{ post.url | relative_url }}" style="background-image: url({{ post.image | relative_url }});"></a>
|
9
|
+
{% else %}
|
10
|
+
<a href="{{ post.url | relative_url }}"></a>
|
11
|
+
{% endif %}
|
12
|
+
</div>
|
13
|
+
</div>
|
14
|
+
<div class="pan-post-list--right">
|
15
|
+
<div class="pan-post-list--content">
|
16
|
+
<h2><a href="{{ post.url | relative_url }}">{{ post.title }}</a></h2>
|
17
|
+
<p class="info">
|
18
|
+
<span>{{ post.date | date: '%Y, %b %d' }}</span>
|
19
|
+
-
|
20
|
+
<span>{% capture words %}{{ post.content | number_of_words }}{% endcapture %}{% unless words contains "-" %}{{ words | plus: 250 | divided_by: 250 | append: " minute read" }}{% endunless %}</span>
|
21
|
+
</p>
|
22
|
+
<p class="desc">{{ post.content | strip_html | truncatewords: 20 }}</p>
|
23
|
+
</div>
|
24
|
+
</div>
|
25
|
+
</div>
|
26
|
+
{% endfor %}
|
27
|
+
</section>
|
28
|
+
|
29
|
+
{% include pagination.html %}
|
data/_includes/left.html
CHANGED
@@ -20,10 +20,18 @@
|
|
20
20
|
|
21
21
|
<div class="pan-layout-left__top">
|
22
22
|
<div class="pan-layout-left__avatar">
|
23
|
-
{% if site.
|
24
|
-
<
|
23
|
+
{% if site.avatar %}
|
24
|
+
<a href="{{ site.baseurl }}">
|
25
|
+
<img src="{{ site.avatar }}" alt="{{ site.title | default: site.github.owner_name }}">
|
26
|
+
</a>
|
27
|
+
{% else if site.github.owner_gravatar_url %}
|
28
|
+
<a href="{{ site.baseurl }}">
|
29
|
+
<img src="{{ site.github.owner_gravatar_url }}" alt="{{ site.title | default: site.github.owner_name }}">
|
30
|
+
</a>
|
25
31
|
{% else %}
|
26
|
-
<
|
32
|
+
<a href="{{ site.baseurl }}">
|
33
|
+
<img src="https://secure.gravatar.com/avatar/?d=mm&r=g&s=150" alt="">
|
34
|
+
</a>
|
27
35
|
{% endif %}
|
28
36
|
</div>
|
29
37
|
|
File without changes
|
data/_layouts/post.html
CHANGED
@@ -2,4 +2,21 @@
|
|
2
2
|
layout: default
|
3
3
|
---
|
4
4
|
|
5
|
-
|
5
|
+
<section class="post-view">
|
6
|
+
{% if page.image %}
|
7
|
+
<div class="post-view__image">
|
8
|
+
<img src="{{ page.image | relative_url }}" alt="{{ page.title }}">
|
9
|
+
</div>
|
10
|
+
{% endif %}
|
11
|
+
|
12
|
+
<div class="post-view__header">
|
13
|
+
<h1>{{ page.title }}</h1>
|
14
|
+
<div class="post-view__info">
|
15
|
+
<span><strong>Date:</strong> {{ page.date | date: '%Y, %b %d' }}</span>
|
16
|
+
</div>
|
17
|
+
</div>
|
18
|
+
|
19
|
+
<div class="post-view__body">
|
20
|
+
{{ content }}
|
21
|
+
</div>
|
22
|
+
</section>
|
@@ -0,0 +1,99 @@
|
|
1
|
+
.pan-post-list {
|
2
|
+
--display: block;
|
3
|
+
|
4
|
+
--left-width: auto;
|
5
|
+
--left-height: 150px;
|
6
|
+
|
7
|
+
--right-width: auto;
|
8
|
+
--right-height: auto;
|
9
|
+
--right-padding: 0px 20px;
|
10
|
+
|
11
|
+
--border-radius: 5px;
|
12
|
+
|
13
|
+
--content-top: 0px;
|
14
|
+
--content-transform: none;
|
15
|
+
--content-height: auto;
|
16
|
+
--content-margin: -30px auto 0px auto;
|
17
|
+
--content-shadow: -2px 4px 8px rgba(0, 0, 0, .2);
|
18
|
+
|
19
|
+
@media (min-width: pan-device(md)) {
|
20
|
+
--display: flex;
|
21
|
+
|
22
|
+
--left-width: 300px;
|
23
|
+
--left-height: auto;
|
24
|
+
|
25
|
+
--right-width: auto;
|
26
|
+
--right-padding: 20px 0px;
|
27
|
+
|
28
|
+
--content-top: 50%;
|
29
|
+
--content-transform: translateY(-50%);
|
30
|
+
--content-margin: 0px 0px 0px -30px;
|
31
|
+
--content-height: 140px;
|
32
|
+
}
|
33
|
+
|
34
|
+
&__item {
|
35
|
+
display: var(--display) !important;
|
36
|
+
flex-direction: row;
|
37
|
+
margin-bottom: 20px;
|
38
|
+
|
39
|
+
&:hover {
|
40
|
+
--content-shadow: -3px 5px 12px rgba(0, 0, 0, .4);
|
41
|
+
}
|
42
|
+
}
|
43
|
+
|
44
|
+
&--left {
|
45
|
+
width: var(--left-width) !important;
|
46
|
+
height: var(--left-height) !important;
|
47
|
+
}
|
48
|
+
|
49
|
+
&--right {
|
50
|
+
flex: 1;
|
51
|
+
padding: var(--right-padding) !important;
|
52
|
+
width: var(--right-width) !important;
|
53
|
+
}
|
54
|
+
|
55
|
+
&--image {
|
56
|
+
overflow: hidden;
|
57
|
+
border: 1px solid #DDD;
|
58
|
+
border-radius: var(--border-radius) !important;
|
59
|
+
width: 100% !important;
|
60
|
+
height: 100% !important;
|
61
|
+
|
62
|
+
> a {
|
63
|
+
display: block;
|
64
|
+
min-width: 100%;
|
65
|
+
min-height: 100%;
|
66
|
+
background-image: url(../images/post.jpg);
|
67
|
+
background-position: center;
|
68
|
+
background-repeat: no-repeat;
|
69
|
+
background-size: cover;
|
70
|
+
}
|
71
|
+
}
|
72
|
+
|
73
|
+
&--content {
|
74
|
+
position: relative;
|
75
|
+
top: var(--content-top) !important;
|
76
|
+
transform: var(--content-transform) !important;
|
77
|
+
background-color: #FFF;
|
78
|
+
border-radius: var(--border-radius) !important;
|
79
|
+
box-shadow: var(--content-shadow) !important;
|
80
|
+
margin: var(--content-margin) !important;
|
81
|
+
height: var(--content-height) !important;
|
82
|
+
transition: all 0.5s ease-in-out 0s;
|
83
|
+
padding: 20px;
|
84
|
+
}
|
85
|
+
|
86
|
+
h2 {
|
87
|
+
margin: 0px 0px 5px 0px;
|
88
|
+
}
|
89
|
+
|
90
|
+
.info {
|
91
|
+
font-size: 12px;
|
92
|
+
margin: 0px 0px 10px 0px;
|
93
|
+
}
|
94
|
+
|
95
|
+
.desc {
|
96
|
+
font-size: 15px;
|
97
|
+
margin: 0px;
|
98
|
+
}
|
99
|
+
}
|
data/_sass/includes/left.scss
CHANGED
@@ -105,17 +105,23 @@
|
|
105
105
|
right: 0px;
|
106
106
|
height: 200px;
|
107
107
|
|
108
|
-
|
108
|
+
a {
|
109
109
|
display: block;
|
110
|
-
margin: 0px auto;
|
111
|
-
width: 150px;
|
112
|
-
height: 150px;
|
113
|
-
border-radius: 50%;
|
114
|
-
|
115
110
|
position: relative;
|
116
111
|
top: 50%;
|
117
112
|
transform: translateY(-50%);
|
113
|
+
width: 150px;
|
114
|
+
height: 150px;
|
115
|
+
margin: 0px auto;
|
116
|
+
|
117
|
+
> img {
|
118
|
+
display: block;
|
119
|
+
width: 100% !important;
|
120
|
+
height: 100% !important;
|
121
|
+
border-radius: 50%;
|
122
|
+
}
|
118
123
|
}
|
124
|
+
|
119
125
|
}
|
120
126
|
|
121
127
|
&__info {
|
File without changes
|
@@ -0,0 +1,37 @@
|
|
1
|
+
.post-view {
|
2
|
+
|
3
|
+
&__image {
|
4
|
+
display: block;
|
5
|
+
margin-bottom: 20px;
|
6
|
+
border-radius: 5px;
|
7
|
+
overflow: hidden;
|
8
|
+
|
9
|
+
> img {
|
10
|
+
display: block;
|
11
|
+
width: 100%;
|
12
|
+
}
|
13
|
+
}
|
14
|
+
|
15
|
+
&__header {
|
16
|
+
text-align: center;
|
17
|
+
border-bottom: 1px solid #F0F0F0;
|
18
|
+
margin-bottom: 20px;
|
19
|
+
|
20
|
+
h1 {
|
21
|
+
border-bottom: none;
|
22
|
+
padding-bottom: 0px;
|
23
|
+
margin-bottom: 5px;
|
24
|
+
}
|
25
|
+
}
|
26
|
+
|
27
|
+
&__info {
|
28
|
+
margin-bottom: 10px;
|
29
|
+
font-size: 12px;
|
30
|
+
color: #333;
|
31
|
+
}
|
32
|
+
|
33
|
+
&__body {
|
34
|
+
//
|
35
|
+
}
|
36
|
+
|
37
|
+
}
|
data/_sass/panthera-jekyll.scss
CHANGED
@@ -9,4 +9,7 @@
|
|
9
9
|
@import './includes/right.scss';
|
10
10
|
@import './includes/header.scss';
|
11
11
|
@import './includes/footer.scss';
|
12
|
-
@import './includes/content.scss';
|
12
|
+
@import './includes/content.scss';
|
13
|
+
@import './includes/all-posts.scss';
|
14
|
+
@import './includes/pagination.scss';
|
15
|
+
@import './includes/post-view.scss';
|
Binary file
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: panthera-jekyll
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 1.
|
4
|
+
version: 1.3.3
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Christian Ezeani
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2020-
|
11
|
+
date: 2020-07-12 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -75,16 +75,21 @@ extra_rdoc_files: []
|
|
75
75
|
files:
|
76
76
|
- LICENSE.txt
|
77
77
|
- README.md
|
78
|
+
- _includes/all-posts.html
|
78
79
|
- _includes/footer.html
|
79
80
|
- _includes/header.html
|
80
81
|
- _includes/left.html
|
82
|
+
- _includes/pagination.html
|
81
83
|
- _layouts/default.html
|
82
84
|
- _layouts/page.html
|
83
85
|
- _layouts/post.html
|
86
|
+
- _sass/includes/all-posts.scss
|
84
87
|
- _sass/includes/content.scss
|
85
88
|
- _sass/includes/footer.scss
|
86
89
|
- _sass/includes/header.scss
|
87
90
|
- _sass/includes/left.scss
|
91
|
+
- _sass/includes/pagination.scss
|
92
|
+
- _sass/includes/post-view.scss
|
88
93
|
- _sass/includes/right.scss
|
89
94
|
- _sass/main.scss
|
90
95
|
- _sass/panthera-jekyll.scss
|
@@ -94,6 +99,7 @@ files:
|
|
94
99
|
- _sass/root/variables.scss
|
95
100
|
- assets/css/style.scss
|
96
101
|
- assets/images/left-background.jpg
|
102
|
+
- assets/images/post.jpg
|
97
103
|
- assets/js/panthera-jekyll.js
|
98
104
|
- assets/libs/fontawesome-5.9.0/css/all.css
|
99
105
|
- assets/libs/fontawesome-5.9.0/css/all.min.css
|