materialize-jekyll 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.
- checksums.yaml +7 -0
- data/LICENSE.txt +21 -0
- data/README.md +48 -0
- data/_includes/author.html +35 -0
- data/_includes/comments.html +39 -0
- data/_includes/date.html +4 -0
- data/_includes/footer.html +15 -0
- data/_includes/header.html +16 -0
- data/_includes/navbar.html +28 -0
- data/_includes/share.html +15 -0
- data/_layouts/compress.html +8 -0
- data/_layouts/default.html +13 -0
- data/_layouts/page.html +13 -0
- data/_layouts/post.html +23 -0
- data/_sass/.DS_Store +0 -0
- data/_sass/_syntax.scss +223 -0
- data/_sass/_tags.scss +48 -0
- data/_sass/author.scss +147 -0
- data/_sass/cards.scss +33 -0
- data/_sass/navbar.scss +19 -0
- data/_sass/post.scss +34 -0
- data/assets/.DS_Store +0 -0
- data/assets/css/.DS_Store +0 -0
- data/assets/css/main.scss +70 -0
- data/assets/img/.DS_Store +0 -0
- data/assets/img/icons/facebook.svg +42 -0
- data/assets/img/icons/github.svg +3 -0
- data/assets/img/icons/instagram.svg +38 -0
- data/assets/img/icons/linkedin.svg +10 -0
- data/assets/img/icons/twitter.svg +46 -0
- data/assets/js/init.js +44 -0
- data/assets/js/masonry.pkgd.min.js +9 -0
- metadata +131 -0
data/_sass/_tags.scss
ADDED
@@ -0,0 +1,48 @@
|
|
1
|
+
.tags-collection {
|
2
|
+
padding: 50px 25px 100px 25px;
|
3
|
+
}
|
4
|
+
|
5
|
+
.tagged-posts {
|
6
|
+
.tag-title {
|
7
|
+
font-weight: 200;
|
8
|
+
font-size: 40px;
|
9
|
+
padding-top: 80px;
|
10
|
+
}
|
11
|
+
|
12
|
+
li {
|
13
|
+
transition: 0.4s ease;
|
14
|
+
margin-bottom: 50px;
|
15
|
+
border-bottom: 1px solid #d7ccc8;
|
16
|
+
line-height: 50px;
|
17
|
+
}
|
18
|
+
|
19
|
+
li:hover{
|
20
|
+
border-bottom-color: #8d6e63;
|
21
|
+
}
|
22
|
+
|
23
|
+
.post-title {
|
24
|
+
font-size: 20px;
|
25
|
+
color: #d7ccc8;
|
26
|
+
font-weight: 300;
|
27
|
+
border-bottom: 5px;
|
28
|
+
.entry-date{
|
29
|
+
float: right;
|
30
|
+
}
|
31
|
+
}
|
32
|
+
.post-title:hover {
|
33
|
+
color: #8d6e63;
|
34
|
+
}
|
35
|
+
}
|
36
|
+
|
37
|
+
.chip {
|
38
|
+
color: #26a69a;
|
39
|
+
background: white;
|
40
|
+
border: #26a69a solid 1px;
|
41
|
+
}
|
42
|
+
|
43
|
+
.chip:hover {
|
44
|
+
background: #26a69a;
|
45
|
+
color: #fff;
|
46
|
+
border: #e4e4e4 solid 1px;
|
47
|
+
}
|
48
|
+
|
data/_sass/author.scss
ADDED
@@ -0,0 +1,147 @@
|
|
1
|
+
.author-img {
|
2
|
+
max-width: 70% !important;
|
3
|
+
padding: 50px 0 25px 0;
|
4
|
+
display: block;
|
5
|
+
margin: 0 auto;
|
6
|
+
}
|
7
|
+
|
8
|
+
.author-info {
|
9
|
+
margin-top: 25px;
|
10
|
+
}
|
11
|
+
|
12
|
+
.author-info h5 {
|
13
|
+
color: #ececec;
|
14
|
+
font-weight: 300;
|
15
|
+
margin-bottom: 0px;
|
16
|
+
}
|
17
|
+
|
18
|
+
.author-name {
|
19
|
+
font-weight: 600;
|
20
|
+
margin: 0px;
|
21
|
+
}
|
22
|
+
|
23
|
+
.author-description {
|
24
|
+
font-weight: 200;
|
25
|
+
font-size: 22px;
|
26
|
+
margin-top: 5px;
|
27
|
+
}
|
28
|
+
|
29
|
+
.share > .s12 >.s10{
|
30
|
+
border-top: 1px solid #f2f2f2;
|
31
|
+
padding-top: 20px;
|
32
|
+
}
|
33
|
+
|
34
|
+
.share-header {
|
35
|
+
font-size: 20px;
|
36
|
+
font-weight: 300;
|
37
|
+
}
|
38
|
+
|
39
|
+
.fb-color {
|
40
|
+
background-color: #3b5998;
|
41
|
+
}
|
42
|
+
|
43
|
+
.share > div > div > .btn-floating {
|
44
|
+
margin: 0 10px 0 10px;
|
45
|
+
}
|
46
|
+
|
47
|
+
.btn-floating:hover {
|
48
|
+
box-shadow: 0 3px 5px 0 rgba(0,0,0,0.3), 0 1px 7px 0 rgba(0,0,0,0.3), 0 3px 1px -1px rgba(0,0,0,0.3);
|
49
|
+
}
|
50
|
+
|
51
|
+
.fb-color:hover {
|
52
|
+
background-color: #3b5998;
|
53
|
+
}
|
54
|
+
|
55
|
+
.fb-color:focus {
|
56
|
+
background-color: #3b5998;
|
57
|
+
}
|
58
|
+
|
59
|
+
.fb-btn {
|
60
|
+
display: inline-block;
|
61
|
+
text-indent: -9999px;
|
62
|
+
width: 30px;
|
63
|
+
height: 54px;
|
64
|
+
-webkit-mask: url(../img/icons/facebook.svg) no-repeat;
|
65
|
+
mask: url(../img/icons/facebook.svg) no-repeat;
|
66
|
+
-webkit-mask-size: contain;
|
67
|
+
mask-size: contain;
|
68
|
+
-webkit-mask-position: center;
|
69
|
+
mask-position: center;
|
70
|
+
}
|
71
|
+
|
72
|
+
.twitter-btn {
|
73
|
+
display: inline-block;
|
74
|
+
text-indent: -9999px;
|
75
|
+
width: 30px;
|
76
|
+
height: 54px;
|
77
|
+
-webkit-mask: url(../img/icons/twitter.svg) no-repeat;
|
78
|
+
mask: url(../img/icons/twitter.svg) no-repeat;
|
79
|
+
-webkit-mask-size: contain;
|
80
|
+
mask-size: contain;
|
81
|
+
-webkit-mask-position: center;
|
82
|
+
mask-position: center;
|
83
|
+
}
|
84
|
+
|
85
|
+
.github-btn {
|
86
|
+
display: inline-block;
|
87
|
+
text-indent: -9999px;
|
88
|
+
width: 30px;
|
89
|
+
height: 54px;
|
90
|
+
-webkit-mask: url(../img/icons/github.svg) no-repeat;
|
91
|
+
mask: url(../img/icons/github.svg) no-repeat;
|
92
|
+
-webkit-mask-size: contain;
|
93
|
+
mask-size: contain;
|
94
|
+
-webkit-mask-position: center;
|
95
|
+
mask-position: center;
|
96
|
+
}
|
97
|
+
|
98
|
+
.instagram-btn {
|
99
|
+
display: inline-block;
|
100
|
+
text-indent: -9999px;
|
101
|
+
width: 30px;
|
102
|
+
height: 54px;
|
103
|
+
-webkit-mask: url(../img/icons/instagram.svg) no-repeat;
|
104
|
+
mask: url(../img/icons/instagram.svg) no-repeat;
|
105
|
+
-webkit-mask-size: contain;
|
106
|
+
mask-size: contain;
|
107
|
+
-webkit-mask-position: center;
|
108
|
+
mask-position: center;
|
109
|
+
}
|
110
|
+
|
111
|
+
.linkedin-btn {
|
112
|
+
display: inline-block;
|
113
|
+
text-indent: -9999px;
|
114
|
+
width: 30px;
|
115
|
+
height: 54px;
|
116
|
+
-webkit-mask: url(../img/icons/linkedin.svg) no-repeat;
|
117
|
+
mask: url(../img/icons/linkedin.svg) no-repeat;
|
118
|
+
-webkit-mask-size: contain;
|
119
|
+
mask-size: contain;
|
120
|
+
-webkit-mask-position: center;
|
121
|
+
mask-position: center;
|
122
|
+
}
|
123
|
+
|
124
|
+
.twitter-color {
|
125
|
+
background-color: #55acee;
|
126
|
+
}
|
127
|
+
|
128
|
+
.twitter-color:hover {
|
129
|
+
background-color: #55acee;
|
130
|
+
}
|
131
|
+
|
132
|
+
.twitter-color:focus {
|
133
|
+
background-color: #55acee;
|
134
|
+
}
|
135
|
+
|
136
|
+
.btn-white {
|
137
|
+
transition: background-color 0.7s ease;
|
138
|
+
background-color: white;
|
139
|
+
}
|
140
|
+
|
141
|
+
.social-media-icon {
|
142
|
+
padding-right: 20px;
|
143
|
+
}
|
144
|
+
|
145
|
+
.social-media-icon > .btn-white:hover {
|
146
|
+
background-color: grey;
|
147
|
+
}
|
data/_sass/cards.scss
ADDED
@@ -0,0 +1,33 @@
|
|
1
|
+
.card {
|
2
|
+
.card-title {
|
3
|
+
color: rgba(0, 0, 0, 0.87);
|
4
|
+
}
|
5
|
+
|
6
|
+
.hoverable {
|
7
|
+
overflow: hidden;
|
8
|
+
}
|
9
|
+
|
10
|
+
.hoverable:hover .card-image img {
|
11
|
+
-webkit-transform: scale(1.08);
|
12
|
+
transform: scale(1.08);
|
13
|
+
}
|
14
|
+
|
15
|
+
.card-image img {
|
16
|
+
-webkit-transition: 0.4s ease;
|
17
|
+
transition: 0.4s ease;
|
18
|
+
}
|
19
|
+
|
20
|
+
.nested-btn {
|
21
|
+
width: 36px;
|
22
|
+
height: 22px;
|
23
|
+
margin-top: 8px;
|
24
|
+
}
|
25
|
+
|
26
|
+
.post-description {
|
27
|
+
color: rgba(0, 0, 0, 0.87) !important;
|
28
|
+
}
|
29
|
+
|
30
|
+
a.post-link {
|
31
|
+
text-decoration: none;
|
32
|
+
}
|
33
|
+
}
|
data/_sass/navbar.scss
ADDED
@@ -0,0 +1,19 @@
|
|
1
|
+
.nav-wrapper {
|
2
|
+
z-index: 150;
|
3
|
+
}
|
4
|
+
|
5
|
+
.main-nav {
|
6
|
+
height: 64px;
|
7
|
+
z-index: 150;
|
8
|
+
margin-bottom: -64px;
|
9
|
+
position: fixed;
|
10
|
+
top: 0;
|
11
|
+
}
|
12
|
+
|
13
|
+
.brand-logo {
|
14
|
+
color: #444;
|
15
|
+
margin-left: 25px;
|
16
|
+
font-family: 'Roboto', sans-serif;
|
17
|
+
font-weight: bold;
|
18
|
+
letter-spacing: 1px;
|
19
|
+
}
|
data/_sass/post.scss
ADDED
@@ -0,0 +1,34 @@
|
|
1
|
+
.main-top {
|
2
|
+
background-color: #d7ccc8;
|
3
|
+
height: 200px;
|
4
|
+
float: left;
|
5
|
+
width: 100%;
|
6
|
+
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
|
7
|
+
padding-top: 120px;
|
8
|
+
}
|
9
|
+
|
10
|
+
.content {
|
11
|
+
background-color: #fff;
|
12
|
+
box-shadow: 5px 10px 15px 5px rgba(0, 0, 0, 0.26);
|
13
|
+
border-radius: 2px;
|
14
|
+
overflow: hidden;
|
15
|
+
z-index: 9;
|
16
|
+
margin-top: -120px;
|
17
|
+
margin-bottom:50px;
|
18
|
+
width: auto;
|
19
|
+
position: relative;
|
20
|
+
display: inline-block;
|
21
|
+
padding: 50px 0 0 0;
|
22
|
+
}
|
23
|
+
|
24
|
+
.post > .row {
|
25
|
+
margin-bottom: 0px;
|
26
|
+
}
|
27
|
+
|
28
|
+
.container-main {
|
29
|
+
position:relative;
|
30
|
+
}
|
31
|
+
|
32
|
+
section {
|
33
|
+
margin-top: 25px;
|
34
|
+
}
|
data/assets/.DS_Store
ADDED
Binary file
|
Binary file
|
@@ -0,0 +1,70 @@
|
|
1
|
+
---
|
2
|
+
---
|
3
|
+
|
4
|
+
@import "navbar";
|
5
|
+
@import "syntax";
|
6
|
+
@import "cards";
|
7
|
+
@import "tags";
|
8
|
+
@import "author";
|
9
|
+
@import "post";
|
10
|
+
|
11
|
+
|
12
|
+
.adjust-index{
|
13
|
+
z-index:0 !important;
|
14
|
+
}
|
15
|
+
|
16
|
+
p {
|
17
|
+
line-height: 2rem;
|
18
|
+
}
|
19
|
+
|
20
|
+
.button-collapse {
|
21
|
+
color: #26a69a;
|
22
|
+
}
|
23
|
+
|
24
|
+
@media only screen and (max-width : 992px) {
|
25
|
+
.parallax-container .section {
|
26
|
+
position: absolute;
|
27
|
+
top: 40%;
|
28
|
+
}
|
29
|
+
|
30
|
+
#index-banner .section {
|
31
|
+
top: 10%;
|
32
|
+
}
|
33
|
+
}
|
34
|
+
|
35
|
+
@media only screen and (max-width : 600px) {
|
36
|
+
#index-banner .section {
|
37
|
+
top: 0;
|
38
|
+
}
|
39
|
+
|
40
|
+
.post-title {
|
41
|
+
font-size: 35px;
|
42
|
+
}
|
43
|
+
|
44
|
+
.author-img {
|
45
|
+
width: 50%;
|
46
|
+
padding-bottom: 5px;
|
47
|
+
}
|
48
|
+
|
49
|
+
.author-info {
|
50
|
+
margin-top: -25px !important;
|
51
|
+
text-align: center;
|
52
|
+
}
|
53
|
+
}
|
54
|
+
|
55
|
+
@media screen and (max-width : 1250px ){
|
56
|
+
.blog-posts {
|
57
|
+
width: 98%;
|
58
|
+
}
|
59
|
+
}
|
60
|
+
|
61
|
+
@media screen and (max-width : 768px ){
|
62
|
+
.container-main {
|
63
|
+
width: 98%;
|
64
|
+
}
|
65
|
+
}
|
66
|
+
|
67
|
+
footer.page-footer {
|
68
|
+
margin: 0;
|
69
|
+
}
|
70
|
+
|
Binary file
|
@@ -0,0 +1,42 @@
|
|
1
|
+
<?xml version="1.0" encoding="iso-8859-1"?>
|
2
|
+
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
3
|
+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
4
|
+
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
5
|
+
width="470.513px" height="470.513px" viewBox="0 0 470.513 470.513" style="enable-background:new 0 0 470.513 470.513;"
|
6
|
+
xml:space="preserve">
|
7
|
+
<g>
|
8
|
+
<path d="M271.521,154.17v-40.541c0-6.086,0.28-10.8,0.849-14.13c0.567-3.335,1.857-6.615,3.859-9.853
|
9
|
+
c1.999-3.236,5.236-5.47,9.706-6.708c4.476-1.24,10.424-1.858,17.85-1.858h40.539V0h-64.809c-37.5,0-64.433,8.897-80.803,26.691
|
10
|
+
c-16.368,17.798-24.551,44.014-24.551,78.658v48.82h-48.542v81.086h48.539v235.256h97.362V235.256h64.805l8.566-81.086H271.521z"/>
|
11
|
+
</g>
|
12
|
+
<g>
|
13
|
+
</g>
|
14
|
+
<g>
|
15
|
+
</g>
|
16
|
+
<g>
|
17
|
+
</g>
|
18
|
+
<g>
|
19
|
+
</g>
|
20
|
+
<g>
|
21
|
+
</g>
|
22
|
+
<g>
|
23
|
+
</g>
|
24
|
+
<g>
|
25
|
+
</g>
|
26
|
+
<g>
|
27
|
+
</g>
|
28
|
+
<g>
|
29
|
+
</g>
|
30
|
+
<g>
|
31
|
+
</g>
|
32
|
+
<g>
|
33
|
+
</g>
|
34
|
+
<g>
|
35
|
+
</g>
|
36
|
+
<g>
|
37
|
+
</g>
|
38
|
+
<g>
|
39
|
+
</g>
|
40
|
+
<g>
|
41
|
+
</g>
|
42
|
+
</svg>
|
@@ -0,0 +1,3 @@
|
|
1
|
+
<svg height="1024" width="1024" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<path d="M512 0C229.25 0 0 229.25 0 512c0 226.25 146.688 418.125 350.156 485.812 25.594 4.688 34.938-11.125 34.938-24.625 0-12.188-0.469-52.562-0.719-95.312C242 908.812 211.906 817.5 211.906 817.5c-23.312-59.125-56.844-74.875-56.844-74.875-46.531-31.75 3.53-31.125 3.53-31.125 51.406 3.562 78.47 52.75 78.47 52.75 45.688 78.25 119.875 55.625 149 42.5 4.654-33 17.904-55.625 32.5-68.375C304.906 725.438 185.344 681.5 185.344 485.312c0-55.938 19.969-101.562 52.656-137.406-5.219-13-22.844-65.094 5.062-135.562 0 0 42.938-13.75 140.812 52.5 40.812-11.406 84.594-17.031 128.125-17.219 43.5 0.188 87.312 5.875 128.188 17.281 97.688-66.312 140.688-52.5 140.688-52.5 28 70.531 10.375 122.562 5.125 135.5 32.812 35.844 52.625 81.469 52.625 137.406 0 196.688-119.75 240-233.812 252.688 18.438 15.875 34.75 47 34.75 94.75 0 68.438-0.688 123.625-0.688 140.5 0 13.625 9.312 29.562 35.25 24.562C877.438 930 1024 738.125 1024 512 1024 229.25 794.75 0 512 0z" />
|
3
|
+
</svg>
|
@@ -0,0 +1,38 @@
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
2
|
+
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
3
|
+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
4
|
+
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
5
|
+
width="800px" height="800px" viewBox="0 0 800 800" enable-background="new 0 0 800 800" xml:space="preserve">
|
6
|
+
<g>
|
7
|
+
<defs>
|
8
|
+
<rect id="SVGID_1_" width="800" height="800"/>
|
9
|
+
</defs>
|
10
|
+
<clipPath id="SVGID_2_">
|
11
|
+
<use xlink:href="#SVGID_1_" overflow="visible"/>
|
12
|
+
</clipPath>
|
13
|
+
<path clip-path="url(#SVGID_2_)" d="M400.003,72.068c106.804,0,119.451,0.408,161.633,2.332
|
14
|
+
c38.997,1.781,60.178,8.298,74.274,13.774c18.673,7.257,31.996,15.926,45.993,29.923c13.999,13.997,22.669,27.317,29.923,45.99
|
15
|
+
c5.477,14.097,11.993,35.277,13.771,74.275c1.924,42.181,2.332,54.829,2.332,161.636s-0.408,119.457-2.332,161.636
|
16
|
+
c-1.778,39-8.295,60.181-13.771,74.274c-7.254,18.669-15.924,31.993-29.923,45.993c-13.997,13.996-27.32,22.666-45.993,29.923
|
17
|
+
c-14.097,5.476-35.277,11.993-74.274,13.771c-42.175,1.927-54.82,2.331-161.633,2.331c-106.815,0-119.46-0.404-161.636-2.331
|
18
|
+
c-38.997-1.778-60.178-8.296-74.275-13.771c-18.669-7.257-31.996-15.927-45.993-29.923c-13.996-14-22.663-27.324-29.92-45.993
|
19
|
+
c-5.476-14.094-11.996-35.274-13.774-74.274c-1.924-42.179-2.332-54.829-2.332-161.636s0.408-119.455,2.332-161.636
|
20
|
+
c1.778-38.998,8.298-60.178,13.774-74.275c7.257-18.672,15.924-31.993,29.92-45.99c13.997-13.997,27.324-22.666,45.993-29.923
|
21
|
+
c14.097-5.476,35.278-11.994,74.275-13.774C280.549,72.476,293.196,72.068,400.003,72.068 M400.003-0.003
|
22
|
+
c-108.636,0-122.258,0.459-164.92,2.408c-42.577,1.942-71.654,8.706-97.096,18.593C111.683,31.22,89.376,44.896,67.14,67.133
|
23
|
+
C44.903,89.37,31.223,111.68,21.004,137.98C11.111,163.429,4.35,192.502,2.408,235.08c-1.948,42.666-2.405,56.285-2.405,164.917
|
24
|
+
c0,108.636,0.457,122.255,2.405,164.917c1.942,42.58,8.703,71.654,18.596,97.1c10.219,26.303,23.899,48.61,46.136,70.85
|
25
|
+
c22.236,22.237,44.543,35.914,70.847,46.136c25.442,9.887,54.519,16.647,97.096,18.593c42.663,1.945,56.285,2.408,164.92,2.408
|
26
|
+
c108.633,0,122.255-0.463,164.917-2.408c42.578-1.945,71.654-8.706,97.097-18.593c26.304-10.222,48.61-23.898,70.851-46.136
|
27
|
+
c22.236-22.239,35.913-44.547,46.135-70.85c9.891-25.445,16.651-54.52,18.594-97.1c1.947-42.662,2.404-56.281,2.404-164.917
|
28
|
+
c0-108.633-0.457-122.252-2.404-164.917c-1.942-42.577-8.703-71.651-18.594-97.099c-10.222-26.3-23.898-48.61-46.135-70.847
|
29
|
+
c-22.24-22.237-44.547-35.914-70.851-46.135c-25.442-9.887-54.519-16.651-97.097-18.593C522.258,0.457,508.636-0.003,400.003-0.003
|
30
|
+
"/>
|
31
|
+
<path clip-path="url(#SVGID_2_)" d="M400.003,194.594c-113.442,0-205.406,91.961-205.406,205.403S286.561,605.4,400.003,605.4
|
32
|
+
c113.439,0,205.403-91.961,205.403-205.403S513.442,194.594,400.003,194.594 M400.003,533.329
|
33
|
+
c-73.639,0-133.335-59.693-133.335-133.332s59.696-133.333,133.335-133.333s133.332,59.694,133.332,133.333
|
34
|
+
S473.642,533.329,400.003,533.329"/>
|
35
|
+
<path clip-path="url(#SVGID_2_)" d="M661.523,186.479c0,26.507-21.488,47.998-48.002,47.998c-26.508,0-47.998-21.491-47.998-47.998
|
36
|
+
c0-26.514,21.49-48.002,47.998-48.002C640.035,138.477,661.523,159.965,661.523,186.479"/>
|
37
|
+
</g>
|
38
|
+
</svg>
|