jekyll-yamt 0.1.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.
data/_sass/header.scss ADDED
@@ -0,0 +1,72 @@
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
+ }
72
+ }
data/_sass/home.scss ADDED
@@ -0,0 +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;
37
+ }
data/_sass/mobile.scss ADDED
@@ -0,0 +1,52 @@
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
+ }
52
+ }
@@ -0,0 +1,36 @@
1
+ .paginator{
2
+ display: flex;
3
+ margin-left: auto;
4
+ margin-right: auto;
5
+ justify-content: space-around;
6
+
7
+ .older{
8
+ text-align: left;
9
+ -webkit-box-flex: 1;
10
+ }
11
+
12
+ .newer{
13
+ text-align: right;
14
+ -webkit-box-flex: 1;
15
+ }
16
+
17
+ a{
18
+ text-decoration: none;
19
+ color: $base;
20
+ }
21
+
22
+ a:hover{
23
+ color: black;
24
+ }
25
+
26
+ .paginate-button{
27
+ border: 1px solid #e0e0e0;
28
+ border-radius: 3px;
29
+ padding: 15px 35px;
30
+ display: inline-block;
31
+ font-size: 16px;
32
+ }
33
+ .paginate-button:hover{
34
+ background-color: $light-grey;
35
+ }
36
+ }
data/_sass/post.scss ADDED
@@ -0,0 +1,77 @@
1
+ li.post{
2
+ display: block;
3
+ padding-top: 1rem;
4
+ }
5
+
6
+ .post{
7
+ padding-bottom: 1rem;
8
+ }
9
+
10
+
11
+
12
+ img{
13
+ display: block;
14
+ margin-left: auto;
15
+ margin-right: auto;
16
+ max-width: 100%;
17
+ -webkit-border-radius: 7px;
18
+ -moz-border-radius: 7px;
19
+ -khtml-border-radius: 7px;
20
+ border-radius: 7px;
21
+ }
22
+
23
+ .post-container{
24
+ p, li{
25
+ a{
26
+ text-decoration:none;
27
+ border-bottom: 2px solid $light-grey;
28
+ box-shadow: inset 0 -4px 0 $light-grey;
29
+ color: inherit;
30
+ transition: background 0.1s cubic-bezier(.33,.66,.66,1);
31
+ }
32
+ a:visited{
33
+ text-decoration:none;
34
+ border-bottom: 2px solid $light-grey;
35
+ box-shadow: inset 0 -4px 0 $light-grey;
36
+ color: inherit;
37
+ transition: background 0.1s cubic-bezier(.33,.66,.66,1);
38
+ }
39
+ a:hover{
40
+ background: $light-grey;
41
+ }
42
+ }
43
+
44
+ }
45
+
46
+ .categories{
47
+ p{
48
+ display: inline-block;
49
+ }
50
+ a{
51
+ text-decoration:none;
52
+ border-bottom: 2px solid $light-grey;
53
+ box-shadow: inset 0 -4px 0 $light-grey;
54
+ color: inherit;
55
+ transition: background 0.1s cubic-bezier(.33,.66,.66,1);
56
+ }
57
+ a:visited{
58
+ text-decoration:none;
59
+ border-bottom: 2px solid $light-grey;
60
+ box-shadow: inset 0 -4px 0 $light-grey;
61
+ color: inherit;
62
+ transition: background 0.1s cubic-bezier(.33,.66,.66,1);
63
+ }
64
+ a:hover{
65
+ background: $light-grey;
66
+ }
67
+ }
68
+
69
+ article::after{
70
+ display: block;
71
+ content: '';
72
+ width: 5rem;
73
+ height: 1px;
74
+ margin: 30px auto;
75
+ background-color: #d5d5d5;
76
+ }
77
+
@@ -0,0 +1,22 @@
1
+ .related{
2
+ h4{
3
+ font-style: italic;
4
+ text-decoration: underline;
5
+ }
6
+ h5{
7
+ margin-top: 0px;
8
+ text-align: left;
9
+ font-size: 1rem;
10
+ }
11
+ .related-posts{
12
+ opacity: 0.8;
13
+ margin-right: 25px;
14
+ }
15
+ .related-posts:hover{
16
+ opacity: 1;
17
+ font-style: italic;
18
+ }
19
+ padding-top: 10px;
20
+ padding-bottom: 15px;
21
+ margin:0 auto;
22
+ }
@@ -0,0 +1,17 @@
1
+ ::-webkit-scrollbar {
2
+ width: 7px;
3
+ height: 7px;
4
+ border: 1px solid #d5d5d5;
5
+ padding-top: 5px;
6
+ border-radius: 30px;
7
+ }
8
+
9
+ ::-webkit-scrollbar-track {
10
+ border-radius: 30px;
11
+ background: #eeeeee;
12
+ }
13
+
14
+ ::-webkit-scrollbar-thumb {
15
+ border-radius: 30px;
16
+ background: #b0b0b0;
17
+ }
@@ -0,0 +1,41 @@
1
+ h1, h2, h3, h4, h5, h6{
2
+ font-family: 'Montserrat', sans-serif;
3
+ margin-bottom: 10px;
4
+ text-decoration: none;
5
+ color: black;
6
+ a{
7
+ text-decoration: none;
8
+ color: black;
9
+ font-family: 'Montserrat', sans-serif;
10
+ }
11
+ }
12
+
13
+ p, ul, ol{
14
+ font-family: 'PT Serif', serif;
15
+ li{
16
+ font-family: 'PT Serif', serif;
17
+ font-size: 1.15rem;
18
+ }
19
+ }
20
+
21
+ h2{
22
+ margin-bottom: 0px;
23
+ }
24
+
25
+ h3{
26
+ font-size: 1.4rem;
27
+ }
28
+ h4{
29
+ font-size: 1.3rem;
30
+ }
31
+ h5{
32
+ font-size: 1.2rem;
33
+ }
34
+
35
+ p{
36
+ font-size: 1.15rem;
37
+ }
38
+
39
+ a{
40
+ font-family: 'PT Serif', serif;
41
+ }
@@ -0,0 +1,4 @@
1
+ ---
2
+ ---
3
+
4
+ @import "base", "typography", "header", "post", "home", "footer", "paginator", "archive", "scrollbar", "contact", "mobile", "related-posts";
@@ -0,0 +1,258 @@
1
+ ---
2
+ ---
3
+
4
+ /* These two lines of CSS can't be used together, as they will break some elements. Uncomment the one you want to use and comment or delete the other one.
5
+ white-space: pre-wrap - returns on a new line every word outside of the code block. No horizontal scrollbar. This breaks the lines of code, if you show them. https://developer.mozilla.org/en-US/docs/Web/CSS/white-space
6
+ overflow-x: auto - The lines of code remain exactly the same as you typed. In case of overflow, it adds an horizontal scrollbar. This works with lines of code. https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-x
7
+ */
8
+ pre{
9
+ /* white-space: pre-wrap; */
10
+ overflow-x: auto;
11
+ }
12
+
13
+ .highlight{
14
+ font-size: 16px;
15
+ border-radius: 5px;
16
+ padding-left: 10px;
17
+ padding-right: 10px;
18
+ padding-top: 1px;
19
+ padding-bottom: 1px;
20
+ }
21
+
22
+ pre.lineo{
23
+ color: white;
24
+ }
25
+
26
+ .highlight table td { padding: 5px; }
27
+ .highlight table pre { margin: 0; }
28
+ .highlight .c, .highlight .ch, .highlight .cd, .highlight .cpf {
29
+ color: #75715e;
30
+ font-style: italic;
31
+ }
32
+ .highlight .cm {
33
+ color: #75715e;
34
+ font-style: italic;
35
+ }
36
+ .highlight .c1 {
37
+ color: #75715e;
38
+ font-style: italic;
39
+ }
40
+ .highlight .cp {
41
+ color: #75715e;
42
+ font-weight: bold;
43
+ }
44
+ .highlight .cs {
45
+ color: #75715e;
46
+ font-weight: bold;
47
+ font-style: italic;
48
+ }
49
+ .highlight .err {
50
+ color: #960050;
51
+ background-color: #1e0010;
52
+ }
53
+ .highlight .gi {
54
+ color: #ffffff;
55
+ background-color: #324932;
56
+ }
57
+ .highlight .gd {
58
+ color: #ffffff;
59
+ background-color: #493131;
60
+ }
61
+ .highlight .ge {
62
+ color: #ffffff;
63
+ font-style: italic;
64
+ }
65
+ .highlight .gr {
66
+ color: #aa0000;
67
+ }
68
+ .highlight .gt {
69
+ color: #aa0000;
70
+ }
71
+ .highlight .gh {
72
+ color: #999999;
73
+ }
74
+ .highlight .go {
75
+ color: #888888;
76
+ }
77
+ .highlight .gp {
78
+ color: #555555;
79
+ }
80
+ .highlight .gs {
81
+ font-weight: bold;
82
+ }
83
+ .highlight .gu {
84
+ color: #aaaaaa;
85
+ }
86
+ .highlight .k, .highlight .kv {
87
+ color: #66d9ef;
88
+ font-weight: bold;
89
+ }
90
+ .highlight .kc {
91
+ color: #66d9ef;
92
+ font-weight: bold;
93
+ }
94
+ .highlight .kd {
95
+ color: #66d9ef;
96
+ font-weight: bold;
97
+ }
98
+ .highlight .kp {
99
+ color: #66d9ef;
100
+ font-weight: bold;
101
+ }
102
+ .highlight .kr {
103
+ color: #66d9ef;
104
+ font-weight: bold;
105
+ }
106
+ .highlight .kt {
107
+ color: #66d9ef;
108
+ font-weight: bold;
109
+ }
110
+ .highlight .kn {
111
+ color: #f92672;
112
+ font-weight: bold;
113
+ }
114
+ .highlight .ow {
115
+ color: #f92672;
116
+ font-weight: bold;
117
+ }
118
+ .highlight .o {
119
+ color: #f92672;
120
+ font-weight: bold;
121
+ }
122
+ .highlight .mf {
123
+ color: #ae81ff;
124
+ }
125
+ .highlight .mh {
126
+ color: #ae81ff;
127
+ }
128
+ .highlight .il {
129
+ color: #ae81ff;
130
+ }
131
+ .highlight .mi {
132
+ color: #ae81ff;
133
+ }
134
+ .highlight .mo {
135
+ color: #ae81ff;
136
+ }
137
+ .highlight .m, .highlight .mb, .highlight .mx {
138
+ color: #ae81ff;
139
+ }
140
+ .highlight .se {
141
+ color: #ae81ff;
142
+ }
143
+ .highlight .sb {
144
+ color: #e6db74;
145
+ }
146
+ .highlight .sc {
147
+ color: #e6db74;
148
+ }
149
+ .highlight .sd {
150
+ color: #e6db74;
151
+ }
152
+ .highlight .s2 {
153
+ color: #e6db74;
154
+ }
155
+ .highlight .sh {
156
+ color: #e6db74;
157
+ }
158
+ .highlight .si {
159
+ color: #e6db74;
160
+ }
161
+ .highlight .sx {
162
+ color: #e6db74;
163
+ }
164
+ .highlight .sr {
165
+ color: #e6db74;
166
+ }
167
+ .highlight .s1 {
168
+ color: #e6db74;
169
+ }
170
+ .highlight .ss {
171
+ color: #e6db74;
172
+ }
173
+ .highlight .s, .highlight .sa, .highlight .dl {
174
+ color: #e6db74;
175
+ }
176
+ .highlight .na {
177
+ color: #a6e22e;
178
+ }
179
+ .highlight .nc {
180
+ color: #a6e22e;
181
+ font-weight: bold;
182
+ }
183
+ .highlight .nd {
184
+ color: #a6e22e;
185
+ font-weight: bold;
186
+ }
187
+ .highlight .ne {
188
+ color: #a6e22e;
189
+ font-weight: bold;
190
+ }
191
+ .highlight .nf, .highlight .fm {
192
+ color: #a6e22e;
193
+ font-weight: bold;
194
+ }
195
+ .highlight .no {
196
+ color: #66d9ef;
197
+ }
198
+ .highlight .bp {
199
+ color: #f8f8f2;
200
+ }
201
+ .highlight .nb {
202
+ color: #f8f8f2;
203
+ }
204
+ .highlight .ni {
205
+ color: #f8f8f2;
206
+ }
207
+ .highlight .nn {
208
+ color: #f8f8f2;
209
+ }
210
+ .highlight .vc {
211
+ color: #f8f8f2;
212
+ }
213
+ .highlight .vg {
214
+ color: #f8f8f2;
215
+ }
216
+ .highlight .vi {
217
+ color: #f8f8f2;
218
+ }
219
+ .highlight .nv, .highlight .vm {
220
+ color: #f8f8f2;
221
+ }
222
+ .highlight .w {
223
+ color: #f8f8f2;
224
+ }
225
+ .highlight .nl {
226
+ color: #f8f8f2;
227
+ font-weight: bold;
228
+ }
229
+ .highlight .nt {
230
+ color: #f92672;
231
+ }
232
+ .highlight {
233
+ color: #f8f8f2;
234
+ background-color: #49483e;
235
+ }
236
+
237
+ figure.highlight{
238
+ position: relative;
239
+ }
240
+
241
+ figure.highlight pre code[data-lang]::before, div.highlight pre code[data-lang]::before{
242
+ content: attr(data-lang);
243
+ text-transform: uppercase;
244
+ position: absolute;
245
+ color: #ebebeb;
246
+ right: 34px;
247
+ top: -10px;
248
+ padding-left: 7.5px;
249
+ padding-right: 7.5px;
250
+ border: 1px solid #828282;
251
+ border-top-left-radius: 5px;
252
+ border-top-right-radius: 5px;
253
+ border-bottom-left-radius: 5px;
254
+ border-bottom-right-radius: 5px;
255
+ min-width: 40px;
256
+ text-align: center;
257
+ background-color: #49483e;
258
+ }
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file