panthera-jekyll 1.0.4 → 1.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +37 -4
- data/_includes/footer.html +6 -1
- data/_includes/left.html +26 -2
- data/_layouts/default.html +1 -11
- data/_sass/includes/footer.scss +14 -0
- data/_sass/includes/left.scss +7 -4
- data/_sass/root/root.scss +1 -1
- metadata +3 -4
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 8393f4b9205c3000ad695a9f8ae297928f4c24f94e557d4af58c4a5b22a3b05f
|
4
|
+
data.tar.gz: 40f6ed5b379da6b74a24bfb75e518733a1dcde986d29ec3116aa68bc833c0f9c
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 2ced603b2c5da9e0ee17cc8c18433331588d07a1ae141833999ede7e186b9dd83f413ff0b3d1faa38f3bcb3d48975aeab52fb19a3a97c3ae6dda2460bfcbb516
|
7
|
+
data.tar.gz: 522c4c9ef3e4d23a9519e4d64c782c35e194bfb03b700795780e3cbb4744ad703d3027ec406968d1418f1bcbca94094ebb17ecf80f68bc10dcb513529d07795d
|
data/README.md
CHANGED
@@ -2,9 +2,14 @@
|
|
2
2
|
|
3
3
|
[![Gem Version](https://badge.fury.io/rb/panthera-jekyll.svg)](https://badge.fury.io/rb/panthera-jekyll)
|
4
4
|
[![Contributor Covenant](https://img.shields.io/badge/Contributor%20Covenant-v1.4%20adopted-ff69b4.svg)](code-of-conduct.md)
|
5
|
+
<!-- [![Jekyll Themes Shield](https://img.shields.io/badge/featured%20on-JT-red.svg)](https://jekyll-themes.com) -->
|
5
6
|
|
6
7
|
*panthera-jekyll is a Jekyll theme for GitHub Pages and Jekyll sites. You can [preview the theme to see what it looks like](https://demothemes.github.io/panthera-jekyll), or even [use it today](#usage).*
|
7
8
|
|
9
|
+
<div style="text-align: center;">
|
10
|
+
<img src="/screenshot.png" alt="panthera-jekyll" style="width: 100%; max-width: 750px;" />
|
11
|
+
</div>
|
12
|
+
|
8
13
|
## Installation
|
9
14
|
|
10
15
|
### Building a Jekyll Site
|
@@ -49,6 +54,26 @@ subtitle: [A brief subtitle or job title]
|
|
49
54
|
description: [A short description of your site's purpose]
|
50
55
|
```
|
51
56
|
|
57
|
+
To configure the left side set the following variables as shown below:
|
58
|
+
|
59
|
+
```yml
|
60
|
+
left_side:
|
61
|
+
background_image: [Absolute or relative image url]
|
62
|
+
background_color: [CSS background color, e.g. "#F00". We strongly recommend quoting this value. Don't worry about the transparency of the background, we've taken care of that.]
|
63
|
+
close_button_color: [CSS background color, e.g. "#F00". We strongly recommend quoting this value.]
|
64
|
+
text_color: [CSS background color, e.g. "#F00". We strongly recommend quoting this value.]
|
65
|
+
```
|
66
|
+
|
67
|
+
#### Example
|
68
|
+
|
69
|
+
```yml
|
70
|
+
left_side:
|
71
|
+
background_image: "./assets/images/left-background.jpg"
|
72
|
+
background_color: "#F00"
|
73
|
+
close_button_color: "#F00"
|
74
|
+
text_color: "#F00"
|
75
|
+
```
|
76
|
+
|
52
77
|
To configure side menu, set the following variables:
|
53
78
|
|
54
79
|
```yml
|
@@ -93,16 +118,24 @@ social_icons:
|
|
93
118
|
icon: fab fa-github-square
|
94
119
|
```
|
95
120
|
|
96
|
-
|
121
|
+
To configure footer, set the following variables:
|
97
122
|
|
98
|
-
|
123
|
+
```yml
|
124
|
+
footer:
|
125
|
+
copyright_text: [The copyright text. Value should be quoted]
|
126
|
+
```
|
99
127
|
|
100
|
-
|
128
|
+
#### Example
|
101
129
|
|
102
130
|
```yml
|
103
|
-
|
131
|
+
footer:
|
132
|
+
copyright_text: "© Christian Ezeani"
|
104
133
|
```
|
105
134
|
|
135
|
+
panthera-jekyll currently supports the following icons:
|
136
|
+
|
137
|
+
* [FontAwesome](https://fontawesome.com) (version 5.9.0)
|
138
|
+
|
106
139
|
### Stylesheet
|
107
140
|
|
108
141
|
If you'd like to add your own custom styles:
|
data/_includes/footer.html
CHANGED
@@ -1,5 +1,10 @@
|
|
1
1
|
<section class="pan-layout-footer">
|
2
2
|
<div class="pan-layout-footer-right">
|
3
|
-
<div>
|
3
|
+
<div>
|
4
|
+
{% if site.footer %}
|
5
|
+
<span class="pan-layout-footer__copyright">{{ site.footer.copyright_text }}</span>
|
6
|
+
{% endif %}
|
7
|
+
<span>Theme developed by <a target="_blank" href="https://github.com/christianezeani">Christian Ezeani</a>.</span>
|
8
|
+
</div>
|
4
9
|
</div>
|
5
10
|
</section>
|
data/_includes/left.html
CHANGED
@@ -1,4 +1,23 @@
|
|
1
|
-
<section
|
1
|
+
<section
|
2
|
+
class="pan-layout-left"
|
3
|
+
{% if site.left_side %}
|
4
|
+
style="
|
5
|
+
{% if site.left_side.background_image %}
|
6
|
+
background-image: url({{ site.left_side.background_image }});
|
7
|
+
{% endif %}
|
8
|
+
{% if site.left_side.text_color %}
|
9
|
+
color: {{ site.left_side.text_color }};
|
10
|
+
{% endif %}
|
11
|
+
"
|
12
|
+
{% endif %}
|
13
|
+
>
|
14
|
+
<section
|
15
|
+
class="pan-layout-left__overlay"
|
16
|
+
{% if site.left_side %}
|
17
|
+
style="{% if site.left_side.background_color %}background-color: {{ site.left_side.background_color }} !important;{% endif %}"
|
18
|
+
{% endif %}
|
19
|
+
></section>
|
20
|
+
|
2
21
|
<div class="pan-layout-left__top">
|
3
22
|
<div class="pan-layout-left__avatar">
|
4
23
|
{% if site.github.owner_gravatar_url %}
|
@@ -50,7 +69,12 @@
|
|
50
69
|
</div>
|
51
70
|
</div>
|
52
71
|
|
53
|
-
<div
|
72
|
+
<div
|
73
|
+
class="pan-layout-left__close"
|
74
|
+
{% if site.left_side %}
|
75
|
+
style="{% if site.left_side.close_button_color %}color: {{ site.left_side.close_button_color }} !important;{% endif %}"
|
76
|
+
{% endif %}
|
77
|
+
>
|
54
78
|
<i class="fa fa-fw fa-times"></i>
|
55
79
|
</div>
|
56
80
|
</section>
|
data/_layouts/default.html
CHANGED
@@ -41,16 +41,6 @@
|
|
41
41
|
<script type="text/javascript" src="{{ '/assets/libs/jquery-3.4.1.min.js' | relative_url }}"></script>
|
42
42
|
<script type="text/javascript" src="{{ '/assets/libs/jquery-migrate-3.0.1.min.js' | relative_url }}"></script>
|
43
43
|
<script type="text/javascript" src="{{ '/assets/js/panthera-jekyll.js?v=' | append: site.github.build_revision | relative_url }}"></script>
|
44
|
-
|
45
|
-
{% if site.google_analytics %}
|
46
|
-
<script>
|
47
|
-
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
48
|
-
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
49
|
-
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
50
|
-
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
51
|
-
ga('create', '{{ site.google_analytics }}', 'auto');
|
52
|
-
ga('send', 'pageview');
|
53
|
-
</script>
|
54
|
-
{% endif %}
|
44
|
+
|
55
45
|
</body>
|
56
46
|
</html>
|
data/_sass/includes/footer.scss
CHANGED
@@ -17,4 +17,18 @@
|
|
17
17
|
padding: 0px 20px;
|
18
18
|
}
|
19
19
|
|
20
|
+
&__copyright {
|
21
|
+
display: inline-block;
|
22
|
+
border-right: 1px solid #CCC;
|
23
|
+
padding-right: 10px;
|
24
|
+
margin-right: 10px;
|
25
|
+
}
|
26
|
+
|
27
|
+
@media (min-width: pan-device(md)) {
|
28
|
+
&__copyright {
|
29
|
+
float: left;
|
30
|
+
border-right: none;
|
31
|
+
}
|
32
|
+
}
|
33
|
+
|
20
34
|
}
|
data/_sass/includes/left.scss
CHANGED
@@ -13,23 +13,25 @@
|
|
13
13
|
color: #FFF;
|
14
14
|
z-index: 100500;
|
15
15
|
|
16
|
-
|
16
|
+
&__overlay {
|
17
17
|
display: block;
|
18
18
|
position: absolute;
|
19
19
|
top: 0px;
|
20
20
|
bottom: 0px;
|
21
21
|
left: 0px;
|
22
22
|
right: 0px;
|
23
|
-
content: "";
|
24
23
|
background-color: var(--pan-layout-left-background-color);
|
24
|
+
opacity: .7;
|
25
25
|
}
|
26
26
|
|
27
27
|
> * {
|
28
28
|
position: absolute;
|
29
29
|
left: 0px;
|
30
30
|
right: 0px;
|
31
|
+
z-index: 2;
|
31
32
|
}
|
32
33
|
|
34
|
+
|
33
35
|
h1,h2,h3,h4,h5,h6 {
|
34
36
|
margin: 0px;
|
35
37
|
}
|
@@ -90,7 +92,7 @@
|
|
90
92
|
margin: 0px;
|
91
93
|
|
92
94
|
a {
|
93
|
-
color:
|
95
|
+
color: inherit !important;
|
94
96
|
}
|
95
97
|
}
|
96
98
|
}
|
@@ -159,7 +161,7 @@
|
|
159
161
|
> a {
|
160
162
|
display: block;
|
161
163
|
padding: 15px 15px 15px 30px;
|
162
|
-
color:
|
164
|
+
color: inherit !important;
|
163
165
|
text-decoration: none !important;
|
164
166
|
}
|
165
167
|
}
|
@@ -168,6 +170,7 @@
|
|
168
170
|
&__close {
|
169
171
|
left: unset;
|
170
172
|
top: 0px;
|
173
|
+
right: 10px;
|
171
174
|
padding: 10px 15px;
|
172
175
|
color: #FFF;
|
173
176
|
cursor: pointer;
|
data/_sass/root/root.scss
CHANGED
@@ -4,7 +4,7 @@
|
|
4
4
|
|
5
5
|
--pan-layout-left-width: 100vw;
|
6
6
|
--pan-layout-left-left: calc(var(--pan-layout-left-width) * -1);
|
7
|
-
--pan-layout-left-background-color:
|
7
|
+
--pan-layout-left-background-color: rgb(0, 122, 204);
|
8
8
|
--pan-layout-left-background-image: url(../images/left-background.jpg);
|
9
9
|
--pan-layout-left-top-height: 300px;
|
10
10
|
--pan-layout-left-bottom-height: 70px;
|
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.0
|
4
|
+
version: 1.1.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Christian Ezeani
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date:
|
11
|
+
date: 2020-06-23 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -379,8 +379,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
379
379
|
- !ruby/object:Gem::Version
|
380
380
|
version: '0'
|
381
381
|
requirements: []
|
382
|
-
|
383
|
-
rubygems_version: 2.7.6.2
|
382
|
+
rubygems_version: 3.0.3
|
384
383
|
signing_key:
|
385
384
|
specification_version: 4
|
386
385
|
summary: A quick and simple responsive developer portfolio theme for jekyll sites
|