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/paginator.scss CHANGED
@@ -1,36 +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
- }
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
36
  }
data/_sass/post.scss CHANGED
@@ -1,77 +1,78 @@
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
-
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
+ margin-bottom: 15px;
17
+ max-width: 100%;
18
+ -webkit-border-radius: 7px;
19
+ -moz-border-radius: 7px;
20
+ -khtml-border-radius: 7px;
21
+ border-radius: 7px;
22
+ }
23
+
24
+ .post-container{
25
+ p, li{
26
+ a{
27
+ text-decoration:none;
28
+ border-bottom: 2px solid $light-grey;
29
+ box-shadow: inset 0 -4px 0 $light-grey;
30
+ color: inherit;
31
+ transition: background 0.1s cubic-bezier(.33,.66,.66,1);
32
+ }
33
+ a:visited{
34
+ text-decoration:none;
35
+ border-bottom: 2px solid $light-grey;
36
+ box-shadow: inset 0 -4px 0 $light-grey;
37
+ color: inherit;
38
+ transition: background 0.1s cubic-bezier(.33,.66,.66,1);
39
+ }
40
+ a:hover{
41
+ background: $light-grey;
42
+ }
43
+ }
44
+
45
+ }
46
+
47
+ .categories{
48
+ p{
49
+ display: inline-block;
50
+ }
51
+ a{
52
+ text-decoration:none;
53
+ border-bottom: 2px solid $light-grey;
54
+ box-shadow: inset 0 -4px 0 $light-grey;
55
+ color: inherit;
56
+ transition: background 0.1s cubic-bezier(.33,.66,.66,1);
57
+ }
58
+ a:visited{
59
+ text-decoration:none;
60
+ border-bottom: 2px solid $light-grey;
61
+ box-shadow: inset 0 -4px 0 $light-grey;
62
+ color: inherit;
63
+ transition: background 0.1s cubic-bezier(.33,.66,.66,1);
64
+ }
65
+ a:hover{
66
+ background: $light-grey;
67
+ }
68
+ }
69
+
70
+ article::after{
71
+ display: block;
72
+ content: '';
73
+ width: 5rem;
74
+ height: 1px;
75
+ margin: 30px auto;
76
+ background-color: #d5d5d5;
77
+ }
78
+
data/_sass/related-posts.scss CHANGED
@@ -1,22 +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
- }
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
+ }
data/_sass/scrollbar.scss CHANGED
@@ -1,17 +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;
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
17
  }
data/_sass/typography.scss CHANGED
@@ -1,41 +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;
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
41
  }
