panthera-jekyll 1.0.1 → 1.1.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 +28 -4
- data/_layouts/default.html +3 -13
- data/_sass/includes/footer.scss +14 -0
- data/_sass/includes/left.scss +7 -4
- data/_sass/root/root.scss +1 -1
- metadata +5 -6
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 8378c999584abc7ba7e42be307c521e2b2f6fd9af035913d61b93d7c0e70fd2b
|
4
|
+
data.tar.gz: 0be50858cc0e461d6034cfb2eb51e972d3c418a25692d7dc750f5284ca706360
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 787d624fd0b095ec10f77fef71f5add820aaa737403edc0ebe1ef45cf2137cdb5cfcdd5b0a492c6868b9dde97dea52750deec22f84a8e5867ba97c14197f89a3
|
7
|
+
data.tar.gz: 04eaa149b2c5b3ebce5ad9ad09642b071e21a1185199907d92223f63a1710adc9950b684ac01409a219009904b078ad43261fb30d04b8fe730178a7ebd0803ad
|
data/README.md
CHANGED
@@ -1,16 +1,19 @@
|
|
1
1
|
# panthera-jekyll
|
2
2
|
|
3
3
|
[![Gem Version](https://badge.fury.io/rb/panthera-jekyll.svg)](https://badge.fury.io/rb/panthera-jekyll)
|
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) -->
|
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,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 %}
|
@@ -38,9 +57,9 @@
|
|
38
57
|
<span>GET IN TOUCH</span>
|
39
58
|
</div>
|
40
59
|
<div class="pan-layout-left__social">
|
41
|
-
{% if site.
|
60
|
+
{% if site.social_icons %}
|
42
61
|
<ul>
|
43
|
-
{% for social in site.
|
62
|
+
{% for social in site.social_icons %}
|
44
63
|
{% if social.icon %}
|
45
64
|
<li><a target="_blank" href="{{ social.link }}"><i class="{{ social.icon }}"></i></a></li>
|
46
65
|
{% endif %}
|
@@ -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
@@ -38,19 +38,9 @@
|
|
38
38
|
</section>
|
39
39
|
</section>
|
40
40
|
|
41
|
-
<script type="text/javascript" src="/assets/libs/jquery-3.4.1.min.js"></script>
|
42
|
-
<script type="text/javascript" src="/assets/libs/jquery-migrate-3.0.1.min.js"></script>
|
41
|
+
<script type="text/javascript" src="{{ '/assets/libs/jquery-3.4.1.min.js' | relative_url }}"></script>
|
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.
|
4
|
+
version: 1.1.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-06-24 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -379,10 +379,9 @@ 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
|
-
summary:
|
387
|
-
|
385
|
+
summary: A quick and simple responsive developer portfolio theme for jekyll sites
|
386
|
+
and GitHub Pages.
|
388
387
|
test_files: []
|