harms-columns-front-page 1.1.1 → 2.0.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 +4 -4
- data/README.md +396 -45
- data/_includes/css/vendor/jquery-ui.min.css +7 -0
- data/_includes/custom-colors.html +92 -0
- data/_includes/footer.html +38 -33
- data/_includes/header.html +43 -150
- data/_includes/js/main.js +97 -0
- data/_includes/js/vendor/jquery-3.2.1.min.js +4 -0
- data/_includes/js/vendor/jquery-ui.min.js +6 -0
- data/_includes/nav.html +39 -0
- data/_layouts/home.html +60 -23
- data/_layouts/page.html +88 -2
- data/_layouts/post.html +9 -8
- data/_sass/_accordion.sass +23 -0
- data/_sass/_base.sass +49 -11
- data/_sass/_headings.sass +8 -1
- data/_sass/_posts.sass +61 -50
- data/_sass/_tag-list.sass +21 -0
- data/assets/{main.sass → css/main.sass} +2 -0
- metadata +51 -4
- data/assets/main.js +0 -104
data/_sass/_headings.sass
CHANGED
|
@@ -10,14 +10,21 @@ h1
|
|
|
10
10
|
|
|
11
11
|
h2
|
|
12
12
|
font-size: 30px
|
|
13
|
-
|
|
13
|
+
@media screen and ($tablet)
|
|
14
|
+
font-size: 25px
|
|
15
|
+
@media screen and ($mobile)
|
|
16
|
+
font-size: 20px
|
|
17
|
+
color: $black
|
|
14
18
|
font-weight: 600
|
|
15
19
|
margin-bottom: 30px
|
|
16
20
|
|
|
17
21
|
h3
|
|
18
22
|
font-size: 20px
|
|
23
|
+
@media screen and ($tablet)
|
|
24
|
+
font-size: 16px
|
|
19
25
|
font-weight: 600
|
|
20
26
|
margin-bottom: 10px
|
|
27
|
+
text-align: left
|
|
21
28
|
&.light
|
|
22
29
|
color: $white
|
|
23
30
|
&.dark
|
data/_sass/_posts.sass
CHANGED
|
@@ -1,57 +1,68 @@
|
|
|
1
1
|
.wrapper
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
&:last-of-type
|
|
14
|
-
border-bottom: none
|
|
15
|
-
margin-bottom: 0
|
|
16
|
-
.post-contents
|
|
17
|
-
.right
|
|
18
|
-
display: flex
|
|
19
|
-
justify-content: flex-start
|
|
20
|
-
align-items: flex-start
|
|
21
|
-
flex-direction: column
|
|
22
|
-
flex-grow: 1
|
|
23
|
-
.date
|
|
24
|
-
font-size: 13px
|
|
25
|
-
color: $dark-grey
|
|
26
|
-
margin-bottom: 12px
|
|
27
|
-
font-style: italic
|
|
28
|
-
display: block
|
|
29
|
-
.left
|
|
30
|
-
flex: 1 0 auto
|
|
31
|
-
@media screen and ($mobile)
|
|
32
|
-
width: 100%
|
|
33
|
-
img
|
|
34
|
-
margin-right: 30px
|
|
35
|
-
margin-top: -30px
|
|
36
|
-
width: 300px
|
|
2
|
+
&.posts-wrapper
|
|
3
|
+
margin-top: $section-margin * 1.2 !important
|
|
4
|
+
&.page-posts
|
|
5
|
+
margin-top: $section-margin/2 !important
|
|
6
|
+
.post
|
|
7
|
+
&.hidden
|
|
8
|
+
display: none !important
|
|
9
|
+
visibility: hidden !important
|
|
10
|
+
h3
|
|
11
|
+
&.with-img
|
|
12
|
+
margin-left: 330px
|
|
37
13
|
@media screen and ($tablet)
|
|
38
|
-
|
|
14
|
+
margin-left: 230px
|
|
15
|
+
@media screen and ($mobile)
|
|
16
|
+
margin-left: 0
|
|
17
|
+
margin-bottom: 50px
|
|
18
|
+
padding-bottom: 50px
|
|
19
|
+
@media screen and ($tablet)
|
|
20
|
+
margin-bottom: 30px
|
|
21
|
+
padding-bottom: 30px
|
|
22
|
+
border-bottom: 1px solid $light-grey
|
|
23
|
+
&:last-of-type
|
|
24
|
+
border-bottom: none
|
|
25
|
+
margin-bottom: 0
|
|
26
|
+
.post-contents
|
|
27
|
+
.right
|
|
28
|
+
display: flex
|
|
29
|
+
justify-content: flex-start
|
|
30
|
+
align-items: flex-start
|
|
31
|
+
flex-direction: column
|
|
32
|
+
flex-grow: 1
|
|
33
|
+
width: 100%
|
|
34
|
+
.date
|
|
35
|
+
font-size: 13px
|
|
36
|
+
color: $dark-grey
|
|
37
|
+
margin-bottom: 12px
|
|
38
|
+
font-style: italic
|
|
39
|
+
display: block
|
|
40
|
+
.left
|
|
41
|
+
flex: 1 0 auto
|
|
39
42
|
@media screen and ($mobile)
|
|
40
43
|
width: 100%
|
|
41
|
-
|
|
42
|
-
margin-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
44
|
+
img
|
|
45
|
+
margin-right: 30px
|
|
46
|
+
margin-top: -30px
|
|
47
|
+
width: 300px
|
|
48
|
+
@media screen and ($tablet)
|
|
49
|
+
width: 200px
|
|
50
|
+
@media screen and ($mobile)
|
|
51
|
+
width: 100%
|
|
52
|
+
margin: 0
|
|
53
|
+
margin-bottom: 20px
|
|
54
|
+
display: flex
|
|
55
|
+
justify-content: center
|
|
56
|
+
align-items: flex-start
|
|
57
|
+
flex-direction: row
|
|
58
|
+
@media screen and ($mobile)
|
|
59
|
+
flex-direction: column
|
|
60
|
+
p
|
|
61
|
+
font-size: 15px
|
|
62
|
+
color: $dark-grey
|
|
63
|
+
line-height: 2
|
|
64
|
+
.button
|
|
65
|
+
margin-top: 10px
|
|
55
66
|
&.single-post
|
|
56
67
|
.date
|
|
57
68
|
font-size: 13px
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
html
|
|
2
|
+
body
|
|
3
|
+
.wrapper
|
|
4
|
+
.tag-list
|
|
5
|
+
width: 100%
|
|
6
|
+
display: flex
|
|
7
|
+
justify-content: flex-start
|
|
8
|
+
margin-bottom: $section-margin - 40px
|
|
9
|
+
@media screen and ($tablet)
|
|
10
|
+
margin-bottom: $section-margin/2 - 40px
|
|
11
|
+
flex-wrap: wrap
|
|
12
|
+
li
|
|
13
|
+
margin-right: 10px
|
|
14
|
+
margin-bottom: 40px
|
|
15
|
+
&:last-of-type
|
|
16
|
+
margin-right: 0
|
|
17
|
+
a
|
|
18
|
+
&.selected
|
|
19
|
+
background-color: $blue
|
|
20
|
+
color: $white
|
|
21
|
+
border-color: $blue
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: harms-columns-front-page
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version:
|
|
4
|
+
version: 2.0.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Michael Harms
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2017-
|
|
11
|
+
date: 2017-07-02 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -38,6 +38,46 @@ dependencies:
|
|
|
38
38
|
- - "~>"
|
|
39
39
|
- !ruby/object:Gem::Version
|
|
40
40
|
version: '1.12'
|
|
41
|
+
- !ruby/object:Gem::Dependency
|
|
42
|
+
name: jekyll-autoprefixer
|
|
43
|
+
requirement: !ruby/object:Gem::Requirement
|
|
44
|
+
requirements:
|
|
45
|
+
- - "~>"
|
|
46
|
+
- !ruby/object:Gem::Version
|
|
47
|
+
version: '1.0'
|
|
48
|
+
- - ">="
|
|
49
|
+
- !ruby/object:Gem::Version
|
|
50
|
+
version: 1.0.1
|
|
51
|
+
type: :development
|
|
52
|
+
prerelease: false
|
|
53
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
54
|
+
requirements:
|
|
55
|
+
- - "~>"
|
|
56
|
+
- !ruby/object:Gem::Version
|
|
57
|
+
version: '1.0'
|
|
58
|
+
- - ">="
|
|
59
|
+
- !ruby/object:Gem::Version
|
|
60
|
+
version: 1.0.1
|
|
61
|
+
- !ruby/object:Gem::Dependency
|
|
62
|
+
name: jekyll-minifier
|
|
63
|
+
requirement: !ruby/object:Gem::Requirement
|
|
64
|
+
requirements:
|
|
65
|
+
- - "~>"
|
|
66
|
+
- !ruby/object:Gem::Version
|
|
67
|
+
version: '0.1'
|
|
68
|
+
- - ">="
|
|
69
|
+
- !ruby/object:Gem::Version
|
|
70
|
+
version: 0.1.2
|
|
71
|
+
type: :development
|
|
72
|
+
prerelease: false
|
|
73
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
74
|
+
requirements:
|
|
75
|
+
- - "~>"
|
|
76
|
+
- !ruby/object:Gem::Version
|
|
77
|
+
version: '0.1'
|
|
78
|
+
- - ">="
|
|
79
|
+
- !ruby/object:Gem::Version
|
|
80
|
+
version: 0.1.2
|
|
41
81
|
description:
|
|
42
82
|
email:
|
|
43
83
|
- mitzcki@yahoo.de
|
|
@@ -47,13 +87,20 @@ extra_rdoc_files: []
|
|
|
47
87
|
files:
|
|
48
88
|
- LICENSE.txt
|
|
49
89
|
- README.md
|
|
90
|
+
- _includes/css/vendor/jquery-ui.min.css
|
|
91
|
+
- _includes/custom-colors.html
|
|
50
92
|
- _includes/footer.html
|
|
51
93
|
- _includes/header.html
|
|
52
94
|
- _includes/icon-github.html
|
|
53
95
|
- _includes/icon-github.svg
|
|
96
|
+
- _includes/js/main.js
|
|
97
|
+
- _includes/js/vendor/jquery-3.2.1.min.js
|
|
98
|
+
- _includes/js/vendor/jquery-ui.min.js
|
|
99
|
+
- _includes/nav.html
|
|
54
100
|
- _layouts/home.html
|
|
55
101
|
- _layouts/page.html
|
|
56
102
|
- _layouts/post.html
|
|
103
|
+
- _sass/_accordion.sass
|
|
57
104
|
- _sass/_base.sass
|
|
58
105
|
- _sass/_buttons.sass
|
|
59
106
|
- _sass/_colors.sass
|
|
@@ -65,10 +112,10 @@ files:
|
|
|
65
112
|
- _sass/_reset.sass
|
|
66
113
|
- _sass/_search.sass
|
|
67
114
|
- _sass/_special-format.sass
|
|
115
|
+
- _sass/_tag-list.sass
|
|
116
|
+
- assets/css/main.sass
|
|
68
117
|
- assets/favicon.png
|
|
69
118
|
- assets/jt.jpg
|
|
70
|
-
- assets/main.js
|
|
71
|
-
- assets/main.sass
|
|
72
119
|
homepage: https://github.com/michael-harms/harms-columns-front-page
|
|
73
120
|
licenses:
|
|
74
121
|
- MIT
|
data/assets/main.js
DELETED
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
$(document).ready(function() {
|
|
2
|
-
|
|
3
|
-
$('.menu-button').on('click', function() {
|
|
4
|
-
|
|
5
|
-
if ( $('html').hasClass('mobile-menu-open') ) {
|
|
6
|
-
|
|
7
|
-
$('.mobile-nav-content li').css('opacity', '0');
|
|
8
|
-
$('.mobile-nav-content').fadeOut();
|
|
9
|
-
$('.mobile-nav-content li').css('transform', 'translateX(-10px)');
|
|
10
|
-
|
|
11
|
-
} else {
|
|
12
|
-
|
|
13
|
-
$('.mobile-nav-content').fadeIn();
|
|
14
|
-
$('.mobile-nav-content li').each(function(i) {
|
|
15
|
-
|
|
16
|
-
setTimeout(function() {
|
|
17
|
-
$('.mobile-nav-content li').eq(i).css('opacity', '1').css('transform', 'translateX(0)');
|
|
18
|
-
}, 100 * (i+1));
|
|
19
|
-
|
|
20
|
-
});
|
|
21
|
-
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
$('html').toggleClass('mobile-menu-open');
|
|
25
|
-
|
|
26
|
-
});
|
|
27
|
-
|
|
28
|
-
$(window).resize(function() {
|
|
29
|
-
$('html').removeClass('mobile-menu-open');
|
|
30
|
-
$('.mobile-nav-content li').css('opacity', '0');
|
|
31
|
-
$('.mobile-nav-content').fadeOut();
|
|
32
|
-
$('.mobile-nav-content li').css('transform', 'translateX(-10px)');
|
|
33
|
-
});
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
$('.search-button').on('click', function(e) {
|
|
37
|
-
e.preventDefault();
|
|
38
|
-
|
|
39
|
-
//close mobile menu
|
|
40
|
-
$('html').removeClass('mobile-menu-open');
|
|
41
|
-
$('.mobile-nav-content li').css('opacity', '0');
|
|
42
|
-
$('.mobile-nav-content').fadeOut();
|
|
43
|
-
$('.mobile-nav-content li').css('transform', 'translateX(-10px)');
|
|
44
|
-
|
|
45
|
-
$('html').addClass('search-open');
|
|
46
|
-
$('.search-container input').val('');
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
if( $(window).width() <= 768 ) {
|
|
50
|
-
|
|
51
|
-
$('nav li.mobile').each(function(i) {
|
|
52
|
-
|
|
53
|
-
setTimeout(function() {
|
|
54
|
-
$('nav li.mobile').eq(i).css('opacity', '0').css('transform', 'translateX(10px)');
|
|
55
|
-
}, 75 * (i+1));
|
|
56
|
-
|
|
57
|
-
});
|
|
58
|
-
|
|
59
|
-
} else {
|
|
60
|
-
|
|
61
|
-
$('nav li').each(function(i) {
|
|
62
|
-
|
|
63
|
-
setTimeout(function() {
|
|
64
|
-
$('nav li').eq(i).css('opacity', '0').css('transform', 'translateX(10px)');
|
|
65
|
-
}, 75 * (i+1));
|
|
66
|
-
|
|
67
|
-
});
|
|
68
|
-
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
var timeout = $('nav li').length;
|
|
75
|
-
// alert(timeout);
|
|
76
|
-
setTimeout(function() {
|
|
77
|
-
$('.search-container').fadeIn();
|
|
78
|
-
$('.search-container input').focus();
|
|
79
|
-
}, 75 * timeout);
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
});
|
|
84
|
-
|
|
85
|
-
$('.search-container form').on('submit', function(e) {
|
|
86
|
-
e.preventDefault();
|
|
87
|
-
});
|
|
88
|
-
|
|
89
|
-
$('.close-search-button').on('click', function() {
|
|
90
|
-
$('.search-container').fadeOut();
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
$('nav li').each(function(i) {
|
|
94
|
-
|
|
95
|
-
setTimeout(function() {
|
|
96
|
-
$('nav li').eq(i).css('opacity', '1').css('transform', 'translateX(0)');
|
|
97
|
-
}, 75 * (i+1));
|
|
98
|
-
|
|
99
|
-
});
|
|
100
|
-
$('#search-results').fadeOut();
|
|
101
|
-
$('html').removeClass('search-open');
|
|
102
|
-
});
|
|
103
|
-
|
|
104
|
-
});
|