stuartmccoll_portfolio 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.
@@ -0,0 +1,338 @@
1
+ ---
2
+ ---
3
+
4
+ html, body {
5
+ height: 100%;
6
+ }
7
+
8
+ .container-fluid, .col-md-10, .col-sm-9 {
9
+ padding: 0;
10
+ }
11
+
12
+ .pre-container {
13
+ position: fixed;
14
+ left: 0px;
15
+ top: 0px;
16
+ width: 100%;
17
+ height: 100%;
18
+ z-index: 9999;
19
+ background: url(assets/img/714.gif) center no-repeat #ffffff;
20
+ }
21
+
22
+ .hero {
23
+ background: url("{{ root_url }}/assets/img/hero-background.jpg") no-repeat center center fixed;
24
+ -webkit-background-size: cover;
25
+ -moz-background-size: cover;
26
+ -o-background-size: cover;
27
+ background-size: cover;
28
+ color: #ffffff;
29
+ }
30
+
31
+ .hero-content {
32
+ width: 95%;
33
+ margin-left: auto;
34
+ margin-right: auto;
35
+ display: flex;
36
+ align-items: center;
37
+ justify-content: center;
38
+ flex-direction: column;
39
+ display: -webkit-flex;
40
+ -webkit-align-items: center;
41
+ -webkit-justify-content: center;
42
+ font-family: 'Raleway';
43
+ }
44
+
45
+ .hero-content h1 {
46
+ font-size: 8.2em;
47
+ font-weight: 800;
48
+ margin-bottom: 5px;
49
+ }
50
+
51
+ .hero-content h2 {
52
+ font-size: 3.2em;
53
+ font-weight: 800;
54
+ margin-top: 0;
55
+ }
56
+
57
+ .vertical-center {
58
+ min-height: 100%;
59
+ min-height: 100vh;
60
+ }
61
+
62
+ .half-vertical-center {
63
+ min-height: 50%;
64
+ min-height: 50vh;
65
+ }
66
+
67
+ .half-vertical-center, .vertical-center {
68
+ display: flex;
69
+ align-items: center;
70
+ justify-content: center;
71
+ flex-direction: column;
72
+ display: -webkit-flex;
73
+ -webkit-align-items: center;
74
+ -webkit-justify-content: center;
75
+ }
76
+
77
+ .wrapper, .row {
78
+ height: 100%;
79
+ margin-left:0;
80
+ margin-right:0;
81
+ }
82
+
83
+ .wrapper:before, .wrapper:after,
84
+ .column:before, .column:after {
85
+ content: "";
86
+ display: table;
87
+ }
88
+
89
+ .wrapper:after,
90
+ .column:after {
91
+ clear: both;
92
+ }
93
+
94
+ .column {
95
+ height: 100%;
96
+ overflow: auto;
97
+ *zoom:1;
98
+ }
99
+
100
+ .column .padding {
101
+ padding: 20px;
102
+ }
103
+
104
+ .box {
105
+ bottom: 0; /* increase for footer use */
106
+ left: 0;
107
+ position: absolute;
108
+ right: 0;
109
+ top: 0;
110
+ }
111
+
112
+ #main, .main {
113
+ background-color:#eaeaed;
114
+ padding-left:0;
115
+ padding-right:0;
116
+ }
117
+
118
+ #sidebar {
119
+ padding: 0;
120
+ background-color: #ffffff;
121
+ position: fixed;
122
+ top: 0;
123
+ bottom: 0;
124
+ left: 0;
125
+ z-index: 1000;
126
+ display: block;
127
+ }
128
+
129
+ #sidebar, #sidebar a, #sidebar-footer a {
130
+ padding-left:5px;
131
+ }
132
+
133
+ #sidebar .nav li>a:hover {
134
+ color: #F15F79;
135
+ background-color: #ffffff;
136
+ /*-o-transition: all 0.9s;
137
+ -ms-transition: all 0.9s;
138
+ -moz-transition: all 0.9s;
139
+ -webkit-transition: all 0.9s;*/
140
+ }
141
+
142
+ #sidebar .nav li i {
143
+ width: 20%;
144
+ text-align: center;
145
+ }
146
+
147
+ #sidebar .nav li a{
148
+ border-bottom: 1px solid #ECF1F7;
149
+ padding: 20px 0;
150
+ text-transform: uppercase;
151
+ font-weight: bold;
152
+ color: #a3a9c3;
153
+ }
154
+
155
+ #sidebar-footer {
156
+ position:absolute;
157
+ bottom: 25px;
158
+ width: 100%;
159
+ margin-left: -5px;
160
+ }
161
+
162
+ #sidebar-footer a {
163
+ color: #F15F79;
164
+ }
165
+
166
+ #sidebar-footer a:hover {
167
+ color: #b24592;
168
+ -o-transition: all 0.5s;
169
+ -ms-transition: all 0.5s;
170
+ -moz-transition: all 0.5s;
171
+ -webkit-transition: all 0.5s;
172
+ }
173
+
174
+ #sidebar-footer li {
175
+ display: inline-block;
176
+ width: 32%;
177
+ text-align: center;
178
+ }
179
+
180
+ .new-posts-notification {
181
+ background-color: #F15F79;
182
+ font-size: 0.8em;
183
+ color: #FFFFFF;
184
+ margin-left: 5px;
185
+ margin-top: -5px;
186
+ padding: 1px 6px 2.5px 6px;
187
+ position: absolute;
188
+ border-radius: 50%;
189
+ }
190
+
191
+ #footer {
192
+ margin-bottom:20px;
193
+ }
194
+
195
+ section.services, section.about, section.portfolio, section.blog-posts, section.contact {
196
+ width: 95%;
197
+ margin-left: auto;
198
+ margin-right: auto;
199
+ }
200
+
201
+ section.services {
202
+ padding: 50px 0;
203
+ }
204
+
205
+ section.about, section.portfolio, section.blog-posts, section.contact {
206
+ padding: 25px 0 0 0;
207
+ }
208
+
209
+ section article h1 {
210
+ font-family: 'Raleway';
211
+ font-size: 4.2em;
212
+ color: #323232;
213
+ margin-bottom: 15px;
214
+ }
215
+
216
+ section article p {
217
+ line-height: 1.6em;
218
+ font-size: 1.3em;
219
+ color: #323232;
220
+ margin-bottom: 25px;
221
+ }
222
+
223
+ section article h1 span.new-article {
224
+ background-color: red;
225
+ color: #FFFFFF;
226
+ font-size: 0.8em;
227
+ }
228
+
229
+ section article p:last-of-type {
230
+ margin-bottom: 0;
231
+ }
232
+
233
+ section.blog-post .post ul li, section.blog-post .post ol li {
234
+ line-height: 1.2em;
235
+ font-size: 1.3em;
236
+ color: #323232;
237
+ margin-bottom: 25px;
238
+ }
239
+
240
+ section.services h1 {
241
+ padding: 20px 0;
242
+ }
243
+
244
+ section.services h2 {
245
+ font-family: 'Raleway';
246
+ font-size: 2.2em;
247
+ color: #323232;
248
+ padding: 20px 0;
249
+ text-align: center;
250
+ }
251
+
252
+ section.services p.services-icon {
253
+ text-align: center;
254
+ color: #F15F79;
255
+ }
256
+
257
+ section.services p {
258
+ text-align: justify;
259
+ font-size: 1.3em;
260
+ line-height: 1.6em;
261
+ }
262
+
263
+ section.process {
264
+ background-image: url("{{ root_url }}/assets/img/process-background.jpg");
265
+ padding: 150px 0;
266
+ background-size: cover;
267
+ background-position: center center;
268
+ background-repeat: no-repeat;
269
+ }
270
+
271
+ section.process h1, section.process h2, section.process h3 {
272
+ text-align: center;
273
+ text-transform: uppercase;
274
+ color: #ffffff;
275
+ font-weight: 800;
276
+ }
277
+
278
+ section.process h3 {
279
+ font-size: 1.4em;
280
+ font-weight: 800;
281
+ }
282
+
283
+ footer {
284
+ padding: 25px;
285
+ }
286
+
287
+ footer p {
288
+ text-transform: uppercase;
289
+ text-align: center;
290
+ font-family: "Raleway";
291
+ color: #ababab;
292
+ letter-spacing: 2px;
293
+ }
294
+
295
+ @media screen and (max-width: 768px) {
296
+ .row-offcanvas {
297
+ position: relative;
298
+ -webkit-transition: all 0.25s ease-out;
299
+ -moz-transition: all 0.25s ease-out;
300
+ transition: all 0.25s ease-out;
301
+ }
302
+
303
+ .row-offcanvas-left.active {
304
+ left: 33%;
305
+ }
306
+
307
+ .row-offcanvas-left.active .sidebar-offcanvas {
308
+ left: -33%;
309
+ position: absolute;
310
+ top: 0;
311
+ width: 33%;
312
+ margin-left: 5px;
313
+ }
314
+
315
+ .hero-content h1 {
316
+ font-size: 4.2em;
317
+ text-align: center;
318
+ }
319
+
320
+ .hero-content h2 {
321
+ font-size: 2.2em;
322
+ text-align: center;
323
+ }
324
+
325
+ #sidebar, #sidebar a, #sidebar-footer a {
326
+ padding-right: 15px;
327
+ }
328
+ }
329
+
330
+ @media screen and (max-width: 1200px) {
331
+ #sidebar-footer {
332
+ display: none;
333
+ }
334
+ }
335
+
336
+ .np-row {
337
+ padding: 25px 0;
338
+ }
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
metadata ADDED
@@ -0,0 +1,100 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: stuartmccoll_portfolio
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.1.0
5
+ platform: ruby
6
+ authors:
7
+ - Stuart McColl
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+ date: 2017-10-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.6'
20
+ type: :runtime
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - "~>"
25
+ - !ruby/object:Gem::Version
26
+ version: '3.6'
27
+ - !ruby/object:Gem::Dependency
28
+ name: bundler
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - "~>"
32
+ - !ruby/object:Gem::Version
33
+ version: '1.12'
34
+ type: :development
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - "~>"
39
+ - !ruby/object:Gem::Version
40
+ version: '1.12'
41
+ - !ruby/object:Gem::Dependency
42
+ name: rake
43
+ requirement: !ruby/object:Gem::Requirement
44
+ requirements:
45
+ - - "~>"
46
+ - !ruby/object:Gem::Version
47
+ version: '10.0'
48
+ type: :development
49
+ prerelease: false
50
+ version_requirements: !ruby/object:Gem::Requirement
51
+ requirements:
52
+ - - "~>"
53
+ - !ruby/object:Gem::Version
54
+ version: '10.0'
55
+ description:
56
+ email:
57
+ - contact@stuartmccoll.co.uk
58
+ executables: []
59
+ extensions: []
60
+ extra_rdoc_files: []
61
+ files:
62
+ - LICENSE.txt
63
+ - README.md
64
+ - _layouts/default.html
65
+ - _layouts/post.html
66
+ - assets/css/animate.css
67
+ - assets/css/style.css
68
+ - assets/img/714.gif
69
+ - assets/img/docker-flask.jpg
70
+ - assets/img/facebook-logo.png
71
+ - assets/img/footer-logo.png
72
+ - assets/img/hero-background-gb.jpg
73
+ - assets/img/hero-background.jpg
74
+ - assets/img/process-background.jpg
75
+ - assets/img/sidebar-logo.png
76
+ homepage: http://www.stuartmccoll.co.uk/
77
+ licenses:
78
+ - MIT
79
+ metadata: {}
80
+ post_install_message:
81
+ rdoc_options: []
82
+ require_paths:
83
+ - lib
84
+ required_ruby_version: !ruby/object:Gem::Requirement
85
+ requirements:
86
+ - - ">="
87
+ - !ruby/object:Gem::Version
88
+ version: '0'
89
+ required_rubygems_version: !ruby/object:Gem::Requirement
90
+ requirements:
91
+ - - ">="
92
+ - !ruby/object:Gem::Version
93
+ version: '0'
94
+ requirements: []
95
+ rubyforge_project:
96
+ rubygems_version: 2.5.2
97
+ signing_key:
98
+ specification_version: 4
99
+ summary: Portfolio theme for personal website.
100
+ test_files: []