abi 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/footer.html +29 -0
- data/_includes/head.html +34 -0
- data/_includes/sidebar.html +38 -0
- data/_layouts/default.html +50 -0
- data/_layouts/page.html +8 -0
- data/_layouts/post.html +25 -0
- data/assets/apple-touch-icon-precomposed.png +0 -0
- data/assets/css/audio.css +48 -0
- data/assets/css/bootstrap-grid.css +1339 -0
- data/assets/css/bootstrap-grid.min.css +1 -0
- data/assets/css/bootstrap-reboot.css +459 -0
- data/assets/css/bootstrap-reboot.min.css +1 -0
- data/assets/css/bootstrap.css +9320 -0
- data/assets/css/bootstrap.min.css +6 -0
- data/assets/css/cover.css +161 -0
- data/assets/css/lanyon.css +563 -0
- data/assets/css/playButton.css +46 -0
- data/assets/css/poole.css +430 -0
- data/assets/css/reset.css +48 -0
- data/assets/css/sticky-footer.css +30 -0
- data/assets/css/syntax.css +65 -0
- data/assets/favicon.ico +0 -0
- data/assets/img/329299-astronaut-hd-wallpaper.jpg +0 -0
- data/assets/img/alexkatz.me-desktop.png +0 -0
- data/assets/img/pause.png +0 -0
- data/assets/img/play.png +0 -0
- data/assets/js/bootstrap.js +3535 -0
- data/assets/js/bootstrap.min.js +7 -0
- data/assets/js/html5audio.js +114 -0
- metadata +117 -0
@@ -0,0 +1,46 @@
|
|
1
|
+
/* Absolute Center */
|
2
|
+
.abs-center{
|
3
|
+
margin: auto;
|
4
|
+
position: fixed;
|
5
|
+
top:0; right:0; bottom:0; left:0;
|
6
|
+
}
|
7
|
+
/*Container for audio player*/
|
8
|
+
#audioplayer{
|
9
|
+
width: 480px;
|
10
|
+
height: 60px;
|
11
|
+
margin: auto;
|
12
|
+
margin-top: 50px;
|
13
|
+
background: rgba(77, 133, 222, 0.62);
|
14
|
+
border-radius: 15px;
|
15
|
+
}
|
16
|
+
/* Play/Pause Button */
|
17
|
+
#pButton{
|
18
|
+
height:60px;
|
19
|
+
width: 60px;
|
20
|
+
border: none;
|
21
|
+
background-size: 50% 50%;
|
22
|
+
background-repeat: no-repeat;
|
23
|
+
background-position: center;
|
24
|
+
float:left;
|
25
|
+
}
|
26
|
+
/*Classes for play/pause button background*/
|
27
|
+
.play{background: url('../img/play.png') ;}
|
28
|
+
.pause{background: url('../img/pause.png') ;}
|
29
|
+
|
30
|
+
#gutter{
|
31
|
+
width: 400px;
|
32
|
+
height: 20px;
|
33
|
+
background: #4200f7;
|
34
|
+
margin-top: 20px;
|
35
|
+
float: left;
|
36
|
+
border-radius: 15px;
|
37
|
+
}
|
38
|
+
/*Grabable Handle*/
|
39
|
+
#handle{
|
40
|
+
cursor: pointer;
|
41
|
+
width: 18px;
|
42
|
+
height: 18px;
|
43
|
+
border-radius: 50%;
|
44
|
+
margin-top: 1px;
|
45
|
+
background: rgba(0, 255, 196, 0.82);
|
46
|
+
}
|
@@ -0,0 +1,430 @@
|
|
1
|
+
/*
|
2
|
+
* ___
|
3
|
+
* /\_ \
|
4
|
+
* _____ ___ ___\//\ \ __
|
5
|
+
* /\ '__`\ / __`\ / __`\\ \ \ /'__`\
|
6
|
+
* \ \ \_\ \/\ \_\ \/\ \_\ \\_\ \_/\ __/
|
7
|
+
* \ \ ,__/\ \____/\ \____//\____\ \____\
|
8
|
+
* \ \ \/ \/___/ \/___/ \/____/\/____/
|
9
|
+
* \ \_\
|
10
|
+
* \/_/
|
11
|
+
*
|
12
|
+
* Designed, built, and released under MIT license by @mdo. Learn more at
|
13
|
+
* https://github.com/poole/poole.
|
14
|
+
*/
|
15
|
+
|
16
|
+
|
17
|
+
/*
|
18
|
+
* Contents
|
19
|
+
*
|
20
|
+
* Body resets
|
21
|
+
* Custom type
|
22
|
+
* Messages
|
23
|
+
* Container
|
24
|
+
* Masthead
|
25
|
+
* Posts and pages
|
26
|
+
* Pagination
|
27
|
+
* Reverse layout
|
28
|
+
* Themes
|
29
|
+
*/
|
30
|
+
|
31
|
+
|
32
|
+
/*
|
33
|
+
* Body resets
|
34
|
+
*
|
35
|
+
* Update the foundational and global aspects of the page.
|
36
|
+
*/
|
37
|
+
|
38
|
+
* {
|
39
|
+
-webkit-box-sizing: border-box;
|
40
|
+
-moz-box-sizing: border-box;
|
41
|
+
box-sizing: border-box;
|
42
|
+
}
|
43
|
+
|
44
|
+
html,
|
45
|
+
body {
|
46
|
+
margin: 0;
|
47
|
+
padding: 0;
|
48
|
+
}
|
49
|
+
|
50
|
+
html {
|
51
|
+
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
52
|
+
font-size: 16px;
|
53
|
+
line-height: 1.5;
|
54
|
+
}
|
55
|
+
@media (min-width: 38em) {
|
56
|
+
html {
|
57
|
+
font-size: 20px;
|
58
|
+
}
|
59
|
+
}
|
60
|
+
|
61
|
+
body {
|
62
|
+
color: #515151;
|
63
|
+
background-color: #fff;
|
64
|
+
-webkit-text-size-adjust: 100%;
|
65
|
+
-ms-text-size-adjust: 100%;
|
66
|
+
}
|
67
|
+
|
68
|
+
/* No `:visited` state is required by default (browsers will use `a`) */
|
69
|
+
a {
|
70
|
+
color: #268bd2;
|
71
|
+
text-decoration: none;
|
72
|
+
}
|
73
|
+
a strong {
|
74
|
+
color: inherit;
|
75
|
+
}
|
76
|
+
/* `:focus` is linked to `:hover` for basic accessibility */
|
77
|
+
a:hover,
|
78
|
+
a:focus {
|
79
|
+
text-decoration: underline;
|
80
|
+
}
|
81
|
+
|
82
|
+
/* Headings */
|
83
|
+
h1, h2, h3, h4, h5, h6 {
|
84
|
+
margin-bottom: .5rem;
|
85
|
+
font-weight: bold;
|
86
|
+
line-height: 1.25;
|
87
|
+
color: #313131;
|
88
|
+
text-rendering: optimizeLegibility;
|
89
|
+
}
|
90
|
+
h1 {
|
91
|
+
font-size: 2rem;
|
92
|
+
}
|
93
|
+
h2 {
|
94
|
+
margin-top: 1rem;
|
95
|
+
font-size: 1.5rem;
|
96
|
+
}
|
97
|
+
h3 {
|
98
|
+
margin-top: 1.5rem;
|
99
|
+
font-size: 1.25rem;
|
100
|
+
}
|
101
|
+
h4, h5, h6 {
|
102
|
+
margin-top: 1rem;
|
103
|
+
font-size: 1rem;
|
104
|
+
}
|
105
|
+
|
106
|
+
/* Body text */
|
107
|
+
p {
|
108
|
+
margin-top: 0;
|
109
|
+
margin-bottom: 1rem;
|
110
|
+
}
|
111
|
+
|
112
|
+
strong {
|
113
|
+
color: #303030;
|
114
|
+
}
|
115
|
+
|
116
|
+
|
117
|
+
/* Lists */
|
118
|
+
ul, ol, dl {
|
119
|
+
margin-top: 0;
|
120
|
+
margin-bottom: 1rem;
|
121
|
+
}
|
122
|
+
|
123
|
+
dt {
|
124
|
+
font-weight: bold;
|
125
|
+
}
|
126
|
+
dd {
|
127
|
+
margin-bottom: .5rem;
|
128
|
+
}
|
129
|
+
|
130
|
+
/* Misc */
|
131
|
+
hr {
|
132
|
+
position: relative;
|
133
|
+
margin: 1.5rem 0;
|
134
|
+
border: 0;
|
135
|
+
border-top: 1px solid #eee;
|
136
|
+
border-bottom: 1px solid #fff;
|
137
|
+
}
|
138
|
+
|
139
|
+
abbr {
|
140
|
+
font-size: 85%;
|
141
|
+
font-weight: bold;
|
142
|
+
color: #555;
|
143
|
+
text-transform: uppercase;
|
144
|
+
}
|
145
|
+
abbr[title] {
|
146
|
+
cursor: help;
|
147
|
+
border-bottom: 1px dotted #e5e5e5;
|
148
|
+
}
|
149
|
+
|
150
|
+
/* Code */
|
151
|
+
code,
|
152
|
+
pre {
|
153
|
+
font-family: Menlo, Monaco, "Courier New", monospace;
|
154
|
+
}
|
155
|
+
code {
|
156
|
+
padding: .25em .5em;
|
157
|
+
font-size: 85%;
|
158
|
+
color: #bf616a;
|
159
|
+
background-color: #f9f9f9;
|
160
|
+
border-radius: 3px;
|
161
|
+
}
|
162
|
+
pre {
|
163
|
+
display: block;
|
164
|
+
margin-top: 0;
|
165
|
+
margin-bottom: 1rem;
|
166
|
+
padding: 1rem;
|
167
|
+
font-size: .8rem;
|
168
|
+
line-height: 1.4;
|
169
|
+
white-space: pre;
|
170
|
+
white-space: pre-wrap;
|
171
|
+
word-break: break-all;
|
172
|
+
word-wrap: break-word;
|
173
|
+
background-color: #f9f9f9;
|
174
|
+
}
|
175
|
+
pre code {
|
176
|
+
padding: 0;
|
177
|
+
font-size: 100%;
|
178
|
+
color: inherit;
|
179
|
+
background-color: transparent;
|
180
|
+
}
|
181
|
+
|
182
|
+
/* Pygments via Jekyll */
|
183
|
+
.highlight {
|
184
|
+
margin-bottom: 1rem;
|
185
|
+
border-radius: 4px;
|
186
|
+
}
|
187
|
+
.highlight pre {
|
188
|
+
margin-bottom: 0;
|
189
|
+
}
|
190
|
+
|
191
|
+
/* Gist via GitHub Pages */
|
192
|
+
.gist .gist-file {
|
193
|
+
font-family: Menlo, Monaco, "Courier New", monospace !important;
|
194
|
+
}
|
195
|
+
.gist .markdown-body {
|
196
|
+
padding: 15px;
|
197
|
+
}
|
198
|
+
.gist pre {
|
199
|
+
padding: 0;
|
200
|
+
background-color: transparent;
|
201
|
+
}
|
202
|
+
.gist .gist-file .gist-data {
|
203
|
+
font-size: .8rem !important;
|
204
|
+
line-height: 1.4;
|
205
|
+
}
|
206
|
+
.gist code {
|
207
|
+
padding: 0;
|
208
|
+
color: inherit;
|
209
|
+
background-color: transparent;
|
210
|
+
border-radius: 0;
|
211
|
+
}
|
212
|
+
|
213
|
+
/* Quotes */
|
214
|
+
blockquote {
|
215
|
+
padding: .5rem 1rem;
|
216
|
+
margin: .8rem 0;
|
217
|
+
color: #7a7a7a;
|
218
|
+
border-left: .25rem solid #e5e5e5;
|
219
|
+
}
|
220
|
+
blockquote p:last-child {
|
221
|
+
margin-bottom: 0;
|
222
|
+
}
|
223
|
+
@media (min-width: 30em) {
|
224
|
+
blockquote {
|
225
|
+
padding-right: 5rem;
|
226
|
+
padding-left: 1.25rem;
|
227
|
+
}
|
228
|
+
}
|
229
|
+
|
230
|
+
img {
|
231
|
+
display: block;
|
232
|
+
max-width: 100%;
|
233
|
+
margin: 0 0 1rem;
|
234
|
+
border-radius: 5px;
|
235
|
+
}
|
236
|
+
|
237
|
+
/* Tables */
|
238
|
+
table {
|
239
|
+
margin-bottom: 1rem;
|
240
|
+
width: 100%;
|
241
|
+
border: 1px solid #e5e5e5;
|
242
|
+
border-collapse: collapse;
|
243
|
+
}
|
244
|
+
td,
|
245
|
+
th {
|
246
|
+
padding: .25rem .5rem;
|
247
|
+
border: 1px solid #e5e5e5;
|
248
|
+
}
|
249
|
+
tbody tr:nth-child(odd) td,
|
250
|
+
tbody tr:nth-child(odd) th {
|
251
|
+
background-color: #f9f9f9;
|
252
|
+
}
|
253
|
+
|
254
|
+
|
255
|
+
/*
|
256
|
+
* Custom type
|
257
|
+
*
|
258
|
+
* Extend paragraphs with `.lead` for larger introductory text.
|
259
|
+
*/
|
260
|
+
|
261
|
+
.lead {
|
262
|
+
font-size: 1.25rem;
|
263
|
+
font-weight: 300;
|
264
|
+
}
|
265
|
+
|
266
|
+
|
267
|
+
/*
|
268
|
+
* Messages
|
269
|
+
*
|
270
|
+
* Show alert messages to users. You may add it to single elements like a `<p>`,
|
271
|
+
* or to a parent if there are multiple elements to show.
|
272
|
+
*/
|
273
|
+
|
274
|
+
.message {
|
275
|
+
margin-bottom: 1rem;
|
276
|
+
padding: 1rem;
|
277
|
+
color: #717171;
|
278
|
+
background-color: #f9f9f9;
|
279
|
+
}
|
280
|
+
|
281
|
+
|
282
|
+
/*
|
283
|
+
* Container
|
284
|
+
*
|
285
|
+
* Center the page content.
|
286
|
+
*/
|
287
|
+
|
288
|
+
.container {
|
289
|
+
max-width: 38rem;
|
290
|
+
padding-left: 1rem;
|
291
|
+
padding-right: 1rem;
|
292
|
+
margin-left: auto;
|
293
|
+
margin-right: auto;
|
294
|
+
}
|
295
|
+
|
296
|
+
|
297
|
+
/*
|
298
|
+
* Masthead
|
299
|
+
*
|
300
|
+
* Super small header above the content for site name and short description.
|
301
|
+
*/
|
302
|
+
|
303
|
+
.masthead {
|
304
|
+
padding-top: 1rem;
|
305
|
+
padding-bottom: 1rem;
|
306
|
+
margin-bottom: 3rem;
|
307
|
+
}
|
308
|
+
.masthead-title {
|
309
|
+
margin-top: 0;
|
310
|
+
margin-bottom: 0;
|
311
|
+
color: #505050;
|
312
|
+
}
|
313
|
+
.masthead-title a {
|
314
|
+
color: #505050;
|
315
|
+
}
|
316
|
+
.masthead-title small {
|
317
|
+
font-size: 75%;
|
318
|
+
font-weight: 400;
|
319
|
+
color: #c0c0c0;
|
320
|
+
letter-spacing: 0;
|
321
|
+
}
|
322
|
+
|
323
|
+
|
324
|
+
/*
|
325
|
+
* Posts and pages
|
326
|
+
*
|
327
|
+
* Each post is wrapped in `.post` and is used on default and post layouts. Each
|
328
|
+
* page is wrapped in `.page` and is only used on the page layout.
|
329
|
+
*/
|
330
|
+
|
331
|
+
.page,
|
332
|
+
.post {
|
333
|
+
margin-bottom: 4em;
|
334
|
+
}
|
335
|
+
|
336
|
+
/* Blog post or page title */
|
337
|
+
.page-title,
|
338
|
+
.post-title,
|
339
|
+
.post-title a {
|
340
|
+
color: #303030;
|
341
|
+
}
|
342
|
+
.page-title,
|
343
|
+
.post-title {
|
344
|
+
margin-top: 0;
|
345
|
+
}
|
346
|
+
|
347
|
+
/* Meta data line below post title */
|
348
|
+
.post-date {
|
349
|
+
display: block;
|
350
|
+
margin-top: -.5rem;
|
351
|
+
margin-bottom: 1rem;
|
352
|
+
color: #9a9a9a;
|
353
|
+
}
|
354
|
+
|
355
|
+
/* Related posts */
|
356
|
+
.related {
|
357
|
+
padding-top: 2rem;
|
358
|
+
padding-bottom: 2rem;
|
359
|
+
border-top: 1px solid #eee;
|
360
|
+
}
|
361
|
+
.related-posts {
|
362
|
+
padding-left: 0;
|
363
|
+
list-style: none;
|
364
|
+
}
|
365
|
+
.related-posts h3 {
|
366
|
+
margin-top: 0;
|
367
|
+
}
|
368
|
+
.related-posts li small {
|
369
|
+
font-size: 75%;
|
370
|
+
color: #999;
|
371
|
+
}
|
372
|
+
.related-posts li a:hover {
|
373
|
+
color: #268bd2;
|
374
|
+
text-decoration: none;
|
375
|
+
}
|
376
|
+
.related-posts li a:hover small {
|
377
|
+
color: inherit;
|
378
|
+
}
|
379
|
+
|
380
|
+
|
381
|
+
/*
|
382
|
+
* Pagination
|
383
|
+
*
|
384
|
+
* Super lightweight (HTML-wise) blog pagination. `span`s are provide for when
|
385
|
+
* there are no more previous or next posts to show.
|
386
|
+
*/
|
387
|
+
|
388
|
+
.pagination {
|
389
|
+
overflow: hidden; /* clearfix */
|
390
|
+
margin-left: -1rem;
|
391
|
+
margin-right: -1rem;
|
392
|
+
font-family: "PT Sans", Helvetica, Arial, sans-serif;
|
393
|
+
color: #ccc;
|
394
|
+
text-align: center;
|
395
|
+
}
|
396
|
+
|
397
|
+
/* Pagination items can be `span`s or `a`s */
|
398
|
+
.pagination-item {
|
399
|
+
display: block;
|
400
|
+
padding: 1rem;
|
401
|
+
border: 1px solid #eee;
|
402
|
+
}
|
403
|
+
.pagination-item:first-child {
|
404
|
+
margin-bottom: -1px;
|
405
|
+
}
|
406
|
+
|
407
|
+
/* Only provide a hover state for linked pagination items */
|
408
|
+
a.pagination-item:hover {
|
409
|
+
background-color: #f5f5f5;
|
410
|
+
}
|
411
|
+
|
412
|
+
@media (min-width: 30em) {
|
413
|
+
.pagination {
|
414
|
+
margin: 3rem 0;
|
415
|
+
}
|
416
|
+
.pagination-item {
|
417
|
+
float: left;
|
418
|
+
width: 50%;
|
419
|
+
}
|
420
|
+
.pagination-item:first-child {
|
421
|
+
margin-bottom: 0;
|
422
|
+
border-top-left-radius: 4px;
|
423
|
+
border-bottom-left-radius: 4px;
|
424
|
+
}
|
425
|
+
.pagination-item:last-child {
|
426
|
+
margin-left: -1px;
|
427
|
+
border-top-right-radius: 4px;
|
428
|
+
border-bottom-right-radius: 4px;
|
429
|
+
}
|
430
|
+
}
|