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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 69cba9fcc6c7fb530c5f5be62c9a61bad65479e9f1147551238e99a761ae23dc
4
- data.tar.gz: 648cd615c4869dd30b43b719ca2964595014e6efd7d91544d1624992cc3c4fff
3
+ metadata.gz: 8393f4b9205c3000ad695a9f8ae297928f4c24f94e557d4af58c4a5b22a3b05f
4
+ data.tar.gz: 40f6ed5b379da6b74a24bfb75e518733a1dcde986d29ec3116aa68bc833c0f9c
5
5
  SHA512:
6
- metadata.gz: 819bdcae1fee4ed2ad2618d0c157825952bc06abded3317ebd5701f8aa14070b27f83c32addd63362ddbcb82bc93c68d1eeffd603308bf207ac5ce4a58d0b811
7
- data.tar.gz: 86c525c4808e7046b88a8cadd05f67f05e412099dec1e04487cd844dd5da0fdcd0e479ab55ad5f19819d993bcdcf384bef7614564cc6542bcf43765a5bcd7ff8
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
- panthera-jekyll currently supports the following icons:
121
+ To configure footer, set the following variables:
97
122
 
98
- * [FontAwesome](https://fontawesome.com) (version 5.9.0)
123
+ ```yml
124
+ footer:
125
+ copyright_text: [The copyright text. Value should be quoted]
126
+ ```
99
127
 
100
- Additionally, you may choose to set the following optional variables:
128
+ #### Example
101
129
 
102
130
  ```yml
103
- google_analytics: [Your Google Analytics tracking ID]
131
+ footer:
132
+ copyright_text: "&copy; 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:
@@ -1,5 +1,10 @@
1
1
  <section class="pan-layout-footer">
2
2
  <div class="pan-layout-footer-right">
3
- <div>Theme developed by <a target="_blank" href="https://github.com/christianezeani">Christian Ezeani</a>.</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>
@@ -1,4 +1,23 @@
1
- <section class="pan-layout-left">
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 class="pan-layout-left__close">
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>
@@ -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>
@@ -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
  }
@@ -13,23 +13,25 @@
13
13
  color: #FFF;
14
14
  z-index: 100500;
15
15
 
16
- &:before {
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: #FFF;
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: #FFF !important;
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;
@@ -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: rgba(0, 122, 204, .7);
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
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: 2019-06-10 00:00:00.000000000 Z
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
- rubyforge_project:
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