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.
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>