materialize-jekyll 1.5.0 → 1.5.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/minutes-to-read.html +2 -2
- data/_includes/share.html +1 -1
- data/_layouts/home.html +11 -7
- data/_layouts/post.html +1 -1
- data/_sass/_cards.scss +33 -18
- data/_sass/_syntax.scss +1 -1
- data/_sass/_tags.scss +4 -0
- data/assets/css/main.scss +20 -7
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 3213fb102913d6c36331c2305dec54fb21f299917daa1d552e167dac9fbdbc4b
|
4
|
+
data.tar.gz: 5a087d7739cae4c6ca6ae9eac55a4d585de29714344b2686421076f5cd41836a
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 3d47115f8426d63150e44bfa6163c9c0376a5ac104fc885dd1bb20d4379c8d9f70a859f9b138ae9fa95b0217509f4b9e48450eb633b1397a7c20aa215a24e2d8
|
7
|
+
data.tar.gz: 6f28f79835e79da8f5427a42a854b59f9f37c933ed01f4a5987027402ea6e2e229ea99fc2e12b387bba06231971716bcd854fad95dab8d867636ef25f9c48973
|
@@ -1,7 +1,7 @@
|
|
1
1
|
{% assign words = content | number_of_words %}
|
2
2
|
|
3
3
|
{% if words < 360 %}
|
4
|
-
{% assign minutesText = '1 min
|
4
|
+
{% assign minutesText = '1 min.' %}
|
5
5
|
{% else %}
|
6
|
-
{% assign minutesText = words | divided_by:180 | append: ' mins
|
6
|
+
{% assign minutesText = words | divided_by:180 | append: ' mins.' %}
|
7
7
|
{% endif %}
|
data/_includes/share.html
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
<section class="row share">
|
2
2
|
<div class="col s12 valign-wrapper center-align">
|
3
3
|
<div class="col s10 offset-s1">
|
4
|
-
<p class="share-header">
|
4
|
+
<p class="share-header">{{ page.share_text }}</p>
|
5
5
|
<a href="https://www.facebook.com/sharer/sharer.php?u={{ site.url }}{{ site.baseurl }}{{ page.url }}" class="btn-floating btn-large waves-effect waves-light fb-color" onclick="window.open(this.href, 'facebook-share','width=580,height=296');return false;" title="Compartilhar no Facebook">
|
6
6
|
<div class="fb-btn btn-white ">
|
7
7
|
</div>
|
data/_layouts/home.html
CHANGED
@@ -8,11 +8,13 @@ layout: default
|
|
8
8
|
<div id="masonry-grid" class="row">
|
9
9
|
{% for post in site.posts %}
|
10
10
|
<div class="col s12 m6 l4 card-wrapper">
|
11
|
-
<div class="card hoverable">
|
11
|
+
<div class="card card-hoverable">
|
12
12
|
{% if post.image %}
|
13
|
-
<
|
14
|
-
<
|
15
|
-
|
13
|
+
<a class="post-link" href="{{ post.url | prepend: site.baseurl }}">
|
14
|
+
<div class="card-image">
|
15
|
+
<img src="{{ post.image }}">
|
16
|
+
</div>
|
17
|
+
</a>
|
16
18
|
|
17
19
|
<div class="btn-menu" style="padding:0px">
|
18
20
|
<div class="fixed-action-btn horizontal click-to-toggle" style="position:relative; float:right; bottom:30px; right:10px; z-index: 1">
|
@@ -36,10 +38,12 @@ layout: default
|
|
36
38
|
|
37
39
|
{% endif %}
|
38
40
|
<div class="card-content">
|
39
|
-
<span class="grey-text text-lighten-1">{% include date.html date=post.date %}</span>
|
40
|
-
<a class="post-link" href="{{ post.url | prepend: site.baseurl }}"><span class="flow-text card-title"><b>{{ post.title }}</b></span></a>
|
41
41
|
<a class="post-link" href="{{ post.url | prepend: site.baseurl }}">
|
42
|
-
<
|
42
|
+
<div>
|
43
|
+
<span class="grey-text text-lighten-1">{% include date.html date=post.date %}</span>
|
44
|
+
<span class="flow-text card-title"><b>{{ post.title }}</b></span>
|
45
|
+
<p class="post-description">{{ post.description }}</p>
|
46
|
+
</div>
|
43
47
|
</a>
|
44
48
|
<br>
|
45
49
|
<div class="tags">
|
data/_layouts/post.html
CHANGED
@@ -12,7 +12,7 @@ layout: default
|
|
12
12
|
<h2 class="post-title col s12 center-align">{{ page.title }}</h2>
|
13
13
|
<div class="col s12">
|
14
14
|
<div class="grey-text text-lighten-1 center-align valign post-specs">
|
15
|
-
<i class="material-icons">today </i> {% include date.html date=page.date %} — <i class="material-icons">access_time </i> {{ minutesText }}
|
15
|
+
<i class="material-icons">today </i> {% include date.html date=page.date %} — <i class="material-icons">access_time </i> {{ minutesText }} {{ page.reading_time }}
|
16
16
|
</div>
|
17
17
|
</div>
|
18
18
|
<p class="flow-text grey-text text-lighten-1 col s12">{{ page.introduction }}</p>
|
data/_sass/_cards.scss
CHANGED
@@ -2,40 +2,55 @@
|
|
2
2
|
color: rgba(0, 0, 0, 0.87);
|
3
3
|
}
|
4
4
|
|
5
|
-
.hoverable {
|
6
|
-
|
5
|
+
.card-hoverable {
|
6
|
+
position: relative; /* For positioning the pseudo-element */
|
7
|
+
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
|
8
|
+
|
9
|
+
.post-link-hidden {
|
10
|
+
position: absolute;
|
11
|
+
top: 0;
|
12
|
+
left: 0;
|
13
|
+
width: 100%;
|
14
|
+
height: 100%;
|
15
|
+
}
|
7
16
|
}
|
8
17
|
|
9
|
-
.hoverable
|
10
|
-
|
11
|
-
|
18
|
+
.card-hoverable::before {
|
19
|
+
/* Position the pseudo-element. */
|
20
|
+
content: ' ';
|
21
|
+
position: absolute;
|
22
|
+
top: 0;
|
23
|
+
right: 0;
|
24
|
+
bottom: 0;
|
25
|
+
left: 0;
|
26
|
+
|
27
|
+
/* Create the box shadow at expanded size. */
|
28
|
+
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.5);
|
29
|
+
|
30
|
+
/* Hidden by default. */
|
31
|
+
opacity: 0;
|
32
|
+
transition: opacity 500ms;
|
12
33
|
}
|
13
34
|
|
14
|
-
.hoverable:hover
|
15
|
-
-
|
16
|
-
|
35
|
+
.card-hoverable:hover::before {
|
36
|
+
/* Show the pseudo-element on hover. */
|
37
|
+
cursor: pointer;
|
38
|
+
opacity: 1;
|
17
39
|
}
|
18
40
|
|
19
|
-
.
|
20
|
-
-
|
21
|
-
transition: 0.4s ease;
|
41
|
+
.btn-floating {
|
42
|
+
background-color: var(--secondary-color);
|
22
43
|
}
|
23
44
|
|
24
|
-
.btn-floating {
|
25
|
-
background-color: var(--secondary-color);
|
26
|
-
}
|
27
45
|
.nested-btn {
|
28
46
|
width: 36px !important;
|
29
47
|
height: 22px !important;
|
30
48
|
margin-top: 8px;
|
31
49
|
}
|
32
50
|
|
33
|
-
.read-more {
|
34
|
-
color: $mainColor !important;
|
35
|
-
}
|
36
|
-
|
37
51
|
a.post-link {
|
38
52
|
text-decoration: none;
|
53
|
+
position: relative;
|
39
54
|
}
|
40
55
|
|
41
56
|
.card-content {
|
data/_sass/_syntax.scss
CHANGED
data/_sass/_tags.scss
CHANGED
data/assets/css/main.scss
CHANGED
@@ -26,15 +26,24 @@ nav {
|
|
26
26
|
|
27
27
|
#theme-toggle {
|
28
28
|
&.dark {
|
29
|
-
background-color:
|
29
|
+
background-color: #fff;
|
30
30
|
mask: url(../img/icons/sun.svg) no-repeat;
|
31
31
|
-webkit-mask: url(../img/icons/sun.svg) no-repeat;
|
32
|
+
|
33
|
+
&:hover {
|
34
|
+
background-color: #212121;
|
35
|
+
}
|
32
36
|
}
|
37
|
+
|
33
38
|
&.light {
|
34
|
-
background-color: #
|
39
|
+
background-color: #000;
|
35
40
|
mask: url(../img/icons/moon.svg) no-repeat;
|
36
41
|
-webkit-mask: url(../img/icons/moon.svg) no-repeat;
|
42
|
+
&:hover {
|
43
|
+
background-color: #9e9e9e;
|
44
|
+
}
|
37
45
|
}
|
46
|
+
cursor: pointer;
|
38
47
|
right: 30px;
|
39
48
|
top: 75px;
|
40
49
|
position: absolute;
|
@@ -100,9 +109,13 @@ p {
|
|
100
109
|
}
|
101
110
|
|
102
111
|
@media screen and (max-width : 1250px ){
|
103
|
-
|
104
|
-
|
105
|
-
|
112
|
+
.blog-posts {
|
113
|
+
width: 98%;
|
114
|
+
}
|
115
|
+
|
116
|
+
#theme-toggle {
|
117
|
+
z-index: 1;
|
118
|
+
}
|
106
119
|
}
|
107
120
|
|
108
121
|
@media screen and (max-width : 768px ){
|
@@ -192,6 +205,6 @@ html,
|
|
192
205
|
html *,
|
193
206
|
html *:before,
|
194
207
|
html *:after {
|
195
|
-
transition: color 1s
|
196
|
-
transition: background-color 1s
|
208
|
+
transition: color 1s;
|
209
|
+
transition: background-color 1s;
|
197
210
|
}
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: materialize-jekyll
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 1.5.
|
4
|
+
version: 1.5.1
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Victor Presumido
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2020-05-
|
11
|
+
date: 2020-05-25 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|