structrdfal 0.1.4 → 0.2.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 +4 -4
- data/README.md +14 -6
- data/_data/lang.yml +126 -0
- data/_data/site-nav.yml +15 -0
- data/_includes/blogList.html +7 -1
- data/_includes/book.html +89 -0
- data/_includes/catag.html +1 -0
- data/_includes/comment-form.html +43 -0
- data/_includes/comment-holiday-message.html +1 -0
- data/_includes/comment-section.html +7 -0
- data/_includes/comment.html +34 -0
- data/{_layouts → _includes}/event.html +39 -34
- data/_includes/footer.html +15 -6
- data/_includes/google-analytics.html +11 -0
- data/_includes/header.html +9 -0
- data/_includes/keywords.html +18 -0
- data/_includes/mailto-explainer.html +4 -0
- data/_includes/nav.html +3 -1
- data/_includes/page-nav.html +6 -0
- data/_includes/page-title.html +3 -0
- data/_includes/search.html +16 -0
- data/_includes/styleScriptPath.html +10 -0
- data/_layouts/autopage_category.html +2 -2
- data/_layouts/autopage_tags.html +1 -1
- data/_layouts/bloghome.html +3 -1
- data/_layouts/default.html +25 -19
- data/_layouts/eformContactPage.html +24 -0
- data/_layouts/eventFormPage.html +126 -0
- data/_layouts/eventpost.html +2 -135
- data/_layouts/post.html +33 -0
- data/_layouts/refresh.html +8 -0
- data/_layouts/review.html +314 -0
- data/_layouts/sitehome.html +20 -10
- data/_plugins/asset_filter.rb +9 -0
- data/_plugins/comments.rb +133 -0
- data/_plugins/hex_filter.rb +12 -0
- data/_sass/structrdfal.scss +444 -0
- data/assets/{styles → css}/form.css +15 -8
- data/assets/css/style.scss +6 -0
- data/lib/structrdfal-jekyll-plugins +1 -0
- data/lib/structrdfal-jekyll-plugins.rb +2 -0
- metadata +41 -47
- data/assets/styles/structRDFaL.css +0 -177
- /data/assets/{styles → css}/HTML5BP-main.css +0 -0
- /data/assets/{styles → css}/normalize.css +0 -0
@@ -0,0 +1,444 @@
|
|
1
|
+
:root {
|
2
|
+
/* cannot be used in media queries, so these are mostly useless */
|
3
|
+
--side-nav-width: 9.5em;
|
4
|
+
--read-width: 51em;
|
5
|
+
|
6
|
+
// intrinsic breakpoints
|
7
|
+
// logo squish at: max-width: 40em, max-height: 30rlh
|
8
|
+
// done in html via img size
|
9
|
+
// why do matching numbers here not match???? 8-(
|
10
|
+
--small-height: calc(30rlh - 3.39rlh); // magic numbered fudge factor
|
11
|
+
--small-width: 75%;
|
12
|
+
|
13
|
+
--color-theme: orange;
|
14
|
+
// --color-gradient: color-mix(in srgb, var(--color-theme) 45%, Canvas);
|
15
|
+
--color-gradient: lightgoldenrodyellow;
|
16
|
+
--body-color: linear-gradient(var(--color-theme) 40vh,
|
17
|
+
var(--color-gradient));
|
18
|
+
--bar-color: color-mix(in srgb, CanvasText 15%, Canvas 100%);
|
19
|
+
// anchor nav needs help to clear the fixed header (see a[name])
|
20
|
+
// the clamp is the extra space when the menu goes horizontal
|
21
|
+
--page-nav-fudge-factor: calc(4.5rem +
|
22
|
+
clamp(0em, (var(--small-height) - 100vh)*1000, 3rem));
|
23
|
+
}
|
24
|
+
|
25
|
+
// // doesn't work, leave for later
|
26
|
+
// @media print {
|
27
|
+
// :not(nav) > a[href]:after { content: " (" attr(href) ")"; }
|
28
|
+
// }
|
29
|
+
|
30
|
+
html {
|
31
|
+
color-scheme: light dark;
|
32
|
+
color: CanvasText;
|
33
|
+
// background-color: Canvas; // redundant?
|
34
|
+
background: var(--body-color);
|
35
|
+
}
|
36
|
+
body {
|
37
|
+
display: flex;
|
38
|
+
flex-wrap: wrap;
|
39
|
+
max-width: calc(var(--read-width) + var(--side-nav-width));
|
40
|
+
margin: auto;
|
41
|
+
justify-content: center;
|
42
|
+
}
|
43
|
+
|
44
|
+
/* -----------------------------------------------------------------
|
45
|
+
optimal line length for reading is 50-75 so I have set main width
|
46
|
+
to 51em. I have also decided that a minimal reading span is about
|
47
|
+
30em or so, so before I take up 9-11em for a big logo or side menu,
|
48
|
+
the screen needs to be at least 40em. That's where these numbers
|
49
|
+
come from.
|
50
|
+
----------------------------------------------------------------- */
|
51
|
+
body > header, #page-footer {
|
52
|
+
background: var(--bar-color);
|
53
|
+
}
|
54
|
+
#window {
|
55
|
+
flex-basis: 0;
|
56
|
+
flex-grow: 999;
|
57
|
+
min-inline-size: var(--small-width);
|
58
|
+
max-width: var(--read-width);
|
59
|
+
min-height: 100vh;
|
60
|
+
display: flex;
|
61
|
+
flex-direction: column;
|
62
|
+
}
|
63
|
+
/* pad the bottom so that when the page title stickies to the window
|
64
|
+
left by the menus going horizontal, the text scrolling underneath
|
65
|
+
clears that window space.
|
66
|
+
|
67
|
+
Could do clampy stuff to make that extra space go away when the
|
68
|
+
menus are on the side, but *shrug*
|
69
|
+
*/
|
70
|
+
#page-title { padding-bottom: calc(1lh - 1cap); }
|
71
|
+
main {
|
72
|
+
flex-grow: 1;
|
73
|
+
|
74
|
+
// confused that the style reset doesn't do this
|
75
|
+
:where(h1, h2, h3, h4, h5, h6) { margin-bottom: 0; }
|
76
|
+
:where(h1, h2, h3, h4, h5, h6)+
|
77
|
+
:where(p, ul, dl) { margin-top: 0; }
|
78
|
+
|
79
|
+
|
80
|
+
background: Canvas;
|
81
|
+
// flex: auto;
|
82
|
+
// overflow: auto;
|
83
|
+
> h1 {
|
84
|
+
position: sticky;
|
85
|
+
top: 0;
|
86
|
+
background: color-mix(in srgb-linear, Canvas 94%, transparent);
|
87
|
+
text-align: center;
|
88
|
+
}
|
89
|
+
padding-bottom: 1rem;
|
90
|
+
}
|
91
|
+
main, #page-footer {
|
92
|
+
max-width: var(--read-width);
|
93
|
+
padding-left: 1rem;
|
94
|
+
padding-right: 1rem;
|
95
|
+
box-sizing: border-box;
|
96
|
+
}
|
97
|
+
#top-corner-logo { max-width: var(--side-nav-width); }
|
98
|
+
|
99
|
+
a[name] { scroll-margin-top: var(--page-nav-fudge-factor); }
|
100
|
+
|
101
|
+
/* ------------------------------------------------------------------
|
102
|
+
sidebar/nav width (proportional to width of main) is the intrinisic
|
103
|
+
switch for responsive menu collapse. To collapse the menu when the
|
104
|
+
screen is short, as well, bump the flex-basis for the navs when
|
105
|
+
the view height is smaller than the screen height break point.
|
106
|
+
----------------------------------------------------------------- */
|
107
|
+
nav#nav-set {
|
108
|
+
flex-basis: calc(var(--side-nav-width) +
|
109
|
+
clamp(0em, (var(--small-height) - 100vh)*1000, 10em));
|
110
|
+
flex-grow: 1;
|
111
|
+
max-width: var(--read-width);
|
112
|
+
position: sticky;
|
113
|
+
top: 0;
|
114
|
+
align-self: start;
|
115
|
+
z-index: 1;
|
116
|
+
}
|
117
|
+
nav.menu {
|
118
|
+
display: flex;
|
119
|
+
flex-wrap: wrap;
|
120
|
+
gap: 2px min(1rem, 1.5vw);
|
121
|
+
margin: 0;
|
122
|
+
padding: 0;
|
123
|
+
background: color-mix(in srgb-linear, Canvas 50%, transparent);
|
124
|
+
}
|
125
|
+
nav.menu > * {
|
126
|
+
background: Canvas; // greyed out??
|
127
|
+
flex-basis: min(5rem, 10vw);
|
128
|
+
flex-grow: 1;
|
129
|
+
flex-shrink: 1;
|
130
|
+
display: inline-block;
|
131
|
+
padding: 0 min(1em, 1vw);
|
132
|
+
min-width: fit-content;
|
133
|
+
text-align: end;
|
134
|
+
}
|
135
|
+
#site-nav { margin-top: 2px; }
|
136
|
+
/* containment context must be created for container units to work */
|
137
|
+
#site-nav { container-type: inline-size; }
|
138
|
+
#searchform input[type="search"] { width: calc(100cqw - 2em); }
|
139
|
+
span:has(#searchform), #searchform { padding: 0; }
|
140
|
+
/* ------------------------------------------------------------------
|
141
|
+
Want the gap between site-nav and page-nav to be bigger when the
|
142
|
+
screen is big. It should shrink to absolute minimum as the screen
|
143
|
+
gets shorter. It should also be minimized when screen narrows.
|
144
|
+
----------------------------------------------------------------- */
|
145
|
+
#page-nav {
|
146
|
+
--margin-calc: calc((var(--side-nav-width) + 0.57rem)*4);
|
147
|
+
margin-top: clamp(2px,
|
148
|
+
min(100vw - var(--margin-calc),
|
149
|
+
100vh - var(--small-height))*1000,
|
150
|
+
5vh);
|
151
|
+
border-radius: 0.3rem;
|
152
|
+
}
|
153
|
+
#page-footer {
|
154
|
+
border: 1px solid;
|
155
|
+
z-index: 2;
|
156
|
+
margin-top: 0.5rem;
|
157
|
+
position: sticky;
|
158
|
+
/* intrinsic sticky off switch. set only while screen is long enough.
|
159
|
+
the smaller the VW, the bigger the footer is going to get, so
|
160
|
+
unstick it sooner. */
|
161
|
+
bottom: clamp(0vh - 100vh,
|
162
|
+
(100vh - var(--small-height) -
|
163
|
+
max(0px, (var(--read-width) * 0.75) - 100vw))*1000,
|
164
|
+
0vh);
|
165
|
+
span[typeof="Date"] {
|
166
|
+
display: inline-block;
|
167
|
+
min-width: fit-content;
|
168
|
+
width: 50%;
|
169
|
+
}
|
170
|
+
span[property="dateModified"] { text-align: right; }
|
171
|
+
p { margin: 0; }
|
172
|
+
}
|
173
|
+
|
174
|
+
/* -----------------------------------------------------------------
|
175
|
+
The tabindex/javascript trick used to allow spacebar scrolling of
|
176
|
+
content parceled in the <main> also outlines the element in blue,
|
177
|
+
but since we didn't tabindex it for accessibility reasons, the
|
178
|
+
blue is just confusing.
|
179
|
+
----------------------------------------------------------------- */
|
180
|
+
main:focus { outline: none; }
|
181
|
+
|
182
|
+
/* -----------------------------------------------------------------
|
183
|
+
positioning navigation elements
|
184
|
+
----------------------------------------------------------------- */
|
185
|
+
#logo-nav, #title-bar {
|
186
|
+
// display: inline;
|
187
|
+
vertical-align:middle;
|
188
|
+
}
|
189
|
+
|
190
|
+
/* -----------------------------------------------------------------
|
191
|
+
Main navigation colours
|
192
|
+
----------------------------------------------------------------- */
|
193
|
+
nav#site-nav a, nav#page-nav a {
|
194
|
+
background: #0007;
|
195
|
+
background: color-mix(in srgb-linear, CanvasText 92%, Canvas 5%);
|
196
|
+
}
|
197
|
+
nav#page-nav a {
|
198
|
+
background: color-mix(in srgb-linear, CanvasText 82%, Canvas 15%);
|
199
|
+
border-radius: 0.3rem;
|
200
|
+
color: initial;
|
201
|
+
}
|
202
|
+
|
203
|
+
/* -----------------------------------------------------------------
|
204
|
+
Styling the regular links
|
205
|
+
note that generically *not* descended from <nav> doesn't work but
|
206
|
+
not the *child* of <nav> does, SO if you add in some spans or divs,
|
207
|
+
to the <nav> links, bad things might happen.
|
208
|
+
----------------------------------------------------------------- */
|
209
|
+
:not(nav) > a {
|
210
|
+
text-decoration: none;
|
211
|
+
/* color: initial; since visited colour setting doesn't work, don't make the text all black*/
|
212
|
+
}
|
213
|
+
:not(nav) > a:link {
|
214
|
+
box-shadow: 0 -0.8ex 0 #CBEEFA inset, 0 2px 0 #CBEEFA;
|
215
|
+
box-shadow: inset 0 -0.5ex 0 color-mix(in lab,
|
216
|
+
color-mix(in oklch, currentColor 75%, yellow),
|
217
|
+
Canvas 55%),
|
218
|
+
0 2px 0 currentColor;
|
219
|
+
}
|
220
|
+
/* implementation of (?) privacy rules around :visited
|
221
|
+
makes this weirdly buggy, working for some links but
|
222
|
+
not others */
|
223
|
+
:not(nav) > a:visited {
|
224
|
+
box-shadow: 0 -0.8ex 0 #FACBFA inset, 0 2px 0 #FACBFA;
|
225
|
+
box-shadow: 0 -0.8ex 0 color-mix(in lab, currentColor 15%, Canvas 100%) inset,
|
226
|
+
0 2px 0 color-mix(in lab, currentColor 15%, Canvas 100%);
|
227
|
+
}
|
228
|
+
:not(nav) > a:visited:hover, :not(nav) > a:visited:focus {
|
229
|
+
background-color: #FACBFA;
|
230
|
+
background-color: color-mix(in lab, currentColor 15%, Canvas);
|
231
|
+
box-shadow: none;
|
232
|
+
}
|
233
|
+
:not(nav) > a:hover, :not(nav) > a:focus {
|
234
|
+
background-color: #CBEEFA;
|
235
|
+
background-color: color-mix(in lab,
|
236
|
+
color-mix(in oklch, LinkText, yellow),
|
237
|
+
Canvas 70%);
|
238
|
+
box-shadow: none;
|
239
|
+
}
|
240
|
+
:not(nav) > a:active {
|
241
|
+
background-color: #FACBCB;
|
242
|
+
background-color: color-mix(in lab, currentColor 15%, Canvas);
|
243
|
+
box-shadow: none;
|
244
|
+
/* color: inherit;*/
|
245
|
+
}
|
246
|
+
|
247
|
+
/* -----------------------------------------------------------------
|
248
|
+
Styling the nav: links and appearance in general
|
249
|
+
**** light version **********************************************
|
250
|
+
background: #ddd;
|
251
|
+
color: #000;
|
252
|
+
----------------------------------------------------------------- */
|
253
|
+
nav#site-nav a, nav#page-nav a {
|
254
|
+
text-decoration: none;
|
255
|
+
font-family: Optima, Gill Sans, Arial, sans-serif;
|
256
|
+
font-weight: bold;
|
257
|
+
// padding: 2px 4px 2px 0;
|
258
|
+
color: #fff;
|
259
|
+
color: Canvas;
|
260
|
+
}
|
261
|
+
|
262
|
+
/**** light version ************************************************
|
263
|
+
nav#site-nav a:hover, nav#page-nav a:hover { background: #bbf; }
|
264
|
+
nav#site-nav a:active, nav#page-nav a:active { background: #fbb; }
|
265
|
+
***************************************************************** */
|
266
|
+
nav#site-nav a:hover, nav#page-nav a:hover { background: #00f7; }
|
267
|
+
nav#site-nav a:active, nav#page-nav a:active { background: #f887; }
|
268
|
+
nav#site-nav a:hover, nav#page-nav a:hover {
|
269
|
+
background: color-mix(in lab, LinkText, Canvas );
|
270
|
+
}
|
271
|
+
nav#site-nav a:active, nav#page-nav a:active {
|
272
|
+
background: color-mix(in srgb-linear, ActiveText, Canvas);
|
273
|
+
}
|
274
|
+
|
275
|
+
/* -----------------------------------------------------------------
|
276
|
+
If the current page is in the menu, it should not be a link so
|
277
|
+
it is not an href and we differentiate it visually as well.
|
278
|
+
**** light version **********************************************
|
279
|
+
nav#site-nav a.nav-self, nav#page-nav a.nav-self {
|
280
|
+
background: linear-gradient(to right, #ddd, #ddd, white, white);
|
281
|
+
}
|
282
|
+
----------------------------------------------------------------- */
|
283
|
+
nav#site-nav a.nav-self, nav#page-nav a.nav-self {
|
284
|
+
background: linear-gradient(to right, #0007, #2227, #7777, white, white, white);
|
285
|
+
background: linear-gradient(to right,
|
286
|
+
color-mix(in srgb, CanvasText 50%, Canvas 50%),
|
287
|
+
color-mix(in srgb, CanvasText 30%, Canvas 70%),
|
288
|
+
color-mix(in srgb, CanvasText 20%, Canvas 80%),
|
289
|
+
Canvas, Canvas);
|
290
|
+
color: initial;
|
291
|
+
color: CanvasText;
|
292
|
+
}
|
293
|
+
/* -----------------------------------------------------------------
|
294
|
+
If the current page is in the directory of a menu item, it should
|
295
|
+
still highlight as a link.
|
296
|
+
**** light version **********************************************
|
297
|
+
nav#site-nav a.nav-sub {
|
298
|
+
background: linear-gradient(to right, #ddd, white);
|
299
|
+
}
|
300
|
+
nav#site-nav a.nav-sub:hover {
|
301
|
+
background: linear-gradient(to right, #bbf, white);
|
302
|
+
}
|
303
|
+
nav#site-nav a.nav-sub:active {
|
304
|
+
background: linear-gradient(to right, #fbb, white);
|
305
|
+
}
|
306
|
+
----------------------------------------------------------------- */
|
307
|
+
nav#site-nav a.nav-sub {
|
308
|
+
background: linear-gradient(to right, #0008, #fffd, white);
|
309
|
+
background: linear-gradient(to right, CanvasText, color-mix(in srgb, CanvasText 10%, Canvas 90%), Canvas);
|
310
|
+
color: initial;
|
311
|
+
color: CanvasText;
|
312
|
+
}
|
313
|
+
nav#site-nav a.nav-sub:hover {
|
314
|
+
background: linear-gradient(to right, #00f7, #ddfd, white);
|
315
|
+
background: linear-gradient(to right, LinkText, color-mix(in srgb-linear, LinkText 10%, Canvas 90%), Canvas);
|
316
|
+
}
|
317
|
+
nav#site-nav a.nav-sub:active {
|
318
|
+
background: linear-gradient(to right, #f007, #fddd, white);
|
319
|
+
background: linear-gradient(to right, ActiveText, color-mix(in srgb-linear, ActiveText 10%, Canvas 90%), Canvas);
|
320
|
+
}
|
321
|
+
|
322
|
+
/* -----------------------------------------------------------------
|
323
|
+
Styles for the pager buttons recommended by the
|
324
|
+
jekyll-paginate-v2 author, modified to make the whole boxed
|
325
|
+
area clickable and more clickability feedback.
|
326
|
+
Also de-list-ified for better accessibility.
|
327
|
+
----------------------------------------------------------------- */
|
328
|
+
nav.blog-pager {
|
329
|
+
text-align: center;
|
330
|
+
padding-left: 0;
|
331
|
+
clear: both;
|
332
|
+
margin-top: 2em;
|
333
|
+
}
|
334
|
+
nav.blog-pager a {
|
335
|
+
display: inline-block;
|
336
|
+
border: 2px solid CanvasText;
|
337
|
+
padding: 10px 15px;
|
338
|
+
margin: 0 1px;
|
339
|
+
}
|
340
|
+
nav.blog-pager a:hover:not([rel="self"]),
|
341
|
+
nav.blog-pager a:focus:not([rel="self"]) {
|
342
|
+
border-color:LinkText;
|
343
|
+
color: LinkText;
|
344
|
+
}
|
345
|
+
nav.blog-pager a:active:not([rel="self"]) {
|
346
|
+
border-color: ActiveText;
|
347
|
+
color: ActiveText;
|
348
|
+
}
|
349
|
+
|
350
|
+
/* -----------------------------------------------------------------
|
351
|
+
Styles for the previous/next blog page links
|
352
|
+
----------------------------------------------------------------- */
|
353
|
+
#blog-prevnext :first-child { float: left; }
|
354
|
+
#blog-prevnext :last-child { float: right; }
|
355
|
+
|
356
|
+
/* -----------------------------------------------------------------
|
357
|
+
styling the list of categories and tags
|
358
|
+
without the !important, generic link stuff takes over. 8-(
|
359
|
+
----------------------------------------------------------------- */
|
360
|
+
.categories, .tags {
|
361
|
+
display: inline-block;
|
362
|
+
color: CanvasText;
|
363
|
+
padding: 0.5px 6px;
|
364
|
+
border-radius: 3px;
|
365
|
+
}
|
366
|
+
.categories { box-shadow: inset 0 0 6px CanvasText !important; }
|
367
|
+
.tags { box-shadow: inset 0 0 6px color-mix(in srgb-linear, CanvasText 60%, transparent) !important; }
|
368
|
+
a.categories, a.tags,
|
369
|
+
.categories:hover, .tags:hover,
|
370
|
+
.categories:active, .tags:active { text-decoration: none !important; }
|
371
|
+
// .categories:hover { box-shadow: inset 0 0 7.5px #009 !important; }
|
372
|
+
// .tags:hover { box-shadow: inset 0 0 7.5px #55f !important; }
|
373
|
+
// .categories:active { box-shadow: inset 0 0 15px #f00 !important; }
|
374
|
+
// .tags:active { box-shadow: inset 0 0 15px #f55 !important; }
|
375
|
+
.categories:hover { box-shadow: inset 0 0 7.5px LinkText !important; }
|
376
|
+
.tags:hover { box-shadow: inset 0 0 7.5px color-mix(in srgb-linear, LinkText 50%, Canvas) !important; }
|
377
|
+
.categories:active { box-shadow: inset 0 0 15px ActiveText !important; }
|
378
|
+
.tags:active { box-shadow: inset 0 0 15px color-mix(in srgb-linear, ActiveText 50%, Canvas) !important; }
|
379
|
+
.catag:last-child:after { /* line break after tags and categories*/
|
380
|
+
content: ' ';
|
381
|
+
display: block;
|
382
|
+
}
|
383
|
+
|
384
|
+
/* -----------------------------------------------------------------
|
385
|
+
Styles for the blog lists
|
386
|
+
----------------------------------------------------------------- */
|
387
|
+
section[property="articleBody"]:after,
|
388
|
+
article[typeof="BlogPosting"]:after {
|
389
|
+
content: "";
|
390
|
+
display: table;
|
391
|
+
clear: both;
|
392
|
+
}
|
393
|
+
article > header > h3,
|
394
|
+
article > header > h1
|
395
|
+
{ margin-bottom: 0; }
|
396
|
+
article > header { font-family: Optima, sans-serif; }
|
397
|
+
article > header > h1[property="headline"] { font-size: large; }
|
398
|
+
|
399
|
+
.related h2 { margin-bottom: 0; }
|
400
|
+
.related ul { margin-top: 0; }
|
401
|
+
|
402
|
+
/* -----------------------------------------------------------------
|
403
|
+
Styles for comments
|
404
|
+
----------------------------------------------------------------- */
|
405
|
+
section#comments > h2 { margin-bottom: 0; }
|
406
|
+
article[typeof="Comment"] > header > h3 { margin-top: 0; }
|
407
|
+
form > h3 { margin: -.5em 0 .5em; }
|
408
|
+
p#holidaynote, article[typeof="Comment"] {
|
409
|
+
margin: 0.5em;
|
410
|
+
padding: 0.5em;
|
411
|
+
border: CanvasText solid 0.5px;
|
412
|
+
border-radius: 0.5em;
|
413
|
+
}
|
414
|
+
article[typeof="Comment"] > footer { font-weight: bold; }
|
415
|
+
|
416
|
+
/* -----------------------------------------------------------------
|
417
|
+
Styles for comment form
|
418
|
+
----------------------------------------------------------------- */
|
419
|
+
span#helpmark {
|
420
|
+
font: 2em bold;
|
421
|
+
padding: 0 .4em;
|
422
|
+
border: 2px solid CanvasText;
|
423
|
+
border-radius: 50%;
|
424
|
+
position: relative;
|
425
|
+
top: 0.25em;
|
426
|
+
left: -5.83em;
|
427
|
+
}
|
428
|
+
span#helpnote div#helpmsg {
|
429
|
+
display: none; /* invisible by default */
|
430
|
+
background-color: Canvas;
|
431
|
+
opacity: 1;
|
432
|
+
position: absolute;
|
433
|
+
font: unset;
|
434
|
+
max-width: 45em;
|
435
|
+
border: 1px solid CanvasText;
|
436
|
+
border-radius: 4px;
|
437
|
+
padding: 3px;
|
438
|
+
box-shadow: 0 0 2px Canvas, 0 0 1em Canvas;
|
439
|
+
}
|
440
|
+
span#helpnote:focus div#helpmsg,
|
441
|
+
span#helpnote:hover div#helpmsg {
|
442
|
+
display: block;
|
443
|
+
z-index: 50;
|
444
|
+
}
|
@@ -1,5 +1,9 @@
|
|
1
1
|
/* Mostly from the MDN web docs tutorial, IIRC. */
|
2
|
-
|
2
|
+
:root {
|
3
|
+
--label-width: 5.5em;
|
4
|
+
--label-length: 4.5em;
|
5
|
+
}
|
6
|
+
:not(search) > form {
|
3
7
|
/* To see the outline of the form */
|
4
8
|
padding: 1em;
|
5
9
|
border: 1px solid #CCC;
|
@@ -9,10 +13,13 @@ form {
|
|
9
13
|
label {
|
10
14
|
/* To make sure that all labels have the same size and are properly aligned */
|
11
15
|
display: inline-block;
|
12
|
-
width:
|
16
|
+
width: var(--label-width);
|
13
17
|
text-align: right;
|
14
18
|
}
|
15
19
|
|
20
|
+
/* label next to my multi-line select was aligning to the bottom */
|
21
|
+
label:has(+ select) { vertical-align: top; }
|
22
|
+
|
16
23
|
/* ----------------------------------------------------------------------
|
17
24
|
unsetting the normalize reset (I like it better this way)
|
18
25
|
---------------------------------------------------------------------- */
|
@@ -35,16 +42,16 @@ legend {
|
|
35
42
|
|
36
43
|
fieldset label {
|
37
44
|
/* To make sure that all labels have the same size and are properly aligned */
|
38
|
-
width:
|
45
|
+
width: var(--label-length);
|
39
46
|
}
|
40
47
|
|
41
|
-
input:not([type='date']):not([type='reset']):not([type='submit']), textarea {
|
48
|
+
input:not([type='date']):not([type='reset']):not([type='submit']), textarea, select {
|
42
49
|
/* To make sure that all text fields have the same font settings
|
43
50
|
By default, textareas have a monospace font */
|
44
51
|
font: 1em inherit;
|
45
52
|
|
46
53
|
/* To give the same size to all text fields */
|
47
|
-
width:
|
54
|
+
width: 81%;
|
48
55
|
box-sizing: border-box;
|
49
56
|
|
50
57
|
/* To harmonize the look & feel of text field border */
|
@@ -52,11 +59,11 @@ input:not([type='date']):not([type='reset']):not([type='submit']), textarea {
|
|
52
59
|
}
|
53
60
|
/*input[required], textarea[required] { background: #fff3f3; } */
|
54
61
|
::placeholder, textarea { font-style: italic; }
|
55
|
-
input:invalid, textarea:invalid, select:invalid {background: yellow; }
|
62
|
+
input:invalid, textarea:invalid, select:invalid { background: light-dark(yellow, #440); }
|
56
63
|
|
57
64
|
input:focus, textarea:focus {
|
58
65
|
/* To give a little highlight on active elements */
|
59
|
-
border-color:
|
66
|
+
border-color: CanvasText;
|
60
67
|
}
|
61
68
|
|
62
69
|
textarea {
|
@@ -76,6 +83,6 @@ input[type='reset'], input[type='submit'] {
|
|
76
83
|
|
77
84
|
input[type='reset'] {
|
78
85
|
/* To position the buttons to the same position of the text fields */
|
79
|
-
margin-left:
|
86
|
+
margin-left: 4.8em;
|
80
87
|
}
|
81
88
|
|
@@ -0,0 +1 @@
|
|
1
|
+
../_plugins
|
metadata
CHANGED
@@ -1,71 +1,42 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: structrdfal
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.
|
4
|
+
version: 0.2.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Carol Wang
|
8
|
-
autorequire:
|
9
8
|
bindir: bin
|
10
9
|
cert_chain: []
|
11
|
-
date:
|
10
|
+
date: 1980-01-02 00:00:00.000000000 Z
|
12
11
|
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: '4.0'
|
20
|
-
type: :runtime
|
21
|
-
prerelease: false
|
22
|
-
version_requirements: !ruby/object:Gem::Requirement
|
23
|
-
requirements:
|
24
|
-
- - "~>"
|
25
|
-
- !ruby/object:Gem::Version
|
26
|
-
version: '4.0'
|
27
12
|
- !ruby/object:Gem::Dependency
|
28
13
|
name: jekyll-paginate-v2
|
29
14
|
requirement: !ruby/object:Gem::Requirement
|
30
15
|
requirements:
|
31
16
|
- - '='
|
32
17
|
- !ruby/object:Gem::Version
|
33
|
-
version:
|
18
|
+
version: 3.0.0
|
34
19
|
type: :runtime
|
35
20
|
prerelease: false
|
36
21
|
version_requirements: !ruby/object:Gem::Requirement
|
37
22
|
requirements:
|
38
23
|
- - '='
|
39
24
|
- !ruby/object:Gem::Version
|
40
|
-
version:
|
25
|
+
version: 3.0.0
|
41
26
|
- !ruby/object:Gem::Dependency
|
42
|
-
name:
|
27
|
+
name: jekyll-data
|
43
28
|
requirement: !ruby/object:Gem::Requirement
|
44
29
|
requirements:
|
45
|
-
- - "
|
30
|
+
- - ">="
|
46
31
|
- !ruby/object:Gem::Version
|
47
|
-
version: '
|
48
|
-
type: :
|
49
|
-
prerelease: false
|
50
|
-
version_requirements: !ruby/object:Gem::Requirement
|
51
|
-
requirements:
|
52
|
-
- - "~>"
|
53
|
-
- !ruby/object:Gem::Version
|
54
|
-
version: '1.17'
|
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.3'
|
62
|
-
type: :development
|
32
|
+
version: '0'
|
33
|
+
type: :runtime
|
63
34
|
prerelease: false
|
64
35
|
version_requirements: !ruby/object:Gem::Requirement
|
65
36
|
requirements:
|
66
|
-
- - "
|
37
|
+
- - ">="
|
67
38
|
- !ruby/object:Gem::Version
|
68
|
-
version: '
|
39
|
+
version: '0'
|
69
40
|
description: A theme focused on structured data marked up using RDFa Lite based on
|
70
41
|
HTML5 Boilerplate.
|
71
42
|
email:
|
@@ -76,24 +47,47 @@ extra_rdoc_files: []
|
|
76
47
|
files:
|
77
48
|
- LICENSE.txt
|
78
49
|
- README.md
|
50
|
+
- _data/lang.yml
|
51
|
+
- _data/site-nav.yml
|
79
52
|
- _includes/blogList.html
|
53
|
+
- _includes/book.html
|
80
54
|
- _includes/catag-old.html
|
81
55
|
- _includes/catag.html
|
56
|
+
- _includes/comment-form.html
|
57
|
+
- _includes/comment-holiday-message.html
|
58
|
+
- _includes/comment-section.html
|
59
|
+
- _includes/comment.html
|
60
|
+
- _includes/event.html
|
82
61
|
- _includes/footer.html
|
62
|
+
- _includes/google-analytics.html
|
63
|
+
- _includes/header.html
|
64
|
+
- _includes/keywords.html
|
65
|
+
- _includes/mailto-explainer.html
|
83
66
|
- _includes/nav.html
|
67
|
+
- _includes/page-nav.html
|
68
|
+
- _includes/page-title.html
|
69
|
+
- _includes/search.html
|
70
|
+
- _includes/styleScriptPath.html
|
84
71
|
- _layouts/aboutPage.html
|
85
72
|
- _layouts/autopage_category.html
|
86
73
|
- _layouts/autopage_tags.html
|
87
74
|
- _layouts/bloghome.html
|
88
75
|
- _layouts/contactPage.html
|
89
76
|
- _layouts/default.html
|
90
|
-
- _layouts/
|
77
|
+
- _layouts/eformContactPage.html
|
78
|
+
- _layouts/eventFormPage.html
|
91
79
|
- _layouts/eventpost.html
|
92
80
|
- _layouts/page.html
|
93
81
|
- _layouts/post.html
|
82
|
+
- _layouts/refresh.html
|
83
|
+
- _layouts/review.html
|
94
84
|
- _layouts/sitehome.html
|
85
|
+
- _plugins/asset_filter.rb
|
86
|
+
- _plugins/comments.rb
|
87
|
+
- _plugins/hex_filter.rb
|
95
88
|
- _sass/_variables.scss
|
96
89
|
- _sass/_vertical-rhythm.scss
|
90
|
+
- _sass/structrdfal.scss
|
97
91
|
- assets/.colophon/html5-boilerplate_v7.0.1/404.html
|
98
92
|
- assets/.colophon/html5-boilerplate_v7.0.1/LICENSE.txt
|
99
93
|
- assets/.colophon/html5-boilerplate_v7.0.1/docs/TOC.md
|
@@ -112,6 +106,10 @@ files:
|
|
112
106
|
- assets/browserconfig.xml
|
113
107
|
- assets/category.html
|
114
108
|
- assets/contactform.html
|
109
|
+
- assets/css/HTML5BP-main.css
|
110
|
+
- assets/css/form.css
|
111
|
+
- assets/css/normalize.css
|
112
|
+
- assets/css/style.scss
|
115
113
|
- assets/eventform.html
|
116
114
|
- assets/favicon.ico
|
117
115
|
- assets/feed-icon-14x14.png
|
@@ -125,18 +123,15 @@ files:
|
|
125
123
|
- assets/scripts/vendor/jquery-3.3.1.min.js
|
126
124
|
- assets/scripts/vendor/modernizr-3.6.0.min.js
|
127
125
|
- assets/site.webmanifest
|
128
|
-
- assets/styles/HTML5BP-main.css
|
129
|
-
- assets/styles/form.css
|
130
|
-
- assets/styles/normalize.css
|
131
|
-
- assets/styles/structRDFaL.css
|
132
126
|
- assets/tag.html
|
133
127
|
- assets/tile-wide.png
|
134
128
|
- assets/tile.png
|
129
|
+
- lib/structrdfal-jekyll-plugins
|
130
|
+
- lib/structrdfal-jekyll-plugins.rb
|
135
131
|
homepage: http://struct.arghc.ca/
|
136
132
|
licenses:
|
137
133
|
- MIT
|
138
134
|
metadata: {}
|
139
|
-
post_install_message:
|
140
135
|
rdoc_options: []
|
141
136
|
require_paths:
|
142
137
|
- lib
|
@@ -151,8 +146,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
151
146
|
- !ruby/object:Gem::Version
|
152
147
|
version: '0'
|
153
148
|
requirements: []
|
154
|
-
rubygems_version: 3.
|
155
|
-
signing_key:
|
149
|
+
rubygems_version: 3.6.9
|
156
150
|
specification_version: 4
|
157
151
|
summary: Structured Data using RDFa Lite.
|
158
152
|
test_files: []
|