Skip to content

Commit 11fd95d

Browse files
samlikinssamlikins
authored
Site template repairs (#73)
* Added columnization to package category and tag pages: - Added `columns-grouping-heading` class to section header - Added div tag with `columns-grouping` class around each section header and unordered list - Added div tag with `columns` class around all sections - Added CSS rules * Added top margin to `unit-foot` class. * Fixed template background full height. * Removed aberrant shadow under footer section. * Update style from `zoom` to `transform`. * Added missing CSS rule properties. * Added missing blank lines under front matter.
1 parent ed3af15 commit 11fd95d

File tree

20 files changed

+95
-46
lines changed

20 files changed

+95
-46
lines changed

‎_drafts/jekyll-introduction-draft.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ category : lessons
44
tagline: "Supporting tagline"
55
tags : [intro, beginner, jekyll, tutorial]
66
---
7+
78
{% include JB/setup %}
89

910

‎_layouts/default.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,5 +2,6 @@
22
theme :
33
name : the-program
44
---
5+
56
{% include JB/setup %}
67
{% include themes/the-program/default.html %}

‎_layouts/page.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
---
22
layout: default
33
---
4+
45
{% include JB/setup %}
56
{% include themes/the-program/page.html %}

‎_layouts/post.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
---
22
layout: default
33
---
4+
45
{% include JB/setup %}
56
{% include themes/the-program/post.html %}

‎archive/index.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44
header : Post Archive
55
group: navigation
66
---
7+
78
{% include JB/setup %}
89

910
{% assign posts_collate = site.posts %}

‎assets/custom.css

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -87,3 +87,15 @@ tr:hover td {
8787
.meta .list-tag a:hover {
8888
color: white;
8989
}
90+
91+
.columns {
92+
column-width: 20em;
93+
}
94+
.columns-grouping {
95+
margin-bottom: 2em;
96+
orphans: 4;
97+
}
98+
.columns-grouping-heading {
99+
column-span: all;
100+
margin-bottom: 0.25em;
101+
}

‎assets/themes/the-program/css/_base.less

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ No styleguide reference.
55
*/
66

77
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
8-
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
8+
audio, canvas, video { display: inline-block; *display: inline; transform: scale(1); }
99
audio:not([controls]) { display: none; }
1010
[hidden] { display: none; }
1111

@@ -21,7 +21,7 @@ Base from [HTML5 Boilerplate](http://j.mp/rP0wmY)
2121
No styleguide reference.
2222
*/
2323

24-
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
24+
html { height: 100%; font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
2525
body { min-height: 100%; height: 100%; margin: 0; font-size: 1em; line-height: 1.4; -webkit-tap-highlight-color: rgba(255,0,0, 0.62); }
2626
body, button, input, select, textarea { font-family: sans-serif; }
2727
::-moz-selection { background: #073642; color: #fff; text-shadow: none; }
@@ -123,13 +123,13 @@ button, input { line-height: normal; }
123123
* 2. Allow styling of clickable form elements in iOS
124124
* 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
125125
*/
126-
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
126+
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; -moz-appearance: button; appearance: button; *overflow: visible; }
127127
/*
128128
* Consistent box sizing and appearance
129129
*/
130130
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
131-
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
132-
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
131+
input[type="search"] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
132+
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
133133
/*
134134
* Remove inner padding and border in FF3/4: h5bp.com/l
135135
*/

‎assets/themes/the-program/css/_helper.less

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@ hr { -moz-box-sizing: content-box; }
4242
.hasGrid,
4343
.unit-inner,
4444
.tag_box,
45-
#page { *zoom: 1; }
45+
#page { transform: scale(1); }
4646
.left {
4747
*display: inline;
4848
float: left;

‎assets/themes/the-program/css/_less-base.less

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -186,7 +186,7 @@ No styleguide reference.
186186
li {
187187
display: inline-block;
188188
*display: inline;
189-
zoom: 1;
189+
transform: scale(1);
190190
line-height: normal;
191191
letter-spacing: normal;
192192
margin-right: 16px;

‎assets/themes/the-program/css/_mediaqueries.less

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -200,22 +200,22 @@
200200

201201
.body {
202202
border-left: 1px solid rgba(0,0,0,0.2);
203-
-webkit-box-shadow: rgba(255,255,255,1.0) 0px 0px 2px;
204-
-moz-box-shadow: rgba(255,255,255,1.0) 0px 0px 2px;
205-
-o-box-shadow: rgba(255,255,255,1.0) 0px 0px 2px;
206203
float: left;
207204
width: calc(~"81% - 1px");
208205
margin-right: -450px;
209206
min-height: 100%;
207+
height: 100%;
210208
.unit-body {
211209
border-right: 1px solid rgba(0,0,0,0.2);
212210
-webkit-box-shadow: rgba(255,255,255,1.0) 0px 0px 2px;
213211
-moz-box-shadow: rgba(255,255,255,1.0) 0px 0px 2px;
214212
-o-box-shadow: rgba(255,255,255,1.0) 0px 0px 2px;
213+
box-shadow: rgba(255,255,255,1.0) 0px 0px 2px;
215214
margin-right: 450px;
216215
padding: (@line-height * 1px) ((@line-height * 2) * 1px);
217216
@padding-vertical: ((@line-height * 1px) * 2);
218217
min-height: calc(~"100% -" @padding-vertical);
218+
height: calc(~"100% -" @padding-vertical);
219219
}
220220
}
221221

‎assets/themes/the-program/css/_module.less

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ No styleguide reference.
1414
*/
1515

1616
.mod .inner { position:relative; }
17-
.mod .bd, .mod .ft, .mod .hd { overflow:hidden; *overflow:visible; zoom:1; }
17+
.mod .bd, .mod .ft, .mod .hd { overflow:hidden; *overflow:visible; transform:scale(1); }
1818

1919
/*
2020
.media module from http://j.mp/tQCTa8
@@ -31,8 +31,8 @@ HTML should look like this and .media-left or .media-right and .bd is required:
3131
No styleguide reference.
3232
*/
3333

34-
.media { overflow:hidden; *overflow:visible; zoom:1; }
34+
.media { overflow:hidden; *overflow:visible; transform:scale(1); }
3535
.media .media-left { float:left; margin-right: 14px; }
3636
.media .img img { display:block; }
3737
.media .media-right { float:right; margin-left: 14px; }
38-
.media .bd, .media .ft, .media .hd { overflow:hidden; *overflow:visible; zoom:1; }
38+
.media .bd, .media .ft, .media .hd { overflow:hidden; *overflow:visible; transform:scale(1); }

‎assets/themes/the-program/css/style.css

Lines changed: 22 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ canvas,
2020
video {
2121
display: inline-block;
2222
*display: inline;
23-
*zoom: 1;
23+
transform: scale(1);
2424
}
2525
audio:not([controls]) {
2626
display: none;
@@ -40,6 +40,7 @@ Base from [HTML5 Boilerplate](http://j.mp/rP0wmY)
4040
No styleguide reference.
4141
*/
4242
html {
43+
height: 100%;
4344
font-size: 100%;
4445
overflow-y: scroll;
4546
-webkit-text-size-adjust: 100%;
@@ -270,6 +271,8 @@ input[type="reset"],
270271
input[type="submit"] {
271272
cursor: pointer;
272273
-webkit-appearance: button;
274+
-moz-appearance: button;
275+
appearance: button;
273276
*overflow: visible;
274277
}
275278
/*
@@ -282,12 +285,16 @@ input[type="radio"] {
282285
}
283286
input[type="search"] {
284287
-webkit-appearance: textfield;
285-
-moz-box-sizing: content-box;
288+
-moz-appearance: textfield;
289+
appearance: textfield;
286290
-webkit-box-sizing: content-box;
291+
-moz-box-sizing: content-box;
287292
box-sizing: content-box;
288293
}
289294
input[type="search"]::-webkit-search-decoration {
290295
-webkit-appearance: none;
296+
-moz-appearance: none;
297+
appearance: none;
291298
}
292299
/*
293300
* Remove inner padding and border in FF3/4: h5bp.com/l
@@ -345,7 +352,7 @@ No styleguide reference.
345352
.mod .hd {
346353
overflow: hidden;
347354
*overflow: visible;
348-
zoom: 1;
355+
transform: scale(1);
349356
}
350357
/*
351358
.media module from http://j.mp/tQCTa8
@@ -364,7 +371,7 @@ No styleguide reference.
364371
.media {
365372
overflow: hidden;
366373
*overflow: visible;
367-
zoom: 1;
374+
transform: scale(1);
368375
}
369376
.media .media-left {
370377
float: left;
@@ -382,7 +389,7 @@ No styleguide reference.
382389
.media .hd {
383390
overflow: hidden;
384391
*overflow: visible;
385-
zoom: 1;
392+
transform: scale(1);
386393
}
387394
/*
388395
Frameless <http://framelessgrid.com/>
@@ -532,7 +539,7 @@ No styleguide reference.
532539
.list-linear li {
533540
display: inline-block;
534541
*display: inline;
535-
zoom: 1;
542+
transform: scale(1);
536543
line-height: normal;
537544
letter-spacing: normal;
538545
margin-right: 16px;
@@ -781,6 +788,7 @@ pre {
781788
}
782789
.unit-article .unit-foot {
783790
border-top: 5px solid rgba(21, 25, 25, 0.8);
791+
margin-top: 1.625em;
784792
padding-top: 1.625em;
785793
position: relative;
786794
}
@@ -807,8 +815,8 @@ pre {
807815
-webkit-border-radius: 3px;
808816
-moz-border-radius: 3px;
809817
border-radius: 3px;
810-
-moz-background-clip: padding;
811818
-webkit-background-clip: padding-box;
819+
-moz-background-clip: padding;
812820
background-clip: padding-box;
813821
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.4);
814822
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.4);
@@ -828,17 +836,19 @@ pre {
828836
-moz-border-radius: 3px;
829837
border-radius: 3px;
830838
margin: 5px;
831-
-moz-background-clip: padding;
832839
-webkit-background-clip: padding-box;
840+
-moz-background-clip: padding;
833841
background-clip: padding-box;
834842
text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4);
835843
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
836844
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
837845
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
838846
-webkit-transition-duration: 0.2s;
839847
-moz-transition-duration: 0.2s;
848+
-o-transition-duration: 0.2s;
840849
transition-duration: 0.2s;
841850
-webkit-user-select: none;
851+
-khtml-user-select: none;
842852
-moz-user-select: none;
843853
-ms-user-select: none;
844854
user-select: none;
@@ -1071,22 +1081,22 @@ pre {
10711081
}
10721082
.body {
10731083
border-left: 1px solid rgba(0, 0, 0, 0.2);
1074-
-webkit-box-shadow: #ffffff 0px 0px 2px;
1075-
-moz-box-shadow: #ffffff 0px 0px 2px;
1076-
-o-box-shadow: #ffffff 0px 0px 2px;
10771084
float: left;
10781085
width: calc(81% - 1px);
10791086
margin-right: -450px;
10801087
min-height: 100%;
1088+
height: 100%;
10811089
}
10821090
.body .unit-body {
10831091
border-right: 1px solid rgba(0, 0, 0, 0.2);
10841092
-webkit-box-shadow: #ffffff 0px 0px 2px;
10851093
-moz-box-shadow: #ffffff 0px 0px 2px;
10861094
-o-box-shadow: #ffffff 0px 0px 2px;
1095+
box-shadow: #ffffff 0px 0px 2px;
10871096
margin-right: 450px;
10881097
padding: 26px 52px;
10891098
min-height: calc(100% - 52px);
1099+
height: calc(100% - 52px);
10901100
}
10911101
.the-footer {
10921102
position: relative;
@@ -1481,7 +1491,7 @@ hr {
14811491
.unit-inner,
14821492
.tag_box,
14831493
#page {
1484-
*zoom: 1;
1494+
transform: scale(1);
14851495
}
14861496
.left {
14871497
*display: inline;

‎assets/themes/the-program/css/style.less

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -190,6 +190,7 @@ pre {
190190

191191
.unit-foot {
192192
border-top: 5px solid rgba(21, 25, 25, 0.8);
193+
margin-top: (@line-height / @em);
193194
padding-top: (@line-height / @em);
194195
position: relative;
195196
nav ul {
@@ -216,7 +217,9 @@ pre {
216217
-webkit-border-radius: 3px;
217218
-moz-border-radius: 3px;
218219
border-radius: 3px;
219-
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
220+
-webkit-background-clip: padding-box;
221+
-moz-background-clip: padding;
222+
background-clip: padding-box;
220223
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.4);
221224
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.4);
222225
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4);
@@ -234,15 +237,19 @@ pre {
234237
-moz-border-radius: 3px;
235238
border-radius: 3px;
236239
margin: 5px;
237-
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
240+
-webkit-background-clip: padding-box;
241+
-moz-background-clip: padding;
242+
background-clip: padding-box;
238243
text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4);
239244
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
240245
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
241246
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
242247
-webkit-transition-duration: 0.2s;
243248
-moz-transition-duration: 0.2s;
249+
-o-transition-duration: 0.2s;
244250
transition-duration: 0.2s;
245251
-webkit-user-select:none;
252+
-khtml-user-select:none;
246253
-moz-user-select:none;
247254
-ms-user-select:none;
248255
user-select:none;

‎feed/atom.xml

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
---
22
title : Atom Feed
33
---
4+
45
<?xml version="1.0" encoding="utf-8"?>
56
<feed xmlns="http://www.w3.org/2005/Atom">
67
<title>{{ site.title }}</title>

‎index.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ title: Home
44
tabtitle: bpkg home
55
tagline: Supporting tagline
66
---
7+
78
{% include JB/setup %}
89

910
## bpkg is a _bash package manager_

0 commit comments

Comments
 (0)