jenstep_theme 0.1.4 → 0.1.5
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 +4 -4
- data/_includes/head.html +1 -0
- data/_includes/header.html +8 -4
- data/_sass/jenstep_theme.scss +4 -2
- data/_sass/jenstep_theme/_base.scss +2 -2
- data/_sass/jenstep_theme/_clickable-box.scss +68 -0
- data/_sass/jenstep_theme/_layout.scss +20 -9
- data/assets/sample.jpeg +0 -0
- metadata +4 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: a3292248093612d1a5107829ceeaf1c0bf1ab2ffab9ff80a93982ec2f0f8475f
|
|
4
|
+
data.tar.gz: d017655f6d0ee1b693b58ce6b7c2f65746f49e2305ac656403eb573fc0937956
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 8d8ac036199882e53b8eb83a34a386c1d6d34fa29c18b764daad8c0f6f152b1b7f89d1bdb49e4e9852681e5f4faabcdea1ec9e24bfd717ce2949ccfd8767ba81
|
|
7
|
+
data.tar.gz: 66d10b1b8c4788d0a5713c94ceaa3d5b55b0b587bf5762e0add02e4a2bb1b231978f70c36e09cef5afa8f06928b50ae83e28e4e1f578141c3330985b546e637a
|
data/_includes/head.html
CHANGED
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
5
5
|
{%- seo -%}
|
|
6
6
|
<link rel="stylesheet" href="{{ '/assets/main.css' | relative_url }}">
|
|
7
|
+
<link rel="shortcut icon" type="image/png" href="/assets/favicon.png">
|
|
7
8
|
{%- feed_meta -%}
|
|
8
9
|
{%- if jekyll.environment == 'production' and site.google_analytics -%}
|
|
9
10
|
{%- include google-analytics.html -%}
|
data/_includes/header.html
CHANGED
|
@@ -3,7 +3,10 @@
|
|
|
3
3
|
<div class="wrapper">
|
|
4
4
|
{%- assign default_paths = site.pages | sort:"order" | map: "path" -%}
|
|
5
5
|
{%- assign page_paths = site.header_pages | default: default_paths -%}
|
|
6
|
-
<a class="site-title" rel="author" href="{{ '/' | relative_url }}">
|
|
6
|
+
<a class="site-title" rel="author" href="{{ '/' | relative_url }}">
|
|
7
|
+
<img src="/assets/favicon.png" width="42px" height="42px">
|
|
8
|
+
{{ site.title | escape }}
|
|
9
|
+
</a>
|
|
7
10
|
|
|
8
11
|
{%- if page_paths -%}
|
|
9
12
|
<nav class="site-nav">
|
|
@@ -22,16 +25,17 @@
|
|
|
22
25
|
{% for link in links %}
|
|
23
26
|
{% if link.sublinks %}
|
|
24
27
|
<li class="dropdown">
|
|
25
|
-
<a href="{{ site.url }}{{ site.baseurl }}{{ link.url }}">{{ link.title }}</a>
|
|
28
|
+
<a href="{{ site.url }}{{ site.baseurl }}{{ link.url }}"{% if page.url == link.url %}class="active"{% endif %}>{{ link.title }}</a>
|
|
26
29
|
<div class="dropdown-content">
|
|
27
30
|
{% for sublink in link.sublinks %}
|
|
28
|
-
<a href="{{ site.url }}{{ site.baseurl }}{{ sublink.url }}">{{ sublink.title }}</a>
|
|
31
|
+
<a href="{{ site.url }}{{ site.baseurl }}{{ sublink.url }}"{% if page.url == link.sublink.url %}class="active"{% endif %}>{{ sublink.title }}</a>
|
|
29
32
|
{% endfor %}
|
|
30
33
|
</div>
|
|
31
34
|
</li>
|
|
32
35
|
{% else %}
|
|
33
36
|
<li>
|
|
34
|
-
<a href="{{ site.url }}{{ site.baseurl }}{{ link.url }}">{{ link.title }}</a>
|
|
37
|
+
<a href="{{ site.url }}{{ site.baseurl }}{{ link.url }}" {% if page.url == link.url %}class="active"{% endif %}>{{ link.title }}</a>
|
|
38
|
+
</li>
|
|
35
39
|
{% endif %}
|
|
36
40
|
{% endfor %}
|
|
37
41
|
</ul>
|
data/_sass/jenstep_theme.scss
CHANGED
|
@@ -12,7 +12,8 @@ $spacing-unit: 30px !default;
|
|
|
12
12
|
|
|
13
13
|
$text-color: #111 !default;
|
|
14
14
|
$background-color: #4b4b4b !default;
|
|
15
|
-
$brand-color: #
|
|
15
|
+
$brand-color: #BD0000 !default;
|
|
16
|
+
$contrast-color: #00ADBD !default;
|
|
16
17
|
|
|
17
18
|
$grey-color: #828282 !default;
|
|
18
19
|
$grey-color-light: lighten($grey-color, 40%) !default;
|
|
@@ -47,5 +48,6 @@ $on-laptop: 1000px !default;
|
|
|
47
48
|
@import
|
|
48
49
|
"jenstep_theme/base",
|
|
49
50
|
"jenstep_theme/layout",
|
|
50
|
-
"jenstep_theme/syntax-highlighting"
|
|
51
|
+
"jenstep_theme/syntax-highlighting",
|
|
52
|
+
"jenstep_theme/clickable-box"
|
|
51
53
|
;
|
|
@@ -107,11 +107,11 @@ a {
|
|
|
107
107
|
text-decoration: none;
|
|
108
108
|
|
|
109
109
|
&:visited {
|
|
110
|
-
color: darken($brand-color,
|
|
110
|
+
color: darken($brand-color, 10%);
|
|
111
111
|
}
|
|
112
112
|
|
|
113
113
|
&:hover {
|
|
114
|
-
color: $
|
|
114
|
+
color: $contrast-color;
|
|
115
115
|
text-decoration: underline;
|
|
116
116
|
}
|
|
117
117
|
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Clickable Box
|
|
3
|
+
*/
|
|
4
|
+
.container-link {
|
|
5
|
+
width: 80%;
|
|
6
|
+
padding: 10px;
|
|
7
|
+
position: relative;
|
|
8
|
+
margin: auto;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.img-link {
|
|
12
|
+
-webkit-filter: brightness(25%);
|
|
13
|
+
border: 3px solid grey;
|
|
14
|
+
margin: auto;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.text-link {
|
|
18
|
+
transition: 1s ease;
|
|
19
|
+
opacity: 1;
|
|
20
|
+
position: absolute;
|
|
21
|
+
top: 45%;
|
|
22
|
+
left: 50%;
|
|
23
|
+
transform: translate(-50%, -50%);
|
|
24
|
+
color: white;
|
|
25
|
+
font-size: 30px;
|
|
26
|
+
font-weight: bold;
|
|
27
|
+
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.container-link:hover .img-link{
|
|
31
|
+
-webkit-filter: brightness(100%);
|
|
32
|
+
-webkit-transition: all 1s ease;
|
|
33
|
+
-moz-transition: all 1s ease;
|
|
34
|
+
-o-transition: all 1s ease;
|
|
35
|
+
-ms-transition: all 1s ease;
|
|
36
|
+
transition: all 1s ease;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.container-link:hover .text-link {
|
|
40
|
+
opacity: 0;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.gradient-wrapper {
|
|
44
|
+
width: 80%;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.gradient-box {
|
|
48
|
+
height: 100px;
|
|
49
|
+
background-color: grey;
|
|
50
|
+
border: 4px black;
|
|
51
|
+
color: white;
|
|
52
|
+
font-size: 25px;
|
|
53
|
+
font-weight: bold;
|
|
54
|
+
text-align: center;
|
|
55
|
+
transition: all 1s ease;
|
|
56
|
+
border-radius: 10px;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.gradient-box:hover {
|
|
60
|
+
background-color: #F2EECB;
|
|
61
|
+
transition: all .5s ease;
|
|
62
|
+
color: black;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.arrow {
|
|
66
|
+
vertical-align: text-top;
|
|
67
|
+
font-size: 20px;
|
|
68
|
+
}
|
|
@@ -28,6 +28,7 @@
|
|
|
28
28
|
.site-nav {
|
|
29
29
|
float: right;
|
|
30
30
|
line-height: $base-line-height * $base-font-size * 2.25;
|
|
31
|
+
z-index: 99;
|
|
31
32
|
|
|
32
33
|
ul.topnav {
|
|
33
34
|
list-style-type: none;
|
|
@@ -52,8 +53,15 @@
|
|
|
52
53
|
text-decoration: none;
|
|
53
54
|
}
|
|
54
55
|
|
|
56
|
+
li .active {
|
|
57
|
+
background-color: darken($brand-color, 10%);
|
|
58
|
+
display: block;
|
|
59
|
+
}
|
|
60
|
+
|
|
55
61
|
li:hover, .dropdown:hover .dropbtn {
|
|
56
|
-
background-color: $
|
|
62
|
+
background-color: darken($contrast-color, 10%);
|
|
63
|
+
color: black;
|
|
64
|
+
transition: .5s ease;
|
|
57
65
|
}
|
|
58
66
|
|
|
59
67
|
li.dropdown {
|
|
@@ -63,12 +71,7 @@
|
|
|
63
71
|
.dropdown-content {
|
|
64
72
|
display: none;
|
|
65
73
|
position: absolute;
|
|
66
|
-
|
|
67
|
-
min-width: 160px;
|
|
68
|
-
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
|
|
69
|
-
z-index: 1;
|
|
70
|
-
border-radius: 5px;
|
|
71
|
-
border:1px solid #cccccc;
|
|
74
|
+
z-index: 99;
|
|
72
75
|
}
|
|
73
76
|
|
|
74
77
|
.dropdown-content a {
|
|
@@ -77,16 +80,20 @@
|
|
|
77
80
|
text-decoration: none;
|
|
78
81
|
display: block;
|
|
79
82
|
text-align: left;
|
|
83
|
+
border-radius: 5px;
|
|
84
|
+
border: 1px solid #ccc;
|
|
85
|
+
background-color: $grey-color;
|
|
80
86
|
}
|
|
81
87
|
|
|
82
88
|
.dropdown-content a:hover {
|
|
83
|
-
background-color:
|
|
89
|
+
background-color: darken($contrast-color, 5%);
|
|
84
90
|
border-radius: 5px;
|
|
85
|
-
|
|
91
|
+
transition: .5s ease;
|
|
86
92
|
}
|
|
87
93
|
|
|
88
94
|
.dropdown:hover .dropdown-content {
|
|
89
95
|
display: block;
|
|
96
|
+
transition: .5s ease;
|
|
90
97
|
}
|
|
91
98
|
}
|
|
92
99
|
|
|
@@ -190,6 +197,10 @@
|
|
|
190
197
|
padding-left: $spacing-unit / 2;
|
|
191
198
|
}
|
|
192
199
|
|
|
200
|
+
.p-name {
|
|
201
|
+
@include relative-font-size(1.1)
|
|
202
|
+
}
|
|
203
|
+
|
|
193
204
|
|
|
194
205
|
/**
|
|
195
206
|
* Page content
|
data/assets/sample.jpeg
ADDED
|
Binary file
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: jenstep_theme
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.
|
|
4
|
+
version: 0.1.5
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Jenna Stephens
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2021-03-
|
|
11
|
+
date: 2021-03-24 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -47,11 +47,13 @@ files:
|
|
|
47
47
|
- _layouts/widget.html
|
|
48
48
|
- _sass/jenstep_theme.scss
|
|
49
49
|
- _sass/jenstep_theme/_base.scss
|
|
50
|
+
- _sass/jenstep_theme/_clickable-box.scss
|
|
50
51
|
- _sass/jenstep_theme/_layout.scss
|
|
51
52
|
- _sass/jenstep_theme/_syntax-highlighting.scss
|
|
52
53
|
- assets/email-icon.svg
|
|
53
54
|
- assets/jenstep_theme-social-icons.svg
|
|
54
55
|
- assets/main.scss
|
|
56
|
+
- assets/sample.jpeg
|
|
55
57
|
homepage: https://github.com/JenStep/jenstep_theme.git
|
|
56
58
|
licenses:
|
|
57
59
|
- MIT
|