panthera-jekyll 1.0.4 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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