jekyll-yamt 1.0.1 → 1.0.2

Sign up to get free protection for your applications and to get access to all the features.
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