jenstep_theme 0.1.0 → 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/README.md +1 -1
- data/_config.yml +1 -1
- data/_includes/footer.html +8 -3
- data/_includes/head.html +1 -0
- data/_includes/header.html +24 -8
- data/_includes/social.html +18 -17
- data/_layouts/home.html +1 -1
- data/_layouts/post.html +1 -1
- data/_sass/jenstep_theme.scss +7 -5
- data/_sass/jenstep_theme/_base.scss +2 -2
- data/_sass/jenstep_theme/_clickable-box.scss +68 -0
- data/_sass/jenstep_theme/_layout.scss +92 -29
- data/assets/email-icon.svg +24 -0
- data/assets/{jenstep_theme_social_icons.svg → jenstep_theme-social-icons.svg} +0 -0
- data/assets/sample.jpeg +0 -0
- metadata +7 -4
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/README.md
CHANGED
data/_config.yml
CHANGED
data/_includes/footer.html
CHANGED
|
@@ -17,14 +17,19 @@
|
|
|
17
17
|
{%- endif -%}
|
|
18
18
|
|
|
19
19
|
{%- if site.author.email -%}
|
|
20
|
-
<li
|
|
20
|
+
<li>
|
|
21
|
+
<a class="u-email" href="mailto:{{ site.author.email }}">
|
|
22
|
+
<img class="svg-icon grey" src="/assets/email-icon.svg" alt="email icon">
|
|
23
|
+
{{ site.author.email }}
|
|
24
|
+
</a>
|
|
25
|
+
</li>
|
|
21
26
|
{%- endif -%}
|
|
22
27
|
|
|
23
28
|
{%- if social.github_username -%}
|
|
24
29
|
<li>
|
|
25
30
|
<a rel="me" href="https://github.com/{{ social.github_username | cgi_escape | escape }}" title="{{ social.github_username | escape }}">
|
|
26
31
|
<svg class="svg-icon grey">
|
|
27
|
-
<use xlink:href="{{ '/assets/
|
|
32
|
+
<use xlink:href="{{ '/assets/jenstep_theme-social-icons.svg#github' | relative_url }}"></use>
|
|
28
33
|
</svg>
|
|
29
34
|
{{ social.github_username | escape }}
|
|
30
35
|
</a>
|
|
@@ -35,7 +40,7 @@
|
|
|
35
40
|
<li>
|
|
36
41
|
<a rel="me" href="https://www.linkedin.com/in/{{ social.linkedin_username | cgi_escape | escape }}" title="{{ social.linkedin | escape }}">
|
|
37
42
|
<svg class="svg-icon grey">
|
|
38
|
-
<use xlink:href="{{ '/assets/
|
|
43
|
+
<use xlink:href="{{ '/assets/jenstep_theme-social-icons.svg#linkedin' | relative_url }}"></use>
|
|
39
44
|
</svg>
|
|
40
45
|
{{ social.linkedin_username | escape }}
|
|
41
46
|
</a>
|
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
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
<header class="site-header" role="banner">
|
|
2
2
|
|
|
3
3
|
<div class="wrapper">
|
|
4
|
-
{%- assign default_paths = site.pages | map: "path" -%}
|
|
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">
|
|
@@ -17,12 +20,25 @@
|
|
|
17
20
|
</label>
|
|
18
21
|
|
|
19
22
|
<div class="trigger">
|
|
20
|
-
|
|
21
|
-
{
|
|
22
|
-
{
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
23
|
+
<ul class="topnav">
|
|
24
|
+
{% assign links = site.data.navigation %}
|
|
25
|
+
{% for link in links %}
|
|
26
|
+
{% if link.sublinks %}
|
|
27
|
+
<li class="dropdown">
|
|
28
|
+
<a href="{{ site.url }}{{ site.baseurl }}{{ link.url }}"{% if page.url == link.url %}class="active"{% endif %}>{{ link.title }}</a>
|
|
29
|
+
<div class="dropdown-content">
|
|
30
|
+
{% for sublink in link.sublinks %}
|
|
31
|
+
<a href="{{ site.url }}{{ site.baseurl }}{{ sublink.url }}"{% if page.url == link.sublink.url %}class="active"{% endif %}>{{ sublink.title }}</a>
|
|
32
|
+
{% endfor %}
|
|
33
|
+
</div>
|
|
34
|
+
</li>
|
|
35
|
+
{% else %}
|
|
36
|
+
<li>
|
|
37
|
+
<a href="{{ site.url }}{{ site.baseurl }}{{ link.url }}" {% if page.url == link.url %}class="active"{% endif %}>{{ link.title }}</a>
|
|
38
|
+
</li>
|
|
39
|
+
{% endif %}
|
|
40
|
+
{% endfor %}
|
|
41
|
+
</ul>
|
|
26
42
|
</div>
|
|
27
43
|
</nav>
|
|
28
44
|
{%- endif -%}
|
data/_includes/social.html
CHANGED
|
@@ -1,21 +1,22 @@
|
|
|
1
1
|
{%- assign social = site.jenstep_theme.social_links -%}
|
|
2
2
|
|
|
3
3
|
<ul class="social-media-list">
|
|
4
|
-
{%- for glb in social.gitlab -%}{%- if glb.username and glb.instance -%}<li><a rel="me" href="https://{{ glb.instance | cgi_escape | escape}}/{{glb.username}}" title="{{ glb.username | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/
|
|
5
|
-
{%- if social.
|
|
6
|
-
{%- if social.
|
|
7
|
-
{%- if social.
|
|
8
|
-
{%- if social.
|
|
9
|
-
{%- if social.
|
|
10
|
-
{%- if social.
|
|
11
|
-
{%- if social.
|
|
12
|
-
{%- if social.
|
|
13
|
-
{%-
|
|
14
|
-
{%-
|
|
15
|
-
{%- if social.
|
|
16
|
-
{%- if social.
|
|
17
|
-
{%- if social.
|
|
18
|
-
{%- if social.
|
|
19
|
-
{%- if social.
|
|
20
|
-
{%- if social.
|
|
4
|
+
{%- for glb in social.gitlab -%}{%- if glb.username and glb.instance -%}<li><a rel="me" href="https://{{ glb.instance | cgi_escape | escape}}/{{glb.username}}" title="{{ glb.username | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/jenstep_theme-social-icons.svg#gitlab' | relative_url }}"></use></svg></a></li>{%- endif -%}{%- endfor -%}
|
|
5
|
+
{%- if social.email -%}<li><a rel="me" href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" title="email-icon.svg"><svg class="svg-con grey"><use class="material-icons">email</use></svg></a></li>{%- endif -%}
|
|
6
|
+
{%- if social.dribbble -%}<li><a rel="me" href="https://dribbble.com/{{ social.dribbble | cgi_escape | escape }}" title="{{ social.dribbble | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/jenstep_theme-social-icons.svg#dribbble' | relative_url }}"></use></svg></a></li>{%- endif -%}
|
|
7
|
+
{%- if social.facebook -%}<li><a rel="me" href="https://www.facebook.com/{{ social.facebook | cgi_escape | escape }}" title="{{ social.facebook | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/jenstep_theme-social-icons.svg#facebook' | relative_url }}"></use></svg></a></li>{%- endif -%}
|
|
8
|
+
{%- if social.flickr -%}<li><a rel="me" href="https://www.flickr.com/photos/{{ social.flickr | cgi_escape | escape }}" title="{{ social.flickr | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/jenstep_theme-social-icons.svg#flickr' | relative_url }}"></use></svg></a></li>{%- endif -%}
|
|
9
|
+
{%- if social.github -%}<li><a rel="me" href="https://github.com/{{ social.github | cgi_escape | escape }}" title="{{ social.github | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/jenstep_theme-social-icons.svg#github' | relative_url }}"></use></svg></a></li>{%- endif -%}
|
|
10
|
+
{%- if social.stackoverflow -%}<li><a rel="me" href="https://stackoverflow.com/users/{{ social.stackoverflow | cgi_escape | escape }}" title="{{ social.stackoverflow | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/jenstep_theme-social-icons.svg#stackoverflow' | relative_url }}"></use></svg></a></li>{%- endif -%}
|
|
11
|
+
{%- if social.instagram -%}<li><a rel="me" href="https://www.instagram.com/{{ social.instagram | cgi_escape | escape }}" title="{{ social.instagram | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/jenstep_theme-social-icons.svg#instagram' | relative_url }}"></use></svg></a></li>{%- endif -%}
|
|
12
|
+
{%- if social.linkedin -%}<li><a rel="me" href="https://www.linkedin.com/in/{{ social.linkedin | cgi_escape | escape }}" title="{{ social.linkedin | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/jenstep_theme-social-icons.svg#linkedin' | relative_url }}"></use></svg></a></li>{%- endif -%}
|
|
13
|
+
{%- if social.pinterest -%}<li><a rel="me" href="https://www.pinterest.com/{{ social.pinterest | cgi_escape | escape }}" title="{{ social.pinterest | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/jenstep_theme-social-icons.svg#pinterest' | relative_url }}"></use></svg></a></li>{%- endif -%}
|
|
14
|
+
{%- for mst in social.mastodon -%}{%- if mst.username and mst.instance -%}<li><a rel="me" href="https://{{ mst.instance | cgi_escape | escape}}/@{{mst.username}}" title="{{ mst.username | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/jenstep_theme-social-icons.svg#mastodon' | relative_url }}"></use></svg></a></li>{%- endif -%}{%- endfor -%}
|
|
15
|
+
{%- if social.twitter -%}<li><a rel="me" href="https://twitter.com/{{ social.twitter | cgi_escape | escape }}" title="{{ social.twitter | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/jenstep_theme-social-icons.svg#twitter' | relative_url }}"></use></svg></a></li>{%- endif -%}
|
|
16
|
+
{%- if social.youtube -%}<li><a rel="me" href="https://www.youtube.com/{{ social.youtube | cgi_escape | escape }}" title="{{ social.youtube | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/jenstep_theme-social-icons.svg#youtube' | relative_url }}"></use></svg></a></li>{%- endif -%}
|
|
17
|
+
{%- if social.youtube_channel -%}<li><a rel="me" href="https://www.youtube.com/channel/{{ social.youtube_channel | cgi_escape | escape }}" title="{{ social.youtube_channel_name | escape | default: 'YouTube' }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/jenstep_theme-social-icons.svg#youtube' | relative_url }}"></use></svg></a></li>{%- endif -%}
|
|
18
|
+
{%- if social.telegram -%}<li><a rel="me" href="https://t.me/{{ social.telegram | cgi_escape | escape }}" title="{{ social.telegram | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/jenstep_theme-social-icons.svg#telegram' | relative_url }}"></use></svg></a></li>{%- endif -%}
|
|
19
|
+
{%- if social.keybase -%}<li><a rel="me" href="https://keybase.io/{{ social.keybase | cgi_escape | escape }}" title="{{ social.keybase | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/jenstep_theme-social-icons.svg#keybase' | relative_url }}"></use></svg></a></li>{%- endif -%}
|
|
20
|
+
{%- if social.microdotblog -%}<li><a rel="me" href="https://micro.blog/{{ social.microdotblog | cgi_escape | escape }}" title="{{ social.microdotblog | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/jenstep_theme-social-icons.svg#microdotblog' | relative_url }}"></use></svg></a></li>{%- endif -%}
|
|
21
|
+
{%- if social.devto -%}<li><a href="https://dev.to/{{ social.devto | cgi_escape | escape }}" title="{{ social.devto | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/jenstep_theme-social-icons.svg#devto' | relative_url }}"></use></svg></a></li>{%- endif -%}
|
|
21
22
|
</ul>
|
data/_layouts/home.html
CHANGED
data/_layouts/post.html
CHANGED
data/_sass/jenstep_theme.scss
CHANGED
|
@@ -11,8 +11,9 @@ $base-line-height: 1.5 !default;
|
|
|
11
11
|
$spacing-unit: 30px !default;
|
|
12
12
|
|
|
13
13
|
$text-color: #111 !default;
|
|
14
|
-
$background-color: #
|
|
15
|
-
$brand-color: #
|
|
14
|
+
$background-color: #4b4b4b !default;
|
|
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;
|
|
@@ -21,10 +22,10 @@ $grey-color-dark: darken($grey-color, 25%) !default;
|
|
|
21
22
|
$table-text-align: left !default;
|
|
22
23
|
|
|
23
24
|
// Width of the content area
|
|
24
|
-
$content-width:
|
|
25
|
+
$content-width: 1000px !default;
|
|
25
26
|
|
|
26
27
|
$on-palm: 600px !default;
|
|
27
|
-
$on-laptop:
|
|
28
|
+
$on-laptop: 1000px !default;
|
|
28
29
|
|
|
29
30
|
// Use media queries like this:
|
|
30
31
|
// @include media-query($on-palm) {
|
|
@@ -47,5 +48,6 @@ $on-laptop: 800px !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
|
+
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Site header
|
|
3
3
|
*/
|
|
4
4
|
.site-header {
|
|
5
|
-
border-top:
|
|
5
|
+
border-top: 10px solid $grey-color-dark;
|
|
6
6
|
background-color: #999999;
|
|
7
7
|
min-height: $spacing-unit * 1.865;
|
|
8
8
|
|
|
@@ -11,22 +11,91 @@
|
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
.site-title {
|
|
14
|
-
@include relative-font-size(
|
|
14
|
+
@include relative-font-size(2);
|
|
15
15
|
font-weight: 300;
|
|
16
|
-
line-height: $base-line-height * $base-font-size *
|
|
16
|
+
line-height: $base-line-height * $base-font-size * 3;
|
|
17
17
|
letter-spacing: -1px;
|
|
18
18
|
margin-bottom: 0;
|
|
19
19
|
float: left;
|
|
20
20
|
|
|
21
|
+
|
|
21
22
|
&,
|
|
22
23
|
&:visited {
|
|
23
|
-
color: $
|
|
24
|
+
color: $brand-color;
|
|
24
25
|
}
|
|
25
26
|
}
|
|
26
27
|
|
|
27
28
|
.site-nav {
|
|
28
29
|
float: right;
|
|
29
30
|
line-height: $base-line-height * $base-font-size * 2.25;
|
|
31
|
+
z-index: 99;
|
|
32
|
+
|
|
33
|
+
ul.topnav {
|
|
34
|
+
list-style-type: none;
|
|
35
|
+
margin: 0;
|
|
36
|
+
padding: 0;
|
|
37
|
+
background-color: #333;
|
|
38
|
+
|
|
39
|
+
li {
|
|
40
|
+
float: left;
|
|
41
|
+
border-right: 1px solid #bbb;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
li:last-child {
|
|
45
|
+
border-right: none;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
li a, .dropbtn {
|
|
49
|
+
display: inline-block;
|
|
50
|
+
padding: 14px 16px;
|
|
51
|
+
color: white;
|
|
52
|
+
text-align: center;
|
|
53
|
+
text-decoration: none;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
li .active {
|
|
57
|
+
background-color: darken($brand-color, 10%);
|
|
58
|
+
display: block;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
li:hover, .dropdown:hover .dropbtn {
|
|
62
|
+
background-color: darken($contrast-color, 10%);
|
|
63
|
+
color: black;
|
|
64
|
+
transition: .5s ease;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
li.dropdown {
|
|
68
|
+
display: block;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.dropdown-content {
|
|
72
|
+
display: none;
|
|
73
|
+
position: absolute;
|
|
74
|
+
z-index: 99;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.dropdown-content a {
|
|
78
|
+
color: black;
|
|
79
|
+
padding: 12px 16px;
|
|
80
|
+
text-decoration: none;
|
|
81
|
+
display: block;
|
|
82
|
+
text-align: left;
|
|
83
|
+
border-radius: 5px;
|
|
84
|
+
border: 1px solid #ccc;
|
|
85
|
+
background-color: $grey-color;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.dropdown-content a:hover {
|
|
89
|
+
background-color: darken($contrast-color, 5%);
|
|
90
|
+
border-radius: 5px;
|
|
91
|
+
transition: .5s ease;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.dropdown:hover .dropdown-content {
|
|
95
|
+
display: block;
|
|
96
|
+
transition: .5s ease;
|
|
97
|
+
}
|
|
98
|
+
}
|
|
30
99
|
|
|
31
100
|
.nav-trigger {
|
|
32
101
|
display: none;
|
|
@@ -36,16 +105,6 @@
|
|
|
36
105
|
display: none;
|
|
37
106
|
}
|
|
38
107
|
|
|
39
|
-
.page-link {
|
|
40
|
-
color: $text-color;
|
|
41
|
-
line-height: $base-line-height;
|
|
42
|
-
|
|
43
|
-
// Gaps between nav items, but not on the last one
|
|
44
|
-
&:not(:last-child) {
|
|
45
|
-
margin-right: 20px;
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
|
|
49
108
|
@include media-query($on-palm) {
|
|
50
109
|
position: absolute;
|
|
51
110
|
top: 9px;
|
|
@@ -55,6 +114,14 @@
|
|
|
55
114
|
border-radius: 5px;
|
|
56
115
|
text-align: right;
|
|
57
116
|
|
|
117
|
+
ul.topnav li.right,
|
|
118
|
+
ul.topnav li {
|
|
119
|
+
float: none;
|
|
120
|
+
}
|
|
121
|
+
ul.topnav .dropdown {
|
|
122
|
+
float: none;
|
|
123
|
+
}
|
|
124
|
+
|
|
58
125
|
label[for="nav-trigger"] {
|
|
59
126
|
display: block;
|
|
60
127
|
float: right;
|
|
@@ -74,7 +141,7 @@
|
|
|
74
141
|
text-align: center;
|
|
75
142
|
|
|
76
143
|
> svg {
|
|
77
|
-
fill: $
|
|
144
|
+
fill: $brand-color;
|
|
78
145
|
}
|
|
79
146
|
}
|
|
80
147
|
|
|
@@ -87,16 +154,6 @@
|
|
|
87
154
|
display: block;
|
|
88
155
|
padding-bottom: 5px;
|
|
89
156
|
}
|
|
90
|
-
|
|
91
|
-
.page-link {
|
|
92
|
-
display: block;
|
|
93
|
-
padding: 5px 10px;
|
|
94
|
-
|
|
95
|
-
&:not(:last-child) {
|
|
96
|
-
margin-right: 0;
|
|
97
|
-
}
|
|
98
|
-
margin-left: 20px;
|
|
99
|
-
}
|
|
100
157
|
}
|
|
101
158
|
}
|
|
102
159
|
|
|
@@ -106,7 +163,7 @@
|
|
|
106
163
|
* Site footer
|
|
107
164
|
*/
|
|
108
165
|
.site-footer {
|
|
109
|
-
border-top:
|
|
166
|
+
border-top: 5px solid $grey-color;
|
|
110
167
|
padding: $spacing-unit 0;
|
|
111
168
|
background-color: #333333;
|
|
112
169
|
}
|
|
@@ -140,6 +197,10 @@
|
|
|
140
197
|
padding-left: $spacing-unit / 2;
|
|
141
198
|
}
|
|
142
199
|
|
|
200
|
+
.p-name {
|
|
201
|
+
@include relative-font-size(1.1)
|
|
202
|
+
}
|
|
203
|
+
|
|
143
204
|
|
|
144
205
|
/**
|
|
145
206
|
* Page content
|
|
@@ -147,8 +208,8 @@
|
|
|
147
208
|
.page-content {
|
|
148
209
|
padding: $spacing-unit 0;
|
|
149
210
|
flex: 1;
|
|
150
|
-
border-radius: 10px;
|
|
151
211
|
background-color: #EBEBEB;
|
|
212
|
+
width: 100%;
|
|
152
213
|
margin: auto;
|
|
153
214
|
}
|
|
154
215
|
|
|
@@ -240,7 +301,9 @@
|
|
|
240
301
|
.widget-wrapper {
|
|
241
302
|
display: flex;
|
|
242
303
|
flex-wrap: wrap;
|
|
243
|
-
justify-content: space-evenly;
|
|
244
|
-
align-content: center;
|
|
245
304
|
padding: 10px;
|
|
305
|
+
}
|
|
306
|
+
|
|
307
|
+
.widget-wrapper>* {
|
|
308
|
+
flex: 1 1 auto;
|
|
246
309
|
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"><metadata><rdf:RDF><cc:Work rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/><dc:title/></cc:Work></rdf:RDF></metadata>
|
|
3
|
+
<g transform="matrix(.069514 0 0 .069514 0 -.29987)" fill="#999">
|
|
4
|
+
<path d="m230 49.585c0-0.263 0.181-0.519 0.169-0.779l-70.24 67.68 70.156 65.518c0.041-0.468-0.085-0.94-0.085-1.418z"/>
|
|
5
|
+
<path d="m149.21 126.9-28.674 27.588c-1.451 1.396-3.325 2.096-5.2 2.096-1.836 0-3.672-0.67-5.113-2.013l-28.596-26.647-70.614 68.064c1.717 0.617 3.56 1.096 5.49 1.096h197.67c2.866 0 5.554-0.873 7.891-2.175z"/>
|
|
6
|
+
<path d="m115.25 138.76 107.2-103.26c-2.427-1.443-5.252-2.411-8.28-2.411h-197.67c-3.943 0-7.556 1.531-10.37 3.866z"/>
|
|
7
|
+
<path d="m0 52.1v128.48c0 1.475 0.339 2.897 0.707 4.256l69.738-67.156z"/>
|
|
8
|
+
</g>
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
</svg>
|
|
File without changes
|
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-
|
|
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,14 @@ 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
|
-
- assets/
|
|
53
|
+
- assets/email-icon.svg
|
|
54
|
+
- assets/jenstep_theme-social-icons.svg
|
|
53
55
|
- assets/main.scss
|
|
54
|
-
|
|
56
|
+
- assets/sample.jpeg
|
|
57
|
+
homepage: https://github.com/JenStep/jenstep_theme.git
|
|
55
58
|
licenses:
|
|
56
59
|
- MIT
|
|
57
60
|
metadata: {}
|