texture 0.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,201 @@
1
+ @import 'ext/fonts';
2
+ @import 'ext/normalize';
3
+ @import 'begin';
4
+ @import 'syntax';
5
+
6
+ $linkColor: #999;
7
+ $mobileW: 768px;
8
+ $smallMobileW: 480px;
9
+ $bigScreenW: 1600px;
10
+ $leftWidth: 220px;
11
+
12
+ $gray: #999;
13
+
14
+ *,*:before,*:after {
15
+ box-sizing: border-box;
16
+ }
17
+
18
+ body {
19
+ font-family: 'Nunito Sans', sans-serif;
20
+ @include fluidType(16px, 19px);
21
+ line-height: 1.55em;
22
+ margin: 0;
23
+ -webkit-font-smoothing: antialiased;
24
+ -moz-osx-font-smoothing: grayscale;
25
+ }
26
+
27
+ a {
28
+ color: $linkColor;
29
+ text-decoration: none;
30
+ transition: border-bottom 0.4s;
31
+ &:hover {
32
+ border-bottom: 0.5px solid $linkColor;
33
+ }
34
+ }
35
+
36
+
37
+ h1, h2, h3 {
38
+ line-height: 1.2em;
39
+ }
40
+
41
+ h1 {
42
+ @include fluidType(36px, 48px);
43
+ }
44
+
45
+ h2 {
46
+ font-weight: bold;
47
+ @include fluidType(28px, 32px);
48
+ }
49
+
50
+ header {
51
+ // background-size: cover;
52
+ padding: 120px 0;
53
+ color: #fff;
54
+ overflow: hidden;
55
+ h2 {
56
+ font-weight: normal;
57
+ margin-top: 5px;
58
+ }
59
+ h1 {
60
+ margin: 0;
61
+ }
62
+
63
+ .social {
64
+ overflow: hidden;
65
+ list-style-type: none;
66
+ padding: 0;
67
+ margin-top: 0;
68
+ li {
69
+ color: #fff;
70
+ float: left;
71
+ i {
72
+ &:first-child::before {
73
+ margin-left: 0;
74
+ }
75
+ @include fluidType(26px, 34px);
76
+ transition: color .3s;
77
+ &:hover {
78
+ color: $gray;
79
+ }
80
+ }
81
+ }
82
+ }
83
+ }
84
+
85
+ //
86
+ // Basic Container Class
87
+ //
88
+ .container {
89
+ margin:0 150px;
90
+ max-width: 720px;
91
+
92
+ .highlighter-rouge {
93
+ right: 150px;
94
+ }
95
+
96
+ @media screen and (min-width: 1600px){
97
+ max-width: 1200px;
98
+ }
99
+
100
+ @media screen and (max-width: $mobileWidth) {
101
+ margin:0 15px;
102
+ .highlighter-rouge {
103
+ right: 15px;
104
+ }
105
+ }
106
+
107
+ @media screen and (max-width: $tabWidth) and (min-width: $mobileWidth){
108
+ margin:0 40px;
109
+ .highlighter-rouge {
110
+ right: 40px;
111
+ }
112
+ }
113
+
114
+ @media screen and (max-width: $desktopWidth) and (min-width: $tabWidth){
115
+ margin:0 80px;
116
+ .highlighter-rouge {
117
+ right: 80px;
118
+ }
119
+ }
120
+
121
+ @media screen and (min-width: $desktopWidth) and (max-width: 1280px) {
122
+ margin:0 100px;
123
+ .highlighter-rouge {
124
+ right: 100px;
125
+ }
126
+ }
127
+ }
128
+
129
+ .post-title {
130
+ color: #222;
131
+ transition: color .3s ease;
132
+ margin: .1em 0;
133
+ &:hover {
134
+ color: $gray;
135
+ border-bottom: 0;
136
+ }
137
+ }
138
+
139
+ .post-date {
140
+ color: $gray;
141
+ .icon-calendar {
142
+ margin-right: 6px;
143
+ }
144
+ }
145
+
146
+ .posts {
147
+ list-style-type: none;
148
+ padding: 0;
149
+ li {
150
+ margin-bottom: 30px;
151
+ padding-bottom: 20px;
152
+ &:not(:last-child) {
153
+ border-bottom: 1px solid #eee;
154
+ }
155
+ }
156
+ }
157
+
158
+ .posts, .post-container {
159
+ margin-top: 40px;
160
+ }
161
+
162
+ .post-meta {
163
+ display: flex;
164
+ justify-content: space-between;
165
+ align-items: center;
166
+ a:hover {
167
+ border-bottom: none;
168
+ }
169
+ }
170
+
171
+ .post-container {
172
+ img {
173
+ margin: 20px 0;
174
+ }
175
+ }
176
+
177
+ .navbar {
178
+ position: absolute;
179
+ top: 0;
180
+ right: 5vw;
181
+ ul {
182
+ list-style-type: none;
183
+ li {
184
+ // background-color: #ff9f1c;
185
+ border: 1px solid #fff;
186
+ float: left;
187
+ // margin: 5px;
188
+ &:not(:first-child){
189
+ border-left: 0;
190
+ }
191
+ padding: 10px 25px;
192
+ // border-radius: 4px;
193
+ @include fluidType(15px, 17px);
194
+ transition: background-color .3s ease-in;
195
+ &:hover {
196
+ background-color: rgba(#fff, 0.15);
197
+ cursor: pointer;
198
+ }
199
+ }
200
+ }
201
+ }
@@ -0,0 +1,64 @@
1
+ ---
2
+ ---
3
+
4
+ @import "theme";
5
+
6
+ // Textures
7
+ .texture-black {
8
+ background-image: url('{{ site.baseurl }}/assets/textures/black.jpg');
9
+
10
+ h2 {
11
+ color: #999;
12
+ }
13
+ }
14
+
15
+ .texture-blue {
16
+ background-image: url('{{ site.baseurl }}/assets/textures/blue.jpg');
17
+
18
+ h2 {
19
+ color: #ddd;
20
+ }
21
+
22
+ .social i:hover {
23
+ color: #eee;
24
+ }
25
+
26
+ .post-date {
27
+ color: #ccc;
28
+ }
29
+ }
30
+
31
+ .texture-red {
32
+ background-image: url('{{ site.baseurl }}/assets/textures/red.jpg');
33
+ }
34
+
35
+ .texture-purple {
36
+ background-image: url('{{ site.baseurl }}/assets/textures/purple.jpg');
37
+ }
38
+
39
+ .texture-green {
40
+ background-image: url('{{ site.baseurl }}/assets/textures/green.jpg');
41
+
42
+ .post-date {
43
+ color: #ccc;
44
+ }
45
+ }
46
+
47
+ .texture-red,
48
+ .texture-purple {
49
+ h2 {
50
+ color: #ccc;
51
+ }
52
+
53
+ .social i {
54
+ color: #ddd;
55
+
56
+ &:hover {
57
+ color: lighten(#ddd, 7%);
58
+ }
59
+ }
60
+
61
+ .post-date {
62
+ color: #ddd;
63
+ }
64
+ }
Binary file
@@ -0,0 +1,18 @@
1
+ <?xml version="1.0" standalone="no"?>
2
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
+ <svg xmlns="http://www.w3.org/2000/svg">
4
+ <metadata>Copyright (C) 2019 by original authors @ fontello.com</metadata>
5
+ <defs>
6
+ <font id="fontello" horiz-adv-x="1000" >
7
+ <font-face font-family="fontello" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
8
+ <missing-glyph horiz-adv-x="1000" />
9
+ <glyph glyph-name="calendar" unicode="&#xe800;" d="M71-79h161v161h-161v-161z m197 0h178v161h-178v-161z m-197 197h161v178h-161v-178z m197 0h178v178h-178v-178z m-197 214h161v161h-161v-161z m411-411h179v161h-179v-161z m-214 411h178v161h-178v-161z m428-411h161v161h-161v-161z m-214 197h179v178h-179v-178z m-196 482v161q0 7-6 12t-12 6h-36q-7 0-12-6t-6-12v-161q0-7 6-13t12-5h36q7 0 12 5t6 13z m410-482h161v178h-161v-178z m-214 214h179v161h-179v-161z m214 0h161v161h-161v-161z m18 268v161q0 7-5 12t-13 6h-35q-7 0-13-6t-5-12v-161q0-7 5-13t13-5h35q8 0 13 5t5 13z m215 36v-715q0-29-22-50t-50-21h-786q-29 0-50 21t-21 50v715q0 29 21 50t50 21h72v54q0 37 26 63t63 26h36q37 0 63-26t26-63v-54h214v54q0 37 27 63t63 26h35q37 0 64-26t26-63v-54h71q29 0 50-21t22-50z" horiz-adv-x="928.6" />
10
+
11
+ <glyph glyph-name="github-circled" unicode="&#xf09b;" d="M429 779q116 0 215-58t156-156 57-215q0-140-82-252t-211-155q-15-3-22 4t-7 17q0 1 0 43t0 75q0 54-29 79 32 3 57 10t53 22 45 37 30 58 11 84q0 67-44 115 21 51-4 114-16 5-46-6t-51-25l-21-13q-52 15-107 15t-108-15q-8 6-23 15t-47 22-47 7q-25-63-5-114-44-48-44-115 0-47 12-83t29-59 45-37 52-22 57-10q-21-20-27-58-12-5-25-8t-32-3-36 12-31 35q-11 18-27 29t-28 14l-11 1q-12 0-16-2t-3-7 5-8 7-6l4-3q12-6 24-21t18-29l6-13q7-21 24-34t37-17 39-3 31 1l13 3q0-22 0-50t1-30q0-10-8-17t-22-4q-129 43-211 155t-82 252q0 117 58 215t155 156 216 58z m-267-616q2 4-3 7-6 1-8-1-1-4 4-7 5-3 7 1z m18-19q4 3-1 9-6 5-9 2-4-3 1-9 5-6 9-2z m16-25q6 4 0 11-4 7-9 3-5-3 0-10t9-4z m24-23q4 4-2 10-7 7-11 2-5-5 2-11 6-6 11-1z m32-14q1 6-8 9-8 2-10-4t7-9q8-3 11 4z m35-3q0 7-10 6-9 0-9-6 0-7 10-6 9 0 9 6z m32 5q-1 7-10 5-9-1-8-8t10-4 8 7z" horiz-adv-x="857.1" />
12
+
13
+ <glyph glyph-name="twitter-squared" unicode="&#xf304;" d="M714 510q-31-14-67-19 38 22 52 65-37-21-75-28-34 36-85 36-49 0-83-34t-35-83q0-16 3-27-72 4-135 37t-107 86q-16-28-16-59 0-64 51-98-27 1-56 15v-1q0-42 28-75t68-40q-16-5-28-5-7 0-22 3 12-36 42-59t67-23q-64-50-145-50-15 0-28 2 82-53 180-53 62 0 117 20t94 53 67 76 42 91 13 94q0 10 0 15 35 25 58 61z m143 108v-536q0-66-47-113t-114-48h-535q-67 0-114 48t-47 113v536q0 66 47 113t114 48h535q67 0 114-48t47-113z" horiz-adv-x="857.1" />
14
+
15
+ <glyph glyph-name="linkedin-squared" unicode="&#xf30c;" d="M132 61h129v387h-129v-387z m138 507q-1 29-21 48t-51 19-53-19-21-48q0-29 20-48t52-19h0q33 0 53 19t21 48z m326-507h129v222q0 86-41 130t-107 44q-76 0-117-65h1v56h-129q2-37 0-387h129v217q0 21 4 31 8 19 25 33t41 14q65 0 65-88v-207z m261 557v-536q0-66-47-113t-114-48h-535q-67 0-114 48t-47 113v536q0 66 47 113t114 48h535q67 0 114-48t47-113z" horiz-adv-x="857.1" />
16
+ </font>
17
+ </defs>
18
+ </svg>
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
metadata ADDED
@@ -0,0 +1,129 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: texture
3
+ version: !ruby/object:Gem::Version
4
+ version: '0.1'
5
+ platform: ruby
6
+ authors:
7
+ - Samarjeet
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+ date: 2019-06-29 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: jekyll
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - "~>"
18
+ - !ruby/object:Gem::Version
19
+ version: 3.7.3
20
+ type: :runtime
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - "~>"
25
+ - !ruby/object:Gem::Version
26
+ version: 3.7.3
27
+ - !ruby/object:Gem::Dependency
28
+ name: jekyll-seo-tag
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - "~>"
32
+ - !ruby/object:Gem::Version
33
+ version: 2.1.0
34
+ type: :runtime
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - "~>"
39
+ - !ruby/object:Gem::Version
40
+ version: 2.1.0
41
+ - !ruby/object:Gem::Dependency
42
+ name: bundler
43
+ requirement: !ruby/object:Gem::Requirement
44
+ requirements:
45
+ - - ">"
46
+ - !ruby/object:Gem::Version
47
+ version: '1.16'
48
+ type: :development
49
+ prerelease: false
50
+ version_requirements: !ruby/object:Gem::Requirement
51
+ requirements:
52
+ - - ">"
53
+ - !ruby/object:Gem::Version
54
+ version: '1.16'
55
+ - !ruby/object:Gem::Dependency
56
+ name: rake
57
+ requirement: !ruby/object:Gem::Requirement
58
+ requirements:
59
+ - - "~>"
60
+ - !ruby/object:Gem::Version
61
+ version: '12.0'
62
+ type: :development
63
+ prerelease: false
64
+ version_requirements: !ruby/object:Gem::Requirement
65
+ requirements:
66
+ - - "~>"
67
+ - !ruby/object:Gem::Version
68
+ version: '12.0'
69
+ description:
70
+ email:
71
+ - thelehhman@gmail.com
72
+ executables: []
73
+ extensions: []
74
+ extra_rdoc_files: []
75
+ files:
76
+ - 404.html
77
+ - LICENSE.txt
78
+ - README.md
79
+ - _includes/footer.html
80
+ - _includes/head.html
81
+ - _includes/nav.html
82
+ - _includes/page_header.html
83
+ - _includes/post_header.html
84
+ - _layouts/home.html
85
+ - _layouts/page.html
86
+ - _layouts/post.html
87
+ - _sass/_begin.scss
88
+ - _sass/_syntax.scss
89
+ - _sass/ext/_fonts.scss
90
+ - _sass/ext/_normalize.scss
91
+ - _sass/ext/_solarized-light.scss
92
+ - _sass/theme.scss
93
+ - assets/css/style.scss
94
+ - assets/font/fontello.eot
95
+ - assets/font/fontello.svg
96
+ - assets/font/fontello.ttf
97
+ - assets/font/fontello.woff
98
+ - assets/font/fontello.woff2
99
+ - assets/textures/black.jpg
100
+ - assets/textures/blue.jpg
101
+ - assets/textures/green.jpg
102
+ - assets/textures/purple.jpg
103
+ - assets/textures/red.jpg
104
+ - assets/textures/yellow.jpg
105
+ homepage: https://github.com/thelehhman/texture
106
+ licenses:
107
+ - MIT
108
+ metadata: {}
109
+ post_install_message:
110
+ rdoc_options: []
111
+ require_paths:
112
+ - lib
113
+ required_ruby_version: !ruby/object:Gem::Requirement
114
+ requirements:
115
+ - - ">="
116
+ - !ruby/object:Gem::Version
117
+ version: '0'
118
+ required_rubygems_version: !ruby/object:Gem::Requirement
119
+ requirements:
120
+ - - ">="
121
+ - !ruby/object:Gem::Version
122
+ version: '0'
123
+ requirements: []
124
+ rubyforge_project:
125
+ rubygems_version: 2.5.2.3
126
+ signing_key:
127
+ specification_version: 4
128
+ summary: A configurable jekyll theme for simply beautiful blogs.
129
+ test_files: []