data/assets/css/main.css ADDED
@@ -0,0 +1 @@
1
+ *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{scroll-behavior:smooth}.container{margin-left:auto;margin-right:auto;width:700px}.task-list{list-style:none}#load-comments{border:1px solid #e0e0e0;border-radius:3px;padding:15px 35px;margin-left:auto;margin-right:auto;overflow:hidden;text-align:center;max-width:fit-content;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#a2a2a2}#load-comments:hover{cursor:pointer;color:black;background-color:#ebebeb}.alert{padding:20px;border-radius:0 4px 4px 0;color:#fff;display:block;font-size:larger;font-family:'Montserrat', sans-serif}.y{background-color:#f3b244;border-left:7px solid #dc900e}.g{background-color:#60c17d;border-left:7px solid #55ab6f}.r{background-color:#e45454;border-left:7px solid #cb2020}blockquote{border-left:.25em solid #dfe2e5;color:#6a737d;padding:0 1em}blockquote cite{display:inline-block;margin-top:50px}blockquote cite cite::before{content:"- ";margin-left:10px}.MathJax_Display .MathJax{font-size:1.2rem}#markdown-toc::before{content:"Contents";font-size:1.1rem;font-family:'Montserrat', sans-serif;font-weight:bold}#markdown-toc ul{list-style:disc}#markdown-toc{border:1px solid #aaa;border-radius:10px;padding:1.5em;list-style:disc;display:inline-block;background-color:#ebebeb;line-height:25px}#markdown-toc li a{font-family:'PT Serif', serif;text-decoration:none}#markdown-toc li a:hover{font-style:italic}.lazy{padding-bottom:calc(height/width * 100%)}h1,h2,h3,h4,h5,h6{font-family:'Montserrat', sans-serif;margin-bottom:10px;text-decoration:none;color:black}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:none;color:black;font-family:'Montserrat', sans-serif}p,ul,ol{font-family:'PT Serif', serif}p li,ul li,ol li{font-family:'PT Serif', serif;font-size:1.15rem}h2{margin-bottom:0px}h3{font-size:1.4rem}h4{font-size:1.3rem}h5{font-size:1.2rem}p{font-size:1.15rem}a{font-family:'PT Serif', serif}header{margin-left:auto;margin-right:auto;width:550px;overflow:hidden}header #site_title{text-align:center;color:black}header #site_title a{text-decoration:none}header #site_title h1{margin-bottom:0px}header #site_title h2{margin-top:0px;font-style:oblique;font-size:1.2rem}header #subheader{display:block;margin-top:15px}header #subheader .pages{display:block;float:left}header #subheader .pages a:hover{color:black}header #subheader .pages a{text-decoration:none;color:#a2a2a2;font-family:'PT Serif', serif;margin-right:3px;font-size:1.05rem}header #subheader .social{display:block;float:right}header #subheader .social i{margin-right:3px;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}header #subheader .social a{color:#a2a2a2}header #subheader .social i{font-size:1.1rem}header #subheader .social #github:hover{color:#24292e}header #subheader .social #twitter:hover{color:#1DA1F2}header #subheader .social #linkedin:hover{color:#0e76a8}header #subheader .social #rss:hover{color:#f26522}header #subheader .social #envelope:hover{color:#5d5c5d}li.post{display:block;padding-top:1rem}.post{padding-bottom:1rem}img{display:block;margin-left:auto;margin-right:auto;margin-bottom:15px;max-width:100%;-webkit-border-radius:7px;-moz-border-radius:7px;-khtml-border-radius:7px;border-radius:7px}.post-container p a,.post-container li a{text-decoration:none;border-bottom:2px solid #ebebeb;box-shadow:inset 0 -4px 0 #ebebeb;color:inherit;transition:background 0.1s cubic-bezier(0.33, 0.66, 0.66, 1)}.post-container p a:visited,.post-container li a:visited{text-decoration:none;border-bottom:2px solid #ebebeb;box-shadow:inset 0 -4px 0 #ebebeb;color:inherit;transition:background 0.1s cubic-bezier(0.33, 0.66, 0.66, 1)}.post-container p a:hover,.post-container li a:hover{background:#ebebeb}.categories p{display:inline-block}.categories a{text-decoration:none;border-bottom:2px solid #ebebeb;box-shadow:inset 0 -4px 0 #ebebeb;color:inherit;transition:background 0.1s cubic-bezier(0.33, 0.66, 0.66, 1)}.categories a:visited{text-decoration:none;border-bottom:2px solid #ebebeb;box-shadow:inset 0 -4px 0 #ebebeb;color:inherit;transition:background 0.1s cubic-bezier(0.33, 0.66, 0.66, 1)}.categories a:hover{background:#ebebeb}article::after{display:block;content:'';width:5rem;height:1px;margin:30px auto;background-color:#d5d5d5}.featured-img-container{margin-block-start:1em;margin-block-end:1em}.featured-img-container img{max-width:100%;height:auto;max-height:450px;-webkit-border-radius:7px;-moz-border-radius:7px;-khtml-border-radius:7px;border-radius:7px}.continue-reading a{color:#a2a2a2;text-decoration:none;font-style:italic;font-size:0.96rem}.continue-reading a:hover{color:black}.post-info{font-size:1rem;color:#a2a2a2;font-family:'PT Serif', serif}.footer p{text-align:center;font-size:0.85rem}.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}.footer a:visited{color:#a2a2a2}.footer::before{display:block;content:'';width:5rem;height:1px;margin:23px auto;background-color:#d5d5d5}.paginator{display:flex;margin-left:auto;margin-right:auto;justify-content:space-around}.paginator .older{text-align:left;-webkit-box-flex:1}.paginator .newer{text-align:right;-webkit-box-flex:1}.paginator a{text-decoration:none;color:#a2a2a2}.paginator a:hover{color:black}.paginator .paginate-button{border:1px solid #e0e0e0;border-radius:3px;padding:15px 35px;display:inline-block;font-size:16px}.paginator .paginate-button:hover{background-color:#ebebeb}.archive-link{text-decoration:none;color:black;font-style:italic;font-size:1.5rem}.archive-link:hover{text-decoration:underline}::-webkit-scrollbar{width:7px;height:7px;border:1px solid #d5d5d5;padding-top:5px;border-radius:30px}::-webkit-scrollbar-track{border-radius:30px;background:#eeeeee}::-webkit-scrollbar-thumb{border-radius:30px;background:#b0b0b0}.form-input{font-family:'PT Serif', serif;font-size:1rem;width:100%;padding:10px 0;background:none;border:none;border-bottom:1px solid #666;color:#ddd;font-size:14px;text-transform:uppercase;outline:none;transition:border-color .2s;margin-top:15px}.form-input::placeholder{color:#666}.form-input:focus{color:#ddd}.form-button{background:none;text-transform:uppercase;font-size:1rem;cursor:pointer;outline:none;margin-top:10px;border:black 1px solid;padding:10px;border-radius:10px;font-family:'PT Serif', serif}.form-button:hover{background-color:#ebebeb}.success a{text-decoration:none;border-bottom:2px solid #ebebeb;box-shadow:inset 0 -4px 0 #ebebeb;color:inherit;transition:background 0.1s cubic-bezier(0.33, 0.66, 0.66, 1)}.related{padding-top:10px;padding-bottom:15px;margin:0 auto}.related h4{font-style:italic;text-decoration:underline}.related h5{margin-top:0px;text-align:left;font-size:1rem}.related .related-posts{opacity:0.8;margin-right:25px}.related .related-posts:hover{opacity:1;font-style:italic}@media (max-width: 768px){html{overflow-y:auto}.container{width:80vw}#header{width:80vw}#header #subheader{display:flex;flex-flow:column wrap;align-items:center}#header #subheader .pages{margin-top:12px;order:2;text-align:center}#header #subheader .pages a{font-size:1.15rem}#header #subheader .social{order:1}#header #subheader .social i{font-size:1.3rem}#post-title{text-align:center}p{font-size:1.2rem}.post-info{text-align:center}::-webkit-scrollbar{height:3px}div .highlight{padding-left:8px;padding-right:0px}pre .highlight{padding-left:8px;padding-right:0px}}
data/assets/css/main.scss CHANGED
@@ -1,4 +1,4 @@
1
- ---
2
- ---
3
-
4
- @import "base", "typography", "header", "post", "home", "footer", "paginator", "archive", "scrollbar", "contact", "mobile", "related-posts";
1
+ ---
2
+ ---
3
+
4
+ @import "base", "typography", "header", "post", "home", "footer", "paginator", "archive", "scrollbar", "contact", "related-posts", "mobile";
data/assets/css/syntax.css ADDED
@@ -0,0 +1 @@
1
+ pre{overflow-x:auto}.highlight{font-size:16px;border-radius:5px;padding-left:10px;padding-right:10px;padding-top:1px;padding-bottom:1px}pre.lineo{color:white}.highlight table td{padding:5px}.highlight table pre{margin:0}.highlight .c,.highlight .ch,.highlight .cd,.highlight .cpf{color:#75715e;font-style:italic}.highlight .cm{color:#75715e;font-style:italic}.highlight .c1{color:#75715e;font-style:italic}.highlight .cp{color:#75715e;font-weight:bold}.highlight .cs{color:#75715e;font-weight:bold;font-style:italic}.highlight .err{color:#960050;background-color:#1e0010}.highlight .gi{color:#ffffff;background-color:#324932}.highlight .gd{color:#ffffff;background-color:#493131}.highlight .ge{color:#ffffff;font-style:italic}.highlight .gr{color:#aa0000}.highlight .gt{color:#aa0000}.highlight .gh{color:#999999}.highlight .go{color:#888888}.highlight .gp{color:#555555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaaaaa}.highlight .k,.highlight .kv{color:#66d9ef;font-weight:bold}.highlight .kc{color:#66d9ef;font-weight:bold}.highlight .kd{color:#66d9ef;font-weight:bold}.highlight .kp{color:#66d9ef;font-weight:bold}.highlight .kr{color:#66d9ef;font-weight:bold}.highlight .kt{color:#66d9ef;font-weight:bold}.highlight .kn{color:#f92672;font-weight:bold}.highlight .ow{color:#f92672;font-weight:bold}.highlight .o{color:#f92672;font-weight:bold}.highlight .mf{color:#ae81ff}.highlight .mh{color:#ae81ff}.highlight .il{color:#ae81ff}.highlight .mi{color:#ae81ff}.highlight .mo{color:#ae81ff}.highlight .m,.highlight .mb,.highlight .mx{color:#ae81ff}.highlight .se{color:#ae81ff}.highlight .sb{color:#e6db74}.highlight .sc{color:#e6db74}.highlight .sd{color:#e6db74}.highlight .s2{color:#e6db74}.highlight .sh{color:#e6db74}.highlight .si{color:#e6db74}.highlight .sx{color:#e6db74}.highlight .sr{color:#e6db74}.highlight .s1{color:#e6db74}.highlight .ss{color:#e6db74}.highlight .s,.highlight .sa,.highlight .dl{color:#e6db74}.highlight .na{color:#a6e22e}.highlight .nc{color:#a6e22e;font-weight:bold}.highlight .nd{color:#a6e22e;font-weight:bold}.highlight .ne{color:#a6e22e;font-weight:bold}.highlight .nf,.highlight .fm{color:#a6e22e;font-weight:bold}.highlight .no{color:#66d9ef}.highlight .bp{color:#f8f8f2}.highlight .nb{color:#f8f8f2}.highlight .ni{color:#f8f8f2}.highlight .nn{color:#f8f8f2}.highlight .vc{color:#f8f8f2}.highlight .vg{color:#f8f8f2}.highlight .vi{color:#f8f8f2}.highlight .nv,.highlight .vm{color:#f8f8f2}.highlight .w{color:#f8f8f2}.highlight .nl{color:#f8f8f2;font-weight:bold}.highlight .nt{color:#f92672}.highlight{color:#f8f8f2;background-color:#49483e}figure.highlight{position:relative}figure.highlight pre code[data-lang]::before,div.highlight pre code[data-lang]::before{content:attr(data-lang);text-transform:uppercase;position:absolute;color:#ebebeb;right:34px;top:-10px;padding-left:7.5px;padding-right:7.5px;border:1px solid #828282;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;min-width:40px;text-align:center;background-color:#49483e}
data/assets/css/syntax.scss CHANGED
@@ -1,258 +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;
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
258
  }