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.
Files changed (44) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE.txt +21 -21
  3. data/README.md +76 -23
  4. data/_includes/analytics.html +9 -9
  5. data/_includes/categories.html +12 -12
  6. data/_includes/disqus.html +18 -18
  7. data/_includes/footer.html +2 -2
  8. data/_includes/head.html +36 -36
  9. data/_includes/header.html +24 -15
  10. data/_includes/pages.html +2 -2
  11. data/_includes/reading_time.html +20 -20
  12. data/_includes/related-posts.html +35 -35
  13. data/_includes/social.html +7 -7
  14. data/_layouts/archive.html +14 -14
  15. data/_layouts/contact.html +16 -16
  16. data/_layouts/default.html +18 -19
  17. data/_layouts/home.html +45 -43
  18. data/_layouts/page.html +5 -5
  19. data/_layouts/post.html +45 -45
  20. data/_sass/archive.scss +9 -9
  21. data/_sass/base.scss +127 -126
  22. data/_sass/contact.scss +49 -49
  23. data/_sass/footer.scss +23 -23
  24. data/_sass/header.scss +103 -71
  25. data/_sass/home.scss +36 -36
  26. data/_sass/mobile.scss +50 -51
  27. data/_sass/paginator.scss +35 -35
  28. data/_sass/post.scss +78 -77
  29. data/_sass/related-posts.scss +22 -22
  30. data/_sass/scrollbar.scss +16 -16
  31. data/_sass/typography.scss +40 -40
  32. data/assets/css/main.css +1 -0
  33. data/assets/css/main.scss +4 -4
  34. data/assets/css/syntax.css +1 -0
  35. data/assets/css/syntax.scss +257 -257
  36. data/assets/img/logo.jpg +0 -0
  37. data/assets/img/oranges.jpg +0 -0
  38. data/assets/img/screenshots/Screenshot.png +0 -0
  39. data/assets/img/screenshots/Screenshot_code_highlight.png +0 -0
  40. data/assets/img/screenshots/Screenshot_minimal.png +0 -0
  41. data/assets/img/screenshots/Screenshot_mobile.png +0 -0
  42. metadata +9 -4
  43. data/assets/img/rotation.gif +0 -0
  44. data/assets/img/rotation.jpg +0 -0
data/_sass/contact.scss CHANGED
@@ -1,49 +1,49 @@
1
- .form-input{
2
- font-family: 'PT Serif', serif;
3
- font-size: 1rem;
4
-
5
- width: 100%;
6
- padding: 10px 0;
7
- background: none;
8
- border: none;
9
- border-bottom: 1px solid #666;
10
- color: #ddd;
11
- font-size: 14px;
12
- text-transform: uppercase;
13
- outline: none;
14
- transition: border-color .2s;
15
- margin-top: 15px;
16
- }
17
-
18
- .form-input::placeholder{
19
- color: #666;
20
- }
21
-
22
- .form-input:focus{
23
- color: #ddd;
24
- }
25
-
26
- .form-button {
27
- background: none;
28
- text-transform: uppercase;
29
- font-size: 1rem;
30
- cursor: pointer;
31
- outline: none;
32
- margin-top: 10px;
33
- border: black 1px solid;
34
- padding: 10px;
35
- border-radius: 10px;
36
- font-family: 'PT Serif', serif;
37
- }
38
- .form-button:hover{
39
- background-color: $light-grey;
40
- }
41
- .success{
42
- a{
43
- text-decoration:none;
44
- border-bottom: 2px solid $light-grey;
45
- box-shadow: inset 0 -4px 0 $light-grey;
46
- color: inherit;
47
- transition: background 0.1s cubic-bezier(.33,.66,.66,1);
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
- a{
22
- text-decoration: none;
23
- text-align: center;
24
- color: black;
25
- }
26
- }
27
- #subheader{
28
- display: block;
29
- .pages{
30
- display: block;
31
- float: left;
32
- a:hover{
33
- color: black;
34
- }
35
- a{
36
- text-decoration: none;
37
- color: $base;
38
- font-family: 'PT Serif', serif;
39
- margin-right: 3px;
40
- font-size: 1.05rem;
41
- }
42
- }
43
- .social{
44
- display: block;
45
- float: right;
46
- i{
47
- margin-right: 3px;
48
- }
49
- a{
50
- color: $base;
51
- }
52
- i{
53
- font-size: 1.1rem;
54
- }
55
- #github:hover{
56
- color: $github;
57
- }
58
- #twitter:hover{
59
- color: $twitter;
60
- }
61
- #linkedin:hover{
62
- color: $linkedin;
63
- }
64
- #rss:hover{
65
- color: $rss;
66
- }
67
- #envelope:hover{
68
- color: $mail;
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
- #post-title{
12
- text-align: center;
13
- }
14
- #subheader{
15
- display: flex;
16
- flex-flow: column wrap;
17
- align-items: center;
18
- .pages{
19
- margin-top: 12px;
20
- order: 2;
21
- text-align: center;
22
- a{
23
- font-size: 1.15rem;
24
- }
25
- }
26
- .social{
27
- order: 1;
28
- i{
29
- font-size: 1.3rem;
30
- }
31
- }
32
- }
33
-
34
-
35
- p{
36
- font-size: 1.2rem;
37
- }
38
- .post-info{
39
- text-align: center;
40
- }
41
- ::-webkit-scrollbar {
42
- height: 3px;
43
- }
44
- div .highlight{
45
- padding-left: 8px;
46
- padding-right: 0px;
47
- }
48
- pre .highlight{
49
- padding-left: 8px;
50
- padding-right: 0px;
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
  }