jekyll-yamt 1.0.0 → 1.0.6

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.
Files changed (45) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE.txt +23 -21
  3. data/README.md +20 -9
  4. data/_includes/analytics.html +9 -9
  5. data/_includes/categories.html +10 -13
  6. data/_includes/comments.html +10 -0
  7. data/_includes/footer.html +3 -3
  8. data/_includes/gif.html +4 -0
  9. data/_includes/head.html +37 -37
  10. data/_includes/header.html +24 -24
  11. data/_includes/pages.html +2 -2
  12. data/_includes/reading_time.html +20 -20
  13. data/_includes/related-posts.html +35 -35
  14. data/_includes/social.html +7 -7
  15. data/_layouts/archive.html +15 -15
  16. data/_layouts/categories.html +21 -0
  17. data/_layouts/contact.html +16 -16
  18. data/_layouts/default.html +18 -18
  19. data/_layouts/home.html +52 -45
  20. data/_layouts/page.html +5 -5
  21. data/_layouts/post.html +45 -45
  22. data/_sass/base.scss +112 -127
  23. data/_sass/contact.scss +38 -49
  24. data/_sass/footer.scss +23 -23
  25. data/_sass/header.scss +102 -103
  26. data/_sass/home.scss +35 -36
  27. data/_sass/mobile.scss +51 -51
  28. data/_sass/paginator.scss +35 -35
  29. data/_sass/post.scss +78 -78
  30. data/_sass/related-posts.scss +22 -22
  31. data/_sass/scrollbar.scss +16 -16
  32. data/_sass/typography-old.scss +47 -0
  33. data/_sass/typography.scss +38 -41
  34. data/assets/css/main.scss +4 -4
  35. data/assets/css/syntax.scss +262 -258
  36. data/assets/img/logo.jpg +0 -0
  37. data/assets/img/screenshots/Screenshot.png +0 -0
  38. data/assets/img/screenshots/Screenshot_code_highlight.png +0 -0
  39. data/assets/img/screenshots/Screenshot_minimal.png +0 -0
  40. data/assets/img/screenshots/Screenshot_mobile.png +0 -0
  41. metadata +13 -13
  42. data/_includes/disqus.html +0 -19
  43. data/_sass/archive.scss +0 -10
  44. data/assets/css/main.css +0 -1
  45. data/assets/css/syntax.css +0 -1
data/_sass/contact.scss CHANGED
@@ -1,49 +1,38 @@
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
- }
1
+ .form{
2
+ .form-input{
3
+ font-size: 1rem;
4
+ width: 100%;
5
+ padding: 10px 0;
6
+ background: none;
7
+ border: none;
8
+ border-bottom: 1px solid #666;
9
+ color: #666;
10
+ outline: none;
11
+ transition: border-color .2s;
12
+ margin-top: 15px;
13
+ }
14
+
15
+ .form-button {
16
+ background: none;
17
+ text-transform: uppercase;
18
+ font-size: 1rem;
19
+ cursor: pointer;
20
+ outline: none;
21
+ margin-top: 10px;
22
+ border: black 1px solid;
23
+ padding: 10px;
24
+ border-radius: 10px;
25
+ }
26
+ .form-button:hover{
27
+ background-color: $light-grey;
28
+ }
29
+ .success{
30
+ a{
31
+ text-decoration:none;
32
+ border-bottom: 2px solid $light-grey;
33
+ box-shadow: inset 0 -4px 0 $light-grey;
34
+ color: inherit;
35
+ transition: background 0.1s cubic-bezier(.33,.66,.66,1);
36
+ }
37
+ }
38
+ }
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,104 +1,103 @@
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
- }
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
+ margin-right: 3px;
48
+ font-size: 1.05rem;
49
+ }
50
+ }
51
+ .social{
52
+ display: block;
53
+ float: right;
54
+ i{
55
+ margin-right: 3px;
56
+ -o-transition: .5s;
57
+ -ms-transition: .5s;
58
+ -moz-transition: .5s;
59
+ -webkit-transition: .5s;
60
+ transition: .5s;
61
+ }
62
+ a{
63
+ color: $base;
64
+ }
65
+ i{
66
+ font-size: 1.1rem;
67
+ }
68
+ #github:hover{
69
+ color: $github;
70
+ }
71
+ #twitter:hover{
72
+ color: $twitter;
73
+ }
74
+ #linkedin:hover{
75
+ color: $linkedin;
76
+ }
77
+ #rss:hover{
78
+ color: $rss;
79
+ }
80
+ #envelope:hover{
81
+ color: $mail;
82
+ }
83
+ #instagram:hover{
84
+ color: $instagram;
85
+ }
86
+ #facebook:hover{
87
+ color: $facebook;
88
+ }
89
+ #messenger:hover{
90
+ color: $messenger;
91
+ }
92
+ #youtube:hover{
93
+ color: $youtube;
94
+ }
95
+ #whatsapp:hover{
96
+ color: $whatsapp;
97
+ }
98
+ #reddit:hover{
99
+ color: $reddit;
100
+ }
101
+ }
102
+ }
104
103
  }
data/_sass/home.scss CHANGED
@@ -1,37 +1,36 @@
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;
37
36
  }
data/_sass/mobile.scss CHANGED
@@ -1,51 +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
- #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
- }
51
- }
1
+ @media (max-width: 768px){
2
+ html{
3
+ overflow-y: auto;
4
+ }
5
+ .container {
6
+ width: 88vw;
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
+ }
51
+ }