jekyll-yamt 0.1.0 → 1.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/LICENSE.txt +21 -21
- data/README.md +76 -23
- data/_includes/analytics.html +9 -9
- data/_includes/categories.html +12 -12
- data/_includes/disqus.html +18 -18
- data/_includes/footer.html +2 -2
- data/_includes/head.html +36 -36
- data/_includes/header.html +24 -15
- data/_includes/pages.html +2 -2
- data/_includes/reading_time.html +20 -20
- data/_includes/related-posts.html +35 -35
- data/_includes/social.html +7 -7
- data/_layouts/archive.html +14 -14
- data/_layouts/contact.html +16 -16
- data/_layouts/default.html +18 -19
- data/_layouts/home.html +45 -43
- data/_layouts/page.html +5 -5
- data/_layouts/post.html +45 -45
- data/_sass/archive.scss +9 -9
- data/_sass/base.scss +127 -126
- data/_sass/contact.scss +49 -49
- data/_sass/footer.scss +23 -23
- data/_sass/header.scss +103 -71
- data/_sass/home.scss +36 -36
- data/_sass/mobile.scss +50 -51
- data/_sass/paginator.scss +35 -35
- data/_sass/post.scss +78 -77
- data/_sass/related-posts.scss +22 -22
- data/_sass/scrollbar.scss +16 -16
- data/_sass/typography.scss +40 -40
- data/assets/css/main.css +1 -0
- data/assets/css/main.scss +4 -4
- data/assets/css/syntax.css +1 -0
- data/assets/css/syntax.scss +257 -257
- data/assets/img/logo.jpg +0 -0
- data/assets/img/oranges.jpg +0 -0
- data/assets/img/screenshots/Screenshot.png +0 -0
- data/assets/img/screenshots/Screenshot_code_highlight.png +0 -0
- data/assets/img/screenshots/Screenshot_minimal.png +0 -0
- data/assets/img/screenshots/Screenshot_mobile.png +0 -0
- metadata +9 -4
- data/assets/img/rotation.gif +0 -0
- data/assets/img/rotation.jpg +0 -0
data/_sass/contact.scss
CHANGED
@@ -1,49 +1,49 @@
|
|
1
|
-
.form
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
}
|
1
|
+
.form{
|
2
|
+
.form-input{
|
3
|
+
font-family: 'PT Serif', serif;
|
4
|
+
font-size: 1rem;
|
5
|
+
width: 100%;
|
6
|
+
padding: 10px 0;
|
7
|
+
background: none;
|
8
|
+
border: none;
|
9
|
+
border-bottom: 1px solid #666;
|
10
|
+
color: #666;
|
11
|
+
outline: none;
|
12
|
+
transition: border-color .2s;
|
13
|
+
margin-top: 15px;
|
14
|
+
}
|
15
|
+
|
16
|
+
.form-input::placeholder{
|
17
|
+
color: #ddd;
|
18
|
+
text-transform: uppercase;
|
19
|
+
}
|
20
|
+
|
21
|
+
.form-input:focus{
|
22
|
+
color: #666;
|
23
|
+
}
|
24
|
+
|
25
|
+
.form-button {
|
26
|
+
background: none;
|
27
|
+
text-transform: uppercase;
|
28
|
+
font-size: 1rem;
|
29
|
+
cursor: pointer;
|
30
|
+
outline: none;
|
31
|
+
margin-top: 10px;
|
32
|
+
border: black 1px solid;
|
33
|
+
padding: 10px;
|
34
|
+
border-radius: 10px;
|
35
|
+
font-family: 'PT Serif', serif;
|
36
|
+
}
|
37
|
+
.form-button:hover{
|
38
|
+
background-color: $light-grey;
|
39
|
+
}
|
40
|
+
.success{
|
41
|
+
a{
|
42
|
+
text-decoration:none;
|
43
|
+
border-bottom: 2px solid $light-grey;
|
44
|
+
box-shadow: inset 0 -4px 0 $light-grey;
|
45
|
+
color: inherit;
|
46
|
+
transition: background 0.1s cubic-bezier(.33,.66,.66,1);
|
47
|
+
}
|
48
|
+
}
|
49
|
+
}
|
data/_sass/footer.scss
CHANGED
@@ -1,24 +1,24 @@
|
|
1
|
-
.footer{
|
2
|
-
p{
|
3
|
-
text-align: center;
|
4
|
-
font-size: 0.85rem;
|
5
|
-
}
|
6
|
-
a{
|
7
|
-
text-decoration: none;
|
8
|
-
}
|
9
|
-
a:hover{
|
10
|
-
text-decoration: underline;
|
11
|
-
}
|
12
|
-
a:visited{
|
13
|
-
color: $base;
|
14
|
-
}
|
15
|
-
}
|
16
|
-
|
17
|
-
.footer::before{
|
18
|
-
display: block;
|
19
|
-
content: '';
|
20
|
-
width: 5rem;
|
21
|
-
height: 1px;
|
22
|
-
margin: 23px auto;
|
23
|
-
background-color: #d5d5d5;
|
1
|
+
.footer{
|
2
|
+
p{
|
3
|
+
text-align: center;
|
4
|
+
font-size: 0.85rem;
|
5
|
+
}
|
6
|
+
a{
|
7
|
+
text-decoration: none;
|
8
|
+
}
|
9
|
+
a:hover{
|
10
|
+
text-decoration: underline;
|
11
|
+
}
|
12
|
+
a:visited{
|
13
|
+
color: $base;
|
14
|
+
}
|
15
|
+
}
|
16
|
+
|
17
|
+
.footer::before{
|
18
|
+
display: block;
|
19
|
+
content: '';
|
20
|
+
width: 5rem;
|
21
|
+
height: 1px;
|
22
|
+
margin: 23px auto;
|
23
|
+
background-color: #d5d5d5;
|
24
24
|
}
|
data/_sass/header.scss
CHANGED
@@ -1,72 +1,104 @@
|
|
1
|
-
// Colors for social icons
|
2
|
-
$github: #24292e;
|
3
|
-
$twitter: #1DA1F2;
|
4
|
-
$linkedin: #0e76a8;
|
5
|
-
$rss: #f26522;
|
6
|
-
$mail: #5d5c5d;
|
7
|
-
$instagram: #e1306c;
|
8
|
-
$facebook: #3b5998;
|
9
|
-
$messenger: #0084ff;
|
10
|
-
$youtube: #ff0000;
|
11
|
-
$whatsapp: #25d366;
|
12
|
-
$reddit: #ff4500;
|
13
|
-
|
14
|
-
header{
|
15
|
-
margin-left: auto;
|
16
|
-
margin-right: auto;
|
17
|
-
width: 550px;
|
18
|
-
overflow: hidden;
|
19
|
-
|
20
|
-
#site_title{
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
}
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
1
|
+
// Colors for social icons
|
2
|
+
$github: #24292e;
|
3
|
+
$twitter: #1DA1F2;
|
4
|
+
$linkedin: #0e76a8;
|
5
|
+
$rss: #f26522;
|
6
|
+
$mail: #5d5c5d;
|
7
|
+
$instagram: #e1306c;
|
8
|
+
$facebook: #3b5998;
|
9
|
+
$messenger: #0084ff;
|
10
|
+
$youtube: #ff0000;
|
11
|
+
$whatsapp: #25d366;
|
12
|
+
$reddit: #ff4500;
|
13
|
+
|
14
|
+
header{
|
15
|
+
margin-left: auto;
|
16
|
+
margin-right: auto;
|
17
|
+
width: 550px;
|
18
|
+
overflow: hidden;
|
19
|
+
|
20
|
+
#site_title{
|
21
|
+
text-align: center;
|
22
|
+
color: black;
|
23
|
+
a{
|
24
|
+
text-decoration: none;
|
25
|
+
}
|
26
|
+
h1{
|
27
|
+
margin-bottom: 0px;
|
28
|
+
}
|
29
|
+
h2{
|
30
|
+
margin-top: 0px;
|
31
|
+
font-style: oblique;
|
32
|
+
font-size: 1.2rem;
|
33
|
+
}
|
34
|
+
}
|
35
|
+
#subheader{
|
36
|
+
display: block;
|
37
|
+
margin-top: 15px;
|
38
|
+
.pages{
|
39
|
+
display: block;
|
40
|
+
float: left;
|
41
|
+
a:hover{
|
42
|
+
color: black;
|
43
|
+
}
|
44
|
+
a{
|
45
|
+
text-decoration: none;
|
46
|
+
color: $base;
|
47
|
+
font-family: 'PT Serif', serif;
|
48
|
+
margin-right: 3px;
|
49
|
+
font-size: 1.05rem;
|
50
|
+
}
|
51
|
+
}
|
52
|
+
.social{
|
53
|
+
display: block;
|
54
|
+
float: right;
|
55
|
+
i{
|
56
|
+
margin-right: 3px;
|
57
|
+
-o-transition: .5s;
|
58
|
+
-ms-transition: .5s;
|
59
|
+
-moz-transition: .5s;
|
60
|
+
-webkit-transition: .5s;
|
61
|
+
transition: .5s;
|
62
|
+
}
|
63
|
+
a{
|
64
|
+
color: $base;
|
65
|
+
}
|
66
|
+
i{
|
67
|
+
font-size: 1.1rem;
|
68
|
+
}
|
69
|
+
#github:hover{
|
70
|
+
color: $github;
|
71
|
+
}
|
72
|
+
#twitter:hover{
|
73
|
+
color: $twitter;
|
74
|
+
}
|
75
|
+
#linkedin:hover{
|
76
|
+
color: $linkedin;
|
77
|
+
}
|
78
|
+
#rss:hover{
|
79
|
+
color: $rss;
|
80
|
+
}
|
81
|
+
#envelope:hover{
|
82
|
+
color: $mail;
|
83
|
+
}
|
84
|
+
#instagram:hover{
|
85
|
+
color: $instagram;
|
86
|
+
}
|
87
|
+
#facebook:hover{
|
88
|
+
color: $facebook;
|
89
|
+
}
|
90
|
+
#messenger:hover{
|
91
|
+
color: $messenger;
|
92
|
+
}
|
93
|
+
#youtube:hover{
|
94
|
+
color: $youtube;
|
95
|
+
}
|
96
|
+
#whatsapp:hover{
|
97
|
+
color: $whatsapp;
|
98
|
+
}
|
99
|
+
#reddit:hover{
|
100
|
+
color: $reddit;
|
101
|
+
}
|
102
|
+
}
|
103
|
+
}
|
72
104
|
}
|
data/_sass/home.scss
CHANGED
@@ -1,37 +1,37 @@
|
|
1
|
-
//Mixins
|
2
|
-
@mixin border($amount){
|
3
|
-
-webkit-border-radius: $amount;
|
4
|
-
-moz-border-radius: $amount;
|
5
|
-
-khtml-border-radius: $amount;
|
6
|
-
border-radius: $amount;
|
7
|
-
}
|
8
|
-
|
9
|
-
|
10
|
-
.featured-img-container{
|
11
|
-
margin-block-start: 1em;
|
12
|
-
margin-block-end: 1em;
|
13
|
-
img{
|
14
|
-
max-width: 100%;
|
15
|
-
height: auto;
|
16
|
-
max-height: 450px;
|
17
|
-
@include border(7px);
|
18
|
-
}
|
19
|
-
}
|
20
|
-
|
21
|
-
.continue-reading{
|
22
|
-
a{
|
23
|
-
color: $base;
|
24
|
-
text-decoration: none;
|
25
|
-
font-style: italic;
|
26
|
-
font-size: 0.96rem;
|
27
|
-
}
|
28
|
-
a:hover{
|
29
|
-
color: black;
|
30
|
-
}
|
31
|
-
}
|
32
|
-
|
33
|
-
.post-info{
|
34
|
-
font-size: 1rem;
|
35
|
-
color: $base;
|
36
|
-
font-family: 'PT Serif', serif;
|
1
|
+
//Mixins
|
2
|
+
@mixin border($amount){
|
3
|
+
-webkit-border-radius: $amount;
|
4
|
+
-moz-border-radius: $amount;
|
5
|
+
-khtml-border-radius: $amount;
|
6
|
+
border-radius: $amount;
|
7
|
+
}
|
8
|
+
|
9
|
+
|
10
|
+
.featured-img-container{
|
11
|
+
margin-block-start: 1em;
|
12
|
+
margin-block-end: 1em;
|
13
|
+
img{
|
14
|
+
max-width: 100%;
|
15
|
+
height: auto;
|
16
|
+
max-height: 450px;
|
17
|
+
@include border(7px);
|
18
|
+
}
|
19
|
+
}
|
20
|
+
|
21
|
+
.continue-reading{
|
22
|
+
a{
|
23
|
+
color: $base;
|
24
|
+
text-decoration: none;
|
25
|
+
font-style: italic;
|
26
|
+
font-size: 0.96rem;
|
27
|
+
}
|
28
|
+
a:hover{
|
29
|
+
color: black;
|
30
|
+
}
|
31
|
+
}
|
32
|
+
|
33
|
+
.post-info{
|
34
|
+
font-size: 1rem;
|
35
|
+
color: $base;
|
36
|
+
font-family: 'PT Serif', serif;
|
37
37
|
}
|
data/_sass/mobile.scss
CHANGED
@@ -1,52 +1,51 @@
|
|
1
|
-
@media (max-width: 768px){
|
2
|
-
html{
|
3
|
-
overflow-y: auto;
|
4
|
-
}
|
5
|
-
.container {
|
6
|
-
width: 80vw;
|
7
|
-
}
|
8
|
-
#header{
|
9
|
-
width: 80vw;
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
}
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
padding-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
padding-
|
50
|
-
|
51
|
-
}
|
1
|
+
@media (max-width: 768px){
|
2
|
+
html{
|
3
|
+
overflow-y: auto;
|
4
|
+
}
|
5
|
+
.container {
|
6
|
+
width: 80vw;
|
7
|
+
}
|
8
|
+
#header{
|
9
|
+
width: 80vw;
|
10
|
+
#subheader{
|
11
|
+
display: flex;
|
12
|
+
flex-flow: column wrap;
|
13
|
+
align-items: center;
|
14
|
+
.pages{
|
15
|
+
margin-top: 12px;
|
16
|
+
order: 2;
|
17
|
+
text-align: center;
|
18
|
+
a{
|
19
|
+
font-size: 1.15rem;
|
20
|
+
}
|
21
|
+
}
|
22
|
+
.social{
|
23
|
+
order: 1;
|
24
|
+
i{
|
25
|
+
font-size: 1.3rem;
|
26
|
+
}
|
27
|
+
}
|
28
|
+
}
|
29
|
+
}
|
30
|
+
#post-title{
|
31
|
+
text-align: center;
|
32
|
+
}
|
33
|
+
|
34
|
+
p{
|
35
|
+
font-size: 1.2rem;
|
36
|
+
}
|
37
|
+
.post-info{
|
38
|
+
text-align: center;
|
39
|
+
}
|
40
|
+
::-webkit-scrollbar {
|
41
|
+
height: 3px;
|
42
|
+
}
|
43
|
+
div .highlight{
|
44
|
+
padding-left: 8px;
|
45
|
+
padding-right: 0px;
|
46
|
+
}
|
47
|
+
pre .highlight{
|
48
|
+
padding-left: 8px;
|
49
|
+
padding-right: 0px;
|
50
|
+
}
|
52
51
|
}
|