type-on-strap 1.3.0 → 1.4.1
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 +4 -4
- data/README.md +80 -18
- data/_includes/blog.html +1 -3
- data/_includes/blog_nav.html +6 -8
- data/_includes/head.html +17 -18
- data/_includes/navbar.html +2 -2
- data/_includes/post_info.html +22 -0
- data/_includes/post_nav.html +17 -16
- data/_includes/share_buttons.html +1 -8
- data/_layouts/feed.xml +9 -3
- data/_layouts/post.html +23 -9
- data/_sass/base/_global.scss +127 -110
- data/_sass/base/_utility.scss +60 -45
- data/_sass/base/_variables.scss +26 -24
- data/_sass/external/_font-awesome.scss +0 -1
- data/_sass/external/_pacifico.scss +4 -0
- data/_sass/external/_source-sans-pro.scss +2 -2
- data/_sass/external/_syntax.scss +85 -83
- data/_sass/external/font-awesome/font-awesome.scss +0 -1
- data/_sass/includes/_blog_nav.scss +34 -42
- data/_sass/includes/_footer.scss +19 -16
- data/_sass/includes/_grid.scss +22 -22
- data/_sass/includes/_navbar.scss +130 -124
- data/_sass/includes/_portfolio.scss +40 -39
- data/_sass/includes/_post_nav.scss +27 -23
- data/_sass/includes/_share_buttons.scss +26 -25
- data/_sass/layouts/_blog.scss +87 -86
- data/_sass/layouts/_page.scss +5 -4
- data/_sass/layouts/_posts.scss +103 -71
- data/_sass/layouts/_search.scss +45 -44
- data/_sass/layouts/_tags.scss +43 -34
- data/_sass/type-on-strap.scss +1 -5
- data/assets/css/vendor/bootstrap-iso.min.css +2 -2
- data/assets/data/search.json +25 -27
- data/assets/js/partials/katex_init.js +20 -20
- data/assets/js/partials/masonry_init.js +17 -17
- data/assets/js/partials/navbar.js +18 -18
- metadata +5 -17
data/_sass/base/_variables.scss
CHANGED
@@ -4,13 +4,21 @@ $font-family-headings: 'Source Sans Pro', Helvetica, Arial, sans-serif;
|
|
4
4
|
$font-family-logo: 'Source Sans Pro', Helvetica, Arial, sans-serif;
|
5
5
|
$font-size: 1.25em;
|
6
6
|
|
7
|
-
|
8
7
|
// Padding
|
9
8
|
$padding-x-large: 23%;
|
10
|
-
$padding-large:
|
9
|
+
$padding-large: 9%;
|
11
10
|
$padding-medium: 6%;
|
12
11
|
$padding-small: 4%;
|
13
12
|
$padding-x-small: 3%;
|
13
|
+
$title-padding: 0.5em;
|
14
|
+
|
15
|
+
// Mobile display
|
16
|
+
$xl-break: 2000px;
|
17
|
+
$l-break: 1400px;
|
18
|
+
$m-break: 1000px;
|
19
|
+
$break: 768px;
|
20
|
+
$sm-break: 576px;
|
21
|
+
$x-sm-break: 300px;
|
14
22
|
|
15
23
|
// Brand colours
|
16
24
|
$theme-color: #337ab7;
|
@@ -41,35 +49,29 @@ $feature-image-size: cover; // options include "cover", "contain", "auto"
|
|
41
49
|
$header-desc-background-color: $theme-color;
|
42
50
|
$header-desc-text-color: #FFF;
|
43
51
|
|
44
|
-
// Mobile display
|
45
|
-
$break: 768px;
|
46
|
-
$sm-break: 450px;
|
47
|
-
|
48
52
|
/* Syntax highlighting */
|
49
53
|
// Syntax typography
|
50
54
|
$monospace: Monaco, Consolas, "Lucida Console", monospace !default;
|
51
55
|
$font-size-code: 0.75em !default; // ~12px
|
52
56
|
$border-radius: 4px !default;
|
53
57
|
|
54
|
-
|
55
|
-
|
56
58
|
// base16 Material Theme
|
57
|
-
$base00: #263238 !default;
|
58
|
-
$base01: #2E3C43 !default;
|
59
|
-
$base02: #314549 !default;
|
60
|
-
$base03: #546E7A !default;
|
61
|
-
$base04: #B2CCD6 !default;
|
62
|
-
$base05: #EEFFFF !default;
|
63
|
-
$base06: #EEFFFF !default;
|
64
|
-
$base07: #FFFFFF !default;
|
65
|
-
$base08: #F07178 !default;
|
66
|
-
$base09: #F78C6C !default;
|
67
|
-
$base0a: #FFCB6B !default;
|
68
|
-
$base0b: #98C379 !default;
|
69
|
-
$base0c: #89DDFF !default;
|
70
|
-
$base0d: #82AAFF !default;
|
71
|
-
$base0e: #C792EA !default;
|
72
|
-
$base0f: #FF5370 !default;
|
59
|
+
$base00: #263238 !default; // Default Background
|
60
|
+
$base01: #2E3C43 !default; // Lighter Background (Used for status bars)
|
61
|
+
$base02: #314549 !default; // Selection Background
|
62
|
+
$base03: #546E7A !default; // Comments, Invisibles, Line Highlighting
|
63
|
+
$base04: #B2CCD6 !default; // Dark Foreground (Used for status bars)
|
64
|
+
$base05: #EEFFFF !default; // Default Foreground, Caret, Delimiters, Operators
|
65
|
+
$base06: #EEFFFF !default; // Light Foreground (Not often used)
|
66
|
+
$base07: #FFFFFF !default; // Light Background (Not often used)
|
67
|
+
$base08: #F07178 !default; // Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
|
68
|
+
$base09: #F78C6C !default; // Integers, Boolean, Constants, XML Attributes, Markup Link Url
|
69
|
+
$base0a: #FFCB6B !default; // Classes, Markup Bold, Search Text Background
|
70
|
+
$base0b: #98C379 !default; // Strings, Inherited Class, Markup Code, Diff Inserted
|
71
|
+
$base0c: #89DDFF !default; // Support, Regular Expressions, Escape Characters, Markup Quotes
|
72
|
+
$base0d: #82AAFF !default; // Functions, Methods, Attribute IDs, Headings
|
73
|
+
$base0e: #C792EA !default; // Keywords, Storage, Selector, Markup Italic, Diff Changed
|
74
|
+
$base0f: #FF5370 !default; // Deprecated, Opening/Closing Embedded Language Tags e.g.
|
73
75
|
|
74
76
|
|
75
77
|
|
@@ -3,7 +3,7 @@
|
|
3
3
|
* (Font: SIL OFL 1.1, CSS: MIT License)
|
4
4
|
*/
|
5
5
|
|
6
|
-
$ssp-font-path: "../../assets/fonts/source-sans-pro"
|
6
|
+
$ssp-font-path: "../../assets/fonts/source-sans-pro" !default;
|
7
7
|
/* latin */
|
8
8
|
@font-face {
|
9
9
|
font-family: 'Source Sans Pro';
|
@@ -42,4 +42,4 @@ $ssp-font-path: "../../assets/fonts/source-sans-pro" !default;
|
|
42
42
|
font-weight: 700;
|
43
43
|
src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url('#{$ssp-font-path}/source-sans-pro-bold.woff2') format("woff2");
|
44
44
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
45
|
-
}
|
45
|
+
}
|
data/_sass/external/_syntax.scss
CHANGED
@@ -6,58 +6,60 @@
|
|
6
6
|
|
7
7
|
div.highlighter-rouge,
|
8
8
|
figure.highlight {
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
9
|
+
position: relative;
|
10
|
+
margin-bottom: 1em;
|
11
|
+
background: $base00;
|
12
|
+
color: $base05;
|
13
|
+
font-family: $monospace;
|
14
|
+
font-size: $font-size-code;
|
15
|
+
line-height: 1.8;
|
16
|
+
border-radius: $border-radius;
|
17
|
+
|
18
|
+
> pre,
|
19
|
+
pre.highlight {
|
20
|
+
margin: 0;
|
21
|
+
padding: 1em
|
22
|
+
}
|
22
23
|
}
|
23
24
|
|
24
25
|
code.highlighter-rouge {
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
26
|
+
padding: 0.2em 0.4em;
|
27
|
+
font-size: $font-size-code;
|
28
|
+
background-color: transparentize($base00, 0.85);
|
29
|
+
color: rgb(36, 41, 46);
|
30
|
+
border-radius: 2px;
|
31
|
+
font-family: $monospace;
|
31
32
|
}
|
32
33
|
|
33
34
|
.highlight table {
|
34
|
-
|
35
|
-
|
35
|
+
margin-bottom: 0;
|
36
|
+
font-size: 1em;
|
37
|
+
border: 0;
|
38
|
+
|
39
|
+
td {
|
40
|
+
padding: 0;
|
41
|
+
width: calc(100% - 1em);
|
36
42
|
border: 0;
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
width: 2em;
|
46
|
-
color: $base04;
|
47
|
-
border-right: 1px solid $base04;
|
48
|
-
text-align: right
|
49
|
-
}
|
50
|
-
|
51
|
-
/* code */
|
52
|
-
&.code,
|
53
|
-
&.rouge-code {
|
54
|
-
padding-left: 1em
|
55
|
-
}
|
43
|
+
/* line numbers*/
|
44
|
+
&.gutter,
|
45
|
+
&.rouge-gutter {
|
46
|
+
padding-right: 1em;
|
47
|
+
width: 2em;
|
48
|
+
color: $base04;
|
49
|
+
border-right: 1px solid $base04;
|
50
|
+
text-align: right
|
56
51
|
}
|
57
52
|
|
58
|
-
|
59
|
-
|
53
|
+
/* code */
|
54
|
+
&.code,
|
55
|
+
&.rouge-code {
|
56
|
+
padding-left: 1em
|
60
57
|
}
|
58
|
+
}
|
59
|
+
|
60
|
+
pre {
|
61
|
+
margin: 0
|
62
|
+
}
|
61
63
|
}
|
62
64
|
|
63
65
|
.highlight pre{ width:100%}
|
@@ -131,56 +133,56 @@ code.highlighter-rouge {
|
|
131
133
|
|
132
134
|
// Fix Github syntax display
|
133
135
|
.gist .blob-num {
|
134
|
-
|
136
|
+
width: 3.5% !important;
|
135
137
|
}
|
136
138
|
|
137
139
|
// Fix nbconvert dataframe
|
138
140
|
.dataframe tbody {
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
}
|
146
|
-
|
147
|
-
th {
|
148
|
-
border-top: 0;
|
149
|
-
border-left: 0;
|
150
|
-
border-bottom: 0;
|
151
|
-
}
|
152
|
-
|
153
|
-
|
154
|
-
td {
|
155
|
-
padding: 0;
|
156
|
-
border: 0;
|
157
|
-
text-align: center;
|
158
|
-
}
|
141
|
+
font-size: 0.8em;
|
142
|
+
border-color: white;
|
143
|
+
|
144
|
+
tr {
|
145
|
+
:nth-child(even) {
|
146
|
+
background-color: #f8f8f8;
|
159
147
|
}
|
160
|
-
|
161
|
-
|
162
|
-
}
|
163
148
|
|
164
|
-
|
165
|
-
|
166
|
-
|
167
|
-
|
168
|
-
|
169
|
-
font-size: 0.75em;
|
170
|
-
text-align: center !important;
|
171
|
-
border-top: 0;
|
172
|
-
border-left: 0;
|
173
|
-
border-right: 0;
|
149
|
+
th {
|
150
|
+
border-top: 0;
|
151
|
+
border-left: 0;
|
152
|
+
border-bottom: 0;
|
174
153
|
}
|
175
|
-
|
176
|
-
|
177
|
-
|
178
|
-
|
154
|
+
|
155
|
+
|
156
|
+
td {
|
157
|
+
padding: 0;
|
158
|
+
border: 0;
|
159
|
+
text-align: center;
|
179
160
|
}
|
180
|
-
|
161
|
+
}
|
162
|
+
|
163
|
+
|
164
|
+
}
|
165
|
+
|
166
|
+
.dataframe thead tr {
|
167
|
+
:nth-child(n+2) {
|
168
|
+
color: black;
|
169
|
+
//width: 100px;
|
170
|
+
|
171
|
+
font-size: 0.75em;
|
172
|
+
text-align: center !important;
|
173
|
+
border-top: 0;
|
174
|
+
border-left: 0;
|
175
|
+
border-right: 0;
|
176
|
+
}
|
177
|
+
|
178
|
+
:first-child {
|
179
|
+
border-top: 0;
|
180
|
+
border-left: 0;
|
181
|
+
}
|
182
|
+
|
181
183
|
}
|
182
184
|
|
183
185
|
table.dataframe {
|
184
|
-
|
185
|
-
|
186
|
+
border: 0 solid $border-color;
|
187
|
+
border-collapse: collapse;
|
186
188
|
}
|
@@ -1,56 +1,48 @@
|
|
1
1
|
/* --- Pagination --- */
|
2
2
|
.pagination {
|
3
|
-
|
3
|
+
@extend %padding-nav;
|
4
|
+
display: inline-block;
|
5
|
+
text-align: center;
|
6
|
+
//margin-bottom: 2em;
|
7
|
+
width: 100%;
|
8
|
+
clear: both;
|
9
|
+
|
10
|
+
&:before {
|
11
|
+
content: '';
|
4
12
|
display: inline-block;
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
clear: both;
|
13
|
+
height: 100%;
|
14
|
+
vertical-align: middle;
|
15
|
+
}
|
9
16
|
|
10
|
-
|
11
|
-
|
12
|
-
|
17
|
+
.page_number {
|
18
|
+
display: inline-block;
|
19
|
+
vertical-align: sub;
|
13
20
|
|
14
|
-
|
15
|
-
|
16
|
-
display: inline-block;
|
17
|
-
height: 100%;
|
18
|
-
vertical-align: middle;
|
21
|
+
@media (max-width: $x-sm-break) {
|
22
|
+
display: none;
|
19
23
|
}
|
24
|
+
}
|
20
25
|
|
21
|
-
|
22
|
-
|
23
|
-
|
26
|
+
.button {
|
27
|
+
margin: 0;
|
28
|
+
display: inline-block;
|
24
29
|
|
25
|
-
|
26
|
-
|
27
|
-
|
30
|
+
.fa {
|
31
|
+
&.fa-chevron-right, &.fa-chevron-left {
|
32
|
+
font-size: initial;
|
33
|
+
}
|
28
34
|
}
|
29
35
|
|
30
|
-
.
|
31
|
-
|
32
|
-
display: inline;
|
33
|
-
|
34
|
-
.fa {
|
35
|
-
&.fa-chevron-right, &.fa-chevron-left {
|
36
|
-
font-size: initial;
|
37
|
-
}
|
38
|
-
}
|
39
|
-
|
40
|
-
i .fa-chevron-left .fa-chevron-right {
|
41
|
-
vertical-align: inherit;
|
42
|
-
}
|
43
|
-
|
44
|
-
@media (max-width: $break) {
|
45
|
-
display: table-cell;
|
46
|
-
}
|
36
|
+
i .fa-chevron-left .fa-chevron-right {
|
37
|
+
vertical-align: inherit;
|
47
38
|
}
|
39
|
+
}
|
48
40
|
|
49
|
-
|
50
|
-
|
51
|
-
|
41
|
+
.previous {
|
42
|
+
float: left;
|
43
|
+
}
|
52
44
|
|
53
|
-
|
54
|
-
|
55
|
-
|
45
|
+
.next {
|
46
|
+
float: right;
|
47
|
+
}
|
56
48
|
}
|
data/_sass/includes/_footer.scss
CHANGED
@@ -1,20 +1,23 @@
|
|
1
1
|
.site-footer {
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
2
|
+
@extend %padding-post;
|
3
|
+
display: inline-block;
|
4
|
+
text-align: center;
|
5
|
+
width: 100%;
|
6
|
+
color: lighten($text-color, 24%);
|
7
|
+
font-size: 0.9em;
|
8
8
|
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
9
|
+
.footer-icons {
|
10
|
+
ul {
|
11
|
+
list-style: none;
|
12
|
+
margin: 0;
|
13
|
+
|
14
|
+
li {
|
15
|
+
display: inline;
|
16
|
+
}
|
17
|
+
|
18
|
+
a:hover {
|
19
|
+
color: darken($link-color, 15%);
|
20
|
+
}
|
19
21
|
}
|
22
|
+
}
|
20
23
|
}
|