panthera-jekyll 1.0.2 → 1.2.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +125 -14
- data/_includes/footer.html +6 -1
- data/_includes/left.html +34 -6
- data/_layouts/default.html +1 -11
- data/_sass/includes/footer.scss +14 -0
- data/_sass/includes/left.scss +19 -10
- 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: e698d7a1ff8dbfa0e03259d10e4df413be01a7f056c2c803bf352c887bf2b69b
|
|
4
|
+
data.tar.gz: c828eecc97bac4c876c74ce60eed510da7b1dc6fac1efd0ce76b708647c186f8
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 8ed2709024e200c487b8190debdc8906da135bf85e86d7b6e1368d8b298754aae62e2ceec45ffdfc85ce9429450bb74360b22ff2c46655cdaad0334a7e5fa5ca
|
|
7
|
+
data.tar.gz: a204a1d20ec23ba90452fdefef8d06494b03f9fb9aec5888d062c394c4ffeb1cb40d9519c36538af4d8910ddf1acc7390dd46fbd32b3d9468449a726a8617e94
|
data/README.md
CHANGED
|
@@ -1,16 +1,19 @@
|
|
|
1
1
|
# panthera-jekyll
|
|
2
2
|
|
|
3
3
|
[](https://badge.fury.io/rb/panthera-jekyll)
|
|
4
|
+
[](code-of-conduct.md)
|
|
5
|
+
<!-- [](https://jekyll-themes.com) -->
|
|
4
6
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
To experiment with this code, add some sample content and run `bundle exec jekyll serve` – this directory is setup just like a Jekyll site!
|
|
8
|
-
|
|
9
|
-
TODO: Delete this and the text above, and describe your gem
|
|
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).*
|
|
10
8
|
|
|
9
|
+
<div style="text-align: center;">
|
|
10
|
+
<img src="/screenshot.png" alt="panthera-jekyll" style="width: 100%; max-width: 750px;" />
|
|
11
|
+
</div>
|
|
11
12
|
|
|
12
13
|
## Installation
|
|
13
14
|
|
|
15
|
+
### Building a Jekyll Site
|
|
16
|
+
|
|
14
17
|
Add this line to your Jekyll site's `Gemfile`:
|
|
15
18
|
|
|
16
19
|
```ruby
|
|
@@ -31,22 +34,130 @@ Or install it yourself as:
|
|
|
31
34
|
|
|
32
35
|
$ gem install panthera-jekyll
|
|
33
36
|
|
|
34
|
-
|
|
37
|
+
### Building a Github Page
|
|
35
38
|
|
|
36
|
-
|
|
39
|
+
Add this line to your Github Page's `_config.yml`:
|
|
37
40
|
|
|
38
|
-
|
|
41
|
+
```yaml
|
|
42
|
+
remote_theme: christianezeani/panthera-jekyll
|
|
43
|
+
```
|
|
39
44
|
|
|
40
|
-
|
|
45
|
+
## Customizing
|
|
41
46
|
|
|
42
|
-
|
|
47
|
+
### Configuration variables
|
|
48
|
+
|
|
49
|
+
panthera-jekyll will respect the following variables, if set in your site's `_config.yml`:
|
|
50
|
+
|
|
51
|
+
```yml
|
|
52
|
+
title: [The title of your site or Profile Name]
|
|
53
|
+
subtitle: [A brief subtitle or job title]
|
|
54
|
+
description: [A short description of your site's purpose]
|
|
55
|
+
```
|
|
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
|
+
```
|
|
43
66
|
|
|
44
|
-
|
|
67
|
+
#### Example
|
|
45
68
|
|
|
46
|
-
|
|
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
|
+
|
|
77
|
+
To configure side menu, set the following variables:
|
|
78
|
+
|
|
79
|
+
```yml
|
|
80
|
+
menu:
|
|
81
|
+
- text: [Menu text]
|
|
82
|
+
link: [Relative page link with the '/' prefix]
|
|
83
|
+
icon: [Menu Icon]
|
|
84
|
+
```
|
|
85
|
+
|
|
86
|
+
#### Example
|
|
87
|
+
|
|
88
|
+
```yml
|
|
89
|
+
menu:
|
|
90
|
+
- text: Portfolio
|
|
91
|
+
link: /
|
|
92
|
+
icon: ""
|
|
93
|
+
|
|
94
|
+
- text: Skills & Offers
|
|
95
|
+
link: /skills-and-offers
|
|
96
|
+
icon: ""
|
|
97
|
+
```
|
|
98
|
+
|
|
99
|
+
To configure social links, set the following variables:
|
|
100
|
+
|
|
101
|
+
```yml
|
|
102
|
+
social_icons:
|
|
103
|
+
- name: [Socialmedia title]
|
|
104
|
+
link: [Social link]
|
|
105
|
+
icon: [Icon class]
|
|
106
|
+
```
|
|
107
|
+
|
|
108
|
+
#### Example
|
|
109
|
+
|
|
110
|
+
```yml
|
|
111
|
+
social_icons:
|
|
112
|
+
- name: linkedin
|
|
113
|
+
link: https://www.linkedin.com/christianezeani
|
|
114
|
+
icon: fab fa-linkedin
|
|
115
|
+
|
|
116
|
+
- name: github
|
|
117
|
+
link: https://github.com/christianezeani
|
|
118
|
+
icon: fab fa-github-square
|
|
119
|
+
```
|
|
120
|
+
|
|
121
|
+
To configure footer, set the following variables:
|
|
122
|
+
|
|
123
|
+
```yml
|
|
124
|
+
footer:
|
|
125
|
+
copyright_text: [The copyright text. Value should be quoted]
|
|
126
|
+
```
|
|
127
|
+
|
|
128
|
+
#### Example
|
|
129
|
+
|
|
130
|
+
```yml
|
|
131
|
+
footer:
|
|
132
|
+
copyright_text: "© Christian Ezeani"
|
|
133
|
+
```
|
|
134
|
+
|
|
135
|
+
panthera-jekyll currently supports the following icons:
|
|
136
|
+
|
|
137
|
+
* [FontAwesome](https://fontawesome.com) (version 5.9.0)
|
|
138
|
+
|
|
139
|
+
### Stylesheet
|
|
140
|
+
|
|
141
|
+
If you'd like to add your own custom styles:
|
|
142
|
+
|
|
143
|
+
1. Create a file called `/assets/css/style.scss` in your site
|
|
144
|
+
|
|
145
|
+
2. Add the following content to the top of the file, exactly as shown:
|
|
146
|
+
|
|
147
|
+
```scss
|
|
148
|
+
---
|
|
149
|
+
---
|
|
150
|
+
|
|
151
|
+
@import "panthera-jekyll";
|
|
152
|
+
```
|
|
153
|
+
|
|
154
|
+
3. Add any custom CSS (or Sass, including imports) you'd like immediately after the `@import` line
|
|
155
|
+
|
|
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
|
+
|
|
158
|
+
## Contributing
|
|
47
159
|
|
|
48
|
-
|
|
49
|
-
To add a custom directory to your theme-gem, please edit the regexp in `panthera-jekyll.gemspec` accordingly.
|
|
160
|
+
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.
|
|
50
161
|
|
|
51
162
|
## License
|
|
52
163
|
|
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,10 +1,33 @@
|
|
|
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 %}
|
|
5
|
-
<
|
|
24
|
+
<a href="{{ site.url }}">
|
|
25
|
+
<img src="{{ site.avatar | default: site.github.owner_gravatar_url }}" alt="{{ site.title | default: site.github.owner_name }}">
|
|
26
|
+
</a>
|
|
6
27
|
{% else %}
|
|
7
|
-
<
|
|
28
|
+
<a href="{{ site.url }}">
|
|
29
|
+
<img src="https://secure.gravatar.com/avatar/?d=mm&r=g&s=150" alt="">
|
|
30
|
+
</a>
|
|
8
31
|
{% endif %}
|
|
9
32
|
</div>
|
|
10
33
|
|
|
@@ -38,9 +61,9 @@
|
|
|
38
61
|
<span>GET IN TOUCH</span>
|
|
39
62
|
</div>
|
|
40
63
|
<div class="pan-layout-left__social">
|
|
41
|
-
{% if site.
|
|
64
|
+
{% if site.social_icons %}
|
|
42
65
|
<ul>
|
|
43
|
-
{% for social in site.
|
|
66
|
+
{% for social in site.social_icons %}
|
|
44
67
|
{% if social.icon %}
|
|
45
68
|
<li><a target="_blank" href="{{ social.link }}"><i class="{{ social.icon }}"></i></a></li>
|
|
46
69
|
{% endif %}
|
|
@@ -50,7 +73,12 @@
|
|
|
50
73
|
</div>
|
|
51
74
|
</div>
|
|
52
75
|
|
|
53
|
-
<div
|
|
76
|
+
<div
|
|
77
|
+
class="pan-layout-left__close"
|
|
78
|
+
{% if site.left_side %}
|
|
79
|
+
style="{% if site.left_side.close_button_color %}color: {{ site.left_side.close_button_color }} !important;{% endif %}"
|
|
80
|
+
{% endif %}
|
|
81
|
+
>
|
|
54
82
|
<i class="fa fa-fw fa-times"></i>
|
|
55
83
|
</div>
|
|
56
84
|
</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
|
}
|
|
@@ -103,17 +105,23 @@
|
|
|
103
105
|
right: 0px;
|
|
104
106
|
height: 200px;
|
|
105
107
|
|
|
106
|
-
|
|
108
|
+
a {
|
|
107
109
|
display: block;
|
|
108
|
-
margin: 0px auto;
|
|
109
|
-
width: 150px;
|
|
110
|
-
height: 150px;
|
|
111
|
-
border-radius: 50%;
|
|
112
|
-
|
|
113
110
|
position: relative;
|
|
114
111
|
top: 50%;
|
|
115
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
|
+
}
|
|
116
123
|
}
|
|
124
|
+
|
|
117
125
|
}
|
|
118
126
|
|
|
119
127
|
&__info {
|
|
@@ -159,7 +167,7 @@
|
|
|
159
167
|
> a {
|
|
160
168
|
display: block;
|
|
161
169
|
padding: 15px 15px 15px 30px;
|
|
162
|
-
color:
|
|
170
|
+
color: inherit !important;
|
|
163
171
|
text-decoration: none !important;
|
|
164
172
|
}
|
|
165
173
|
}
|
|
@@ -168,6 +176,7 @@
|
|
|
168
176
|
&__close {
|
|
169
177
|
left: unset;
|
|
170
178
|
top: 0px;
|
|
179
|
+
right: 10px;
|
|
171
180
|
padding: 10px 15px;
|
|
172
181
|
color: #FFF;
|
|
173
182
|
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.
|
|
4
|
+
version: 1.2.1
|
|
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-07-03 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
|