jekyll-yamt 1.0.1 → 1.0.2

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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: daebf52bf91960f78ee136c43af72a0c6dcec48c0bdbdbcbe42c47d2cae0a484
4
- data.tar.gz: a43139cb9a03ca64ec6bec39962438aff45d3b460987792ef8f9861475c44a3b
3
+ metadata.gz: 85d38c7aca0601b0340e8426da72a9204c83494fbd095340d01dfd0f1005a8c4
4
+ data.tar.gz: a311a70ce159bbf74cc28aa3eccd810afa43017839e3fd77c18d88bc66487e5b
5
5
  SHA512:
6
- metadata.gz: 5aa53a5426197002c3c74de6b33a49ae06fc94ba3c7509811e7e188951820c6ddfd30e1269428afa4216cf4a9be13f67ee0348cbdc6f18c5ee986f2633a5842a
7
- data.tar.gz: bd7e01be24246041252ad0f41fd02374ad1d8c53546e16975b2a92e136e771d83732ebdb9dca18d018952ffe134a2d0a6bbe869ded1834627f2f50c5059ea64e
6
+ metadata.gz: fb8a124b52aa8e9db56e88176db1b1c48e7ee294f8b6ee6232d6e50e77d1f82fff683d503d16063880e8820e8cdd91bd81f975e6b95a1beb31234579bc444301
7
+ data.tar.gz: 840a28fc3db7935d54880b426b341f4e40db6a87536a8c0b1b2aff72ef823aa37a7f6971813566fa0c6382c916913f1cf743793677198d0ce2bcc56908963b52
data/README.md CHANGED
@@ -29,6 +29,7 @@ YAMT is a minimal [Jekyll](http://jekyllrb.com) theme focused on simplicity and
29
29
  - Minimal and clean design.
30
30
  - Fully modular: activate and load only what you really need.
31
31
  - Works great on mobile and smaller screens.
32
+ - Works on Github Pages.
32
33
  - Supports [Disqus](https://disqus.com/) comments activated only on button press, if you activate them.
33
34
  - [Google Analytics](https://www.google.com/analytics/) support.
34
35
  - [Open Graph](https://ogp.me/) and [Twitter Cards](https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/getting-started) support to better index the website content on search engines and social networks.
@@ -1,3 +1,3 @@
1
- <footer class= "footer">
2
- <p>Copyright© {{site.author.name}} 2020. All right reserved. Theme designed by <a href="https://alessiofranceschi.me/">Alessio Franceschi</a>.</p>
1
+ <footer class= "footer">
2
+ <p>Copyright© {{site.author.name}} 2020. All right reserved. Theme designed by <a href="https://alessiofranceschi.me/">Alessio Franceschi</a>.</p>
3
3
  </footer>
@@ -0,0 +1,4 @@
1
+ <video autoplay loop muted playsinline>
2
+ <source src="{{/assets/gif/{{include.file}}.webm | relative_url }}" type="video/webm">
3
+ <source src="{{/assets/gif/{{include.file}}.mp4 | relative_url }}" type="video/mp4">
4
+ </video>
@@ -25,7 +25,7 @@
25
25
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css">
26
26
 
27
27
  <!-- Fonts -->
28
- <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=PT+Serif&display=swap" rel="stylesheet">
28
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=PT+Serif&display=swap">
29
29
 
30
30
  <!-- SEO Plugin -->
31
31
  {% seo %}
@@ -17,9 +17,14 @@ title: Home
17
17
  </div>
18
18
  {% endif %}
19
19
 
20
- {% if post.image and site.data.settings.featured-img.active%}
20
+ {% if site.data.settings.featured-img.active %}
21
21
  <div class = "featured-img-container">
22
+ {% if post.image %}
22
23
  <a href="{{ post.url | relative_url }}"><img src="{{ post.image | relative_url }}"/></a>
24
+ {% endif %}
25
+ {% if post.gif %}
26
+ {% include gif.html file = post.gif %}
27
+ {% endif %}
23
28
  </div>
24
29
  {% endif %}
25
30
 
@@ -1,104 +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
- 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
+ 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
+ }
104
104
  }
@@ -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
  }
@@ -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
- }
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
51
  }
@@ -1,78 +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
- 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
-
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
+
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-yamt
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.1
4
+ version: 1.0.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - PandaSekh
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2020-05-25 00:00:00.000000000 Z
11
+ date: 2020-06-01 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -121,6 +121,7 @@ files:
121
121
  - _includes/categories.html
122
122
  - _includes/disqus.html
123
123
  - _includes/footer.html
124
+ - _includes/gif.html
124
125
  - _includes/head.html
125
126
  - _includes/header.html
126
127
  - _includes/pages.html