steve-for-jekyll 1.2 → 1.2.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/404.html +9 -9
- data/LICENSE.txt +21 -21
- data/README.md +1 -195
- data/_includes/blog/custom-widgets.html +3 -3
- data/_includes/blog/sidebar.html +42 -42
- data/_includes/footer/custom-text.html +5 -5
- data/_includes/footer.html +11 -11
- data/_includes/head.html +1 -9
- data/_includes/header/menu.html +12 -12
- data/_includes/header.html +17 -17
- data/_includes/search-form.html +13 -13
- data/_layouts/archive.html +21 -21
- data/_layouts/default.html +18 -18
- data/_layouts/home.html +23 -23
- data/_layouts/page.html +15 -15
- data/_layouts/post.html +115 -115
- data/_sass/steve/_layout.scss +472 -472
- data/_sass/steve-for-jekyll.scss +51 -51
- data/assets/css/screen.scss +34 -34
- data/assets/js/responsive-videos.js +79 -79
- metadata +7 -7
data/_sass/steve-for-jekyll.scss
CHANGED
@@ -1,51 +1,51 @@
|
|
1
|
-
/*
|
2
|
-
Color Scheme
|
3
|
-
*/
|
4
|
-
|
5
|
-
$color__background-content: #fff !default; // posts, pages and sidebar background color.
|
6
|
-
$color__background-body: #e4f0f6 !default; // body background color
|
7
|
-
$color__text: #000112 !default; // body text color
|
8
|
-
|
9
|
-
$color__link: #4e9dd8 !default; // color for links and accents
|
10
|
-
$color__link-hover: #2361a7 !default; // alternate color for active or focused links and accents
|
11
|
-
|
12
|
-
$color__details: #939496 !default; // color for details such as borders and shadows
|
13
|
-
$color__details-lighter: #f0f1f4 !default; // lighter alternative for details
|
14
|
-
$color__details-darker: #6d6e70 !default; // darker alternative for details
|
15
|
-
|
16
|
-
/*
|
17
|
-
Typography
|
18
|
-
*/
|
19
|
-
|
20
|
-
$font__body: "Avenir Next", Corbel, "Fira Sans", "Trebuchet MS", Ubuntu, sans-serif !default; // used for the main, body typography
|
21
|
-
$font__headings: $font__body !default; // used for headings and feature elements
|
22
|
-
$font__code: "Cascadia Code", SFMono-Regular, Menlo, Consolas, "Fira Mono", "DejaVu Sans Mono", monospace !default; // used for pre-formatted text and code.
|
23
|
-
|
24
|
-
|
25
|
-
/*
|
26
|
-
Layout
|
27
|
-
*/
|
28
|
-
$layout__container-width: 1180px !default; // the width of the main content (content + sidebar)
|
29
|
-
$layout__gutter: 2rem !default; // the spacing unit between elements.
|
30
|
-
|
31
|
-
:root {
|
32
|
-
--color-bg: #{$color__background-content};
|
33
|
-
--color-body: #{$color__background-body};
|
34
|
-
--color-text: #{$color__text};
|
35
|
-
|
36
|
-
--color-link: #{$color__link};
|
37
|
-
--color-link-hover: #{$color__link-hover};
|
38
|
-
|
39
|
-
--color-details: #{$color__details};
|
40
|
-
--color-details-lighter: #{$color__details-lighter};
|
41
|
-
--color-details-darker: #{$color__details-darker};
|
42
|
-
|
43
|
-
--font: #{$font__body};
|
44
|
-
--font-headings: #{$font__headings};
|
45
|
-
--font-code: #{$font__code};
|
46
|
-
|
47
|
-
--container: #{$layout__container-width};
|
48
|
-
--gap: #{$layout__gutter};
|
49
|
-
}
|
50
|
-
|
51
|
-
@import "steve/base", "steve/layout", "steve/syntax";
|
1
|
+
/*
|
2
|
+
Color Scheme
|
3
|
+
*/
|
4
|
+
|
5
|
+
$color__background-content: #fff !default; // posts, pages and sidebar background color.
|
6
|
+
$color__background-body: #e4f0f6 !default; // body background color
|
7
|
+
$color__text: #000112 !default; // body text color
|
8
|
+
|
9
|
+
$color__link: #4e9dd8 !default; // color for links and accents
|
10
|
+
$color__link-hover: #2361a7 !default; // alternate color for active or focused links and accents
|
11
|
+
|
12
|
+
$color__details: #939496 !default; // color for details such as borders and shadows
|
13
|
+
$color__details-lighter: #f0f1f4 !default; // lighter alternative for details
|
14
|
+
$color__details-darker: #6d6e70 !default; // darker alternative for details
|
15
|
+
|
16
|
+
/*
|
17
|
+
Typography
|
18
|
+
*/
|
19
|
+
|
20
|
+
$font__body: "Avenir Next", Corbel, "Fira Sans", "Trebuchet MS", Ubuntu, sans-serif !default; // used for the main, body typography
|
21
|
+
$font__headings: $font__body !default; // used for headings and feature elements
|
22
|
+
$font__code: "Cascadia Code", SFMono-Regular, Menlo, Consolas, "Fira Mono", "DejaVu Sans Mono", monospace !default; // used for pre-formatted text and code.
|
23
|
+
|
24
|
+
|
25
|
+
/*
|
26
|
+
Layout
|
27
|
+
*/
|
28
|
+
$layout__container-width: 1180px !default; // the width of the main content (content + sidebar)
|
29
|
+
$layout__gutter: 2rem !default; // the spacing unit between elements.
|
30
|
+
|
31
|
+
:root {
|
32
|
+
--color-bg: #{$color__background-content};
|
33
|
+
--color-body: #{$color__background-body};
|
34
|
+
--color-text: #{$color__text};
|
35
|
+
|
36
|
+
--color-link: #{$color__link};
|
37
|
+
--color-link-hover: #{$color__link-hover};
|
38
|
+
|
39
|
+
--color-details: #{$color__details};
|
40
|
+
--color-details-lighter: #{$color__details-lighter};
|
41
|
+
--color-details-darker: #{$color__details-darker};
|
42
|
+
|
43
|
+
--font: #{$font__body};
|
44
|
+
--font-headings: #{$font__headings};
|
45
|
+
--font-code: #{$font__code};
|
46
|
+
|
47
|
+
--container: #{$layout__container-width};
|
48
|
+
--gap: #{$layout__gutter};
|
49
|
+
}
|
50
|
+
|
51
|
+
@import "steve/base", "steve/layout", "steve/syntax";
|
data/assets/css/screen.scss
CHANGED
@@ -1,34 +1,34 @@
|
|
1
|
-
---
|
2
|
-
---
|
3
|
-
|
4
|
-
/*
|
5
|
-
Color Scheme
|
6
|
-
/*
|
7
|
-
|
8
|
-
// $color__background-content: #fff; // posts, pages and sidebar background color.
|
9
|
-
// $color__background-body: #e4f0f6; // body background color
|
10
|
-
// $color__text: #000112; // body text color
|
11
|
-
//
|
12
|
-
// $color__link: #4e9dd8; // color for links and accents
|
13
|
-
// $color__link-hover: #2361a7; // alternate color for active or focused links and accents
|
14
|
-
//
|
15
|
-
// $color__details: #939496; // color for details such as borders and shadows
|
16
|
-
// $color__details-lighter: #f0f1f4; // lighter alternative for details
|
17
|
-
// $color__details-darker: #6d6e70; // darker alternative for details
|
18
|
-
|
19
|
-
/*
|
20
|
-
Typography
|
21
|
-
*/
|
22
|
-
|
23
|
-
// $font__body: "Avenir Next", Corbel, "Fira Sans", "Trebuchet MS", Ubuntu, sans-serif; // used for the main, body typography
|
24
|
-
// $font__headings: $font__body; // used for headings and feature elements
|
25
|
-
// $font__code: "Cascadia Code", SFMono-Regular, Menlo, Consolas, "Fira Mono", "DejaVu Sans Mono", monospace; // used for pre-formatted text and code.
|
26
|
-
|
27
|
-
/*
|
28
|
-
Layout
|
29
|
-
*/
|
30
|
-
|
31
|
-
// $layout__container-width: 1180px; // the width of the main content (content + sidebar)
|
32
|
-
// $layout__gutter: 2rem; // the spacing unit between elements.
|
33
|
-
|
34
|
-
@import "{{ site.theme }}";
|
1
|
+
---
|
2
|
+
---
|
3
|
+
|
4
|
+
/*
|
5
|
+
Color Scheme
|
6
|
+
/*
|
7
|
+
|
8
|
+
// $color__background-content: #fff; // posts, pages and sidebar background color.
|
9
|
+
// $color__background-body: #e4f0f6; // body background color
|
10
|
+
// $color__text: #000112; // body text color
|
11
|
+
//
|
12
|
+
// $color__link: #4e9dd8; // color for links and accents
|
13
|
+
// $color__link-hover: #2361a7; // alternate color for active or focused links and accents
|
14
|
+
//
|
15
|
+
// $color__details: #939496; // color for details such as borders and shadows
|
16
|
+
// $color__details-lighter: #f0f1f4; // lighter alternative for details
|
17
|
+
// $color__details-darker: #6d6e70; // darker alternative for details
|
18
|
+
|
19
|
+
/*
|
20
|
+
Typography
|
21
|
+
*/
|
22
|
+
|
23
|
+
// $font__body: "Avenir Next", Corbel, "Fira Sans", "Trebuchet MS", Ubuntu, sans-serif; // used for the main, body typography
|
24
|
+
// $font__headings: $font__body; // used for headings and feature elements
|
25
|
+
// $font__code: "Cascadia Code", SFMono-Regular, Menlo, Consolas, "Fira Mono", "DejaVu Sans Mono", monospace; // used for pre-formatted text and code.
|
26
|
+
|
27
|
+
/*
|
28
|
+
Layout
|
29
|
+
*/
|
30
|
+
|
31
|
+
// $layout__container-width: 1180px; // the width of the main content (content + sidebar)
|
32
|
+
// $layout__gutter: 2rem; // the spacing unit between elements.
|
33
|
+
|
34
|
+
@import "{{ site.theme }}";
|
@@ -1,79 +1,79 @@
|
|
1
|
-
/*
|
2
|
-
Responsive videos.
|
3
|
-
*/
|
4
|
-
(function() {
|
5
|
-
var _debounce, _each, _filter, _resize, iframes, isVideo, resizeVideos, videos;
|
6
|
-
|
7
|
-
resizeVideos = function() {
|
8
|
-
_each(videos, function(video) {
|
9
|
-
var newWidth;
|
10
|
-
newWidth = video.parentElement.offsetWidth;
|
11
|
-
_resize(video, newWidth);
|
12
|
-
});
|
13
|
-
};
|
14
|
-
|
15
|
-
_each = function(items, action) {
|
16
|
-
var i, len;
|
17
|
-
i = 0;
|
18
|
-
len = items.length;
|
19
|
-
while (i < len) {
|
20
|
-
action(items[i], i);
|
21
|
-
i++;
|
22
|
-
}
|
23
|
-
};
|
24
|
-
|
25
|
-
_filter = function(items, test) {
|
26
|
-
var filtered, i, item;
|
27
|
-
filtered = [];
|
28
|
-
i = 0;
|
29
|
-
while (i < items.length) {
|
30
|
-
item = items[i];
|
31
|
-
if (test(item, i)) {
|
32
|
-
filtered.push(item);
|
33
|
-
}
|
34
|
-
i++;
|
35
|
-
}
|
36
|
-
return filtered;
|
37
|
-
};
|
38
|
-
|
39
|
-
_resize = function(video, newWidth) {
|
40
|
-
var ASPECT_RATIO, newHeight;
|
41
|
-
ASPECT_RATIO = 9 / 16;
|
42
|
-
newHeight = ASPECT_RATIO * newWidth;
|
43
|
-
video.setAttribute('width', newWidth.toString());
|
44
|
-
video.setAttribute('height', newHeight.toString());
|
45
|
-
};
|
46
|
-
|
47
|
-
_debounce = function(func, wait, immediate) {
|
48
|
-
var timeout;
|
49
|
-
timeout = void 0;
|
50
|
-
return function() {
|
51
|
-
var args, callNow, context, later;
|
52
|
-
context = this;
|
53
|
-
args = arguments;
|
54
|
-
later = function() {
|
55
|
-
timeout = null;
|
56
|
-
if (!immediate) {
|
57
|
-
func.apply(context, args);
|
58
|
-
}
|
59
|
-
};
|
60
|
-
callNow = immediate && !timeout;
|
61
|
-
clearTimeout(timeout);
|
62
|
-
timeout = setTimeout(later, wait);
|
63
|
-
if (callNow) {
|
64
|
-
func.apply(context, args);
|
65
|
-
}
|
66
|
-
};
|
67
|
-
};
|
68
|
-
|
69
|
-
iframes = document.getElementsByTagName('iframe');
|
70
|
-
|
71
|
-
isVideo = /(youtube)|(vimeo)|(cloudup)|(spotify)|(twitch)/i;
|
72
|
-
|
73
|
-
videos = _filter(iframes, function(iframe) {
|
74
|
-
return isVideo.test(iframe.getAttribute('src'));
|
75
|
-
});
|
76
|
-
|
77
|
-
resizeVideos();
|
78
|
-
|
79
|
-
}).call(this);
|
1
|
+
/*
|
2
|
+
Responsive videos.
|
3
|
+
*/
|
4
|
+
(function() {
|
5
|
+
var _debounce, _each, _filter, _resize, iframes, isVideo, resizeVideos, videos;
|
6
|
+
|
7
|
+
resizeVideos = function() {
|
8
|
+
_each(videos, function(video) {
|
9
|
+
var newWidth;
|
10
|
+
newWidth = video.parentElement.offsetWidth;
|
11
|
+
_resize(video, newWidth);
|
12
|
+
});
|
13
|
+
};
|
14
|
+
|
15
|
+
_each = function(items, action) {
|
16
|
+
var i, len;
|
17
|
+
i = 0;
|
18
|
+
len = items.length;
|
19
|
+
while (i < len) {
|
20
|
+
action(items[i], i);
|
21
|
+
i++;
|
22
|
+
}
|
23
|
+
};
|
24
|
+
|
25
|
+
_filter = function(items, test) {
|
26
|
+
var filtered, i, item;
|
27
|
+
filtered = [];
|
28
|
+
i = 0;
|
29
|
+
while (i < items.length) {
|
30
|
+
item = items[i];
|
31
|
+
if (test(item, i)) {
|
32
|
+
filtered.push(item);
|
33
|
+
}
|
34
|
+
i++;
|
35
|
+
}
|
36
|
+
return filtered;
|
37
|
+
};
|
38
|
+
|
39
|
+
_resize = function(video, newWidth) {
|
40
|
+
var ASPECT_RATIO, newHeight;
|
41
|
+
ASPECT_RATIO = 9 / 16;
|
42
|
+
newHeight = ASPECT_RATIO * newWidth;
|
43
|
+
video.setAttribute('width', newWidth.toString());
|
44
|
+
video.setAttribute('height', newHeight.toString());
|
45
|
+
};
|
46
|
+
|
47
|
+
_debounce = function(func, wait, immediate) {
|
48
|
+
var timeout;
|
49
|
+
timeout = void 0;
|
50
|
+
return function() {
|
51
|
+
var args, callNow, context, later;
|
52
|
+
context = this;
|
53
|
+
args = arguments;
|
54
|
+
later = function() {
|
55
|
+
timeout = null;
|
56
|
+
if (!immediate) {
|
57
|
+
func.apply(context, args);
|
58
|
+
}
|
59
|
+
};
|
60
|
+
callNow = immediate && !timeout;
|
61
|
+
clearTimeout(timeout);
|
62
|
+
timeout = setTimeout(later, wait);
|
63
|
+
if (callNow) {
|
64
|
+
func.apply(context, args);
|
65
|
+
}
|
66
|
+
};
|
67
|
+
};
|
68
|
+
|
69
|
+
iframes = document.getElementsByTagName('iframe');
|
70
|
+
|
71
|
+
isVideo = /(youtube)|(vimeo)|(cloudup)|(spotify)|(twitch)/i;
|
72
|
+
|
73
|
+
videos = _filter(iframes, function(iframe) {
|
74
|
+
return isVideo.test(iframe.getAttribute('src'));
|
75
|
+
});
|
76
|
+
|
77
|
+
resizeVideos();
|
78
|
+
|
79
|
+
}).call(this);
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: steve-for-jekyll
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version:
|
4
|
+
version: 1.2.1
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Arthur Freitas
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date:
|
11
|
+
date: 2022-03-23 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -44,28 +44,28 @@ dependencies:
|
|
44
44
|
requirements:
|
45
45
|
- - "~>"
|
46
46
|
- !ruby/object:Gem::Version
|
47
|
-
version: '0.
|
47
|
+
version: '0.16'
|
48
48
|
type: :runtime
|
49
49
|
prerelease: false
|
50
50
|
version_requirements: !ruby/object:Gem::Requirement
|
51
51
|
requirements:
|
52
52
|
- - "~>"
|
53
53
|
- !ruby/object:Gem::Version
|
54
|
-
version: '0.
|
54
|
+
version: '0.16'
|
55
55
|
- !ruby/object:Gem::Dependency
|
56
56
|
name: jekyll-seo-tag
|
57
57
|
requirement: !ruby/object:Gem::Requirement
|
58
58
|
requirements:
|
59
59
|
- - "~>"
|
60
60
|
- !ruby/object:Gem::Version
|
61
|
-
version: '2.
|
61
|
+
version: '2.8'
|
62
62
|
type: :runtime
|
63
63
|
prerelease: false
|
64
64
|
version_requirements: !ruby/object:Gem::Requirement
|
65
65
|
requirements:
|
66
66
|
- - "~>"
|
67
67
|
- !ruby/object:Gem::Version
|
68
|
-
version: '2.
|
68
|
+
version: '2.8'
|
69
69
|
- !ruby/object:Gem::Dependency
|
70
70
|
name: jekyll-sitemap
|
71
71
|
requirement: !ruby/object:Gem::Requirement
|
@@ -191,7 +191,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
191
191
|
- !ruby/object:Gem::Version
|
192
192
|
version: '0'
|
193
193
|
requirements: []
|
194
|
-
rubygems_version: 3.
|
194
|
+
rubygems_version: 3.3.7
|
195
195
|
signing_key:
|
196
196
|
specification_version: 4
|
197
197
|
summary: A charming and fun Jekyll theme for blogs.
|