diff --git a/archetypes/default.md b/archetypes/default.md deleted file mode 100644 index 00e77bd..0000000 --- a/archetypes/default.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -title: "{{ replace .Name "-" " " | title }}" -date: {{ .Date }} -draft: true ---- - diff --git a/archetypes/post-bundle/index.md b/archetypes/post-bundle/index.md deleted file mode 100644 index 43ba70f..0000000 --- a/archetypes/post-bundle/index.md +++ /dev/null @@ -1,20 +0,0 @@ ---- -title: "{{ replace .Name "-" " " | title }}" -subtitle: -date: {{ .Date }} -draft: true -url: - -featured_image: -resources: -- name: - alt: - src: - params: - attr: Warner Bros. Pictures - -categories: -areas: -tags: ---- - diff --git a/archetypes/posts.md b/archetypes/posts.md deleted file mode 100644 index 1ea7569..0000000 --- a/archetypes/posts.md +++ /dev/null @@ -1,12 +0,0 @@ ---- -title: "{{ replace .Name "-" " " | title }}" -date: {{ .Date }} -draft: true -url: -featured_image: -subtitle: -categories: -areas: -tags: ---- - diff --git a/css/.sanitize.css b/css/.sanitize.css new file mode 100644 index 0000000..58cf3c1 --- /dev/null +++ b/css/.sanitize.css @@ -0,0 +1,363 @@ +/* Document + * ========================================================================== */ + +/** + * 1. Add border box sizing in all browsers (opinionated). + * 2. Backgrounds do not repeat by default (opinionated). + */ + +*, +::before, +::after { + box-sizing: border-box; /* 1 */ + background-repeat: no-repeat; /* 2 */ +} + +/** + * 1. Add text decoration inheritance in all browsers (opinionated). + * 2. Add vertical alignment inheritance in all browsers (opinionated). + */ + +::before, +::after { + text-decoration: inherit; /* 1 */ + vertical-align: inherit; /* 2 */ +} + +/** + * 1. Use the default cursor in all browsers (opinionated). + * 2. Change the line height in all browsers (opinionated). + * 3. Breaks words to prevent overflow in all browsers (opinionated). + * 4. Use a 4-space tab width in all browsers (opinionated). + * 5. Remove the grey highlight on links in iOS (opinionated). + * 6. Prevent adjustments of font size after orientation changes in iOS. + */ + +:where(:root) { + cursor: default; /* 1 */ + line-height: 1.5; /* 2 */ + overflow-wrap: break-word; /* 3 */ + -moz-tab-size: 4; /* 4 */ + tab-size: 4; /* 4 */ + -webkit-tap-highlight-color: transparent; /* 5 */ + -webkit-text-size-adjust: 100%; /* 6 */ +} + +/* Sections + * ========================================================================== */ + +/** + * Remove the margin in all browsers (opinionated). + */ + +:where(body) { + margin: 0; +} + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Edge, Firefox, and Safari. + */ + +:where(h1) { + font-size: 2em; + margin: 0.67em 0; +} + +/* Grouping content + * ========================================================================== */ + +/** + * Remove the margin on nested lists in Chrome, Edge, and Safari. + */ + +:where(dl, ol, ul) :where(dl, ol, ul) { + margin: 0; +} + +/** + * 1. Correct the inheritance of border color in Firefox. + * 2. Add the correct box sizing in Firefox. + */ + +:where(hr) { + color: inherit; /* 1 */ + height: 0; /* 2 */ +} + +/** + * Remove the list style on navigation lists in all browsers (opinionated). + */ + +:where(nav) :where(ol, ul) { + list-style-type: none; + padding: 0; +} + +/** + * Prevent VoiceOver from ignoring list semantics in Safari (opinionated). + */ + +:where(nav li)::before { + content: "\200B"; + float: left; +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + * 3. Prevent overflow of the container in all browsers (opinionated). + */ + +:where(pre) { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ + overflow: auto; /* 3 */ +} + +/* Text-level semantics + * ========================================================================== */ + +/** + * Add the correct text decoration in Safari. + */ + +:where(abbr[title]) { + text-decoration: underline; + text-decoration: underline dotted; +} + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + +:where(b, strong) { + font-weight: bolder; +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +:where(code, kbd, samp) { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** + * Add the correct font size in all browsers. + */ + +:where(small) { + font-size: 80%; +} + +/* Embedded content + * ========================================================================== */ + +/* + * Change the alignment on media elements in all browsers (opinionated). + */ + +:where(audio, canvas, iframe, img, svg, video) { + vertical-align: middle; +} + +/** + * Remove the border on iframes in all browsers (opinionated). + */ + +:where(iframe) { + border-style: none; +} + +/** + * Change the fill color to match the text color in all browsers (opinionated). + */ + +:where(svg:not([fill])) { + fill: currentColor; +} + +/* Tabular data + * ========================================================================== */ + +/** + * 1. Collapse border spacing in all browsers (opinionated). + * 2. Correct table border color inheritance in all Chrome, Edge, and Safari. + * 3. Remove text indentation from table contents in Chrome, Edge, and Safari. + */ + +:where(table) { + border-collapse: collapse; /* 1 */ + border-color: inherit; /* 2 */ + text-indent: 0; /* 3 */ +} + +/* Forms + * ========================================================================== */ + +/** + * Remove the margin on controls in Safari. + */ + +:where(button, input, select) { + margin: 0; +} + +/** + * Correct the inability to style buttons in iOS and Safari. + */ + +:where(button, [type="button" i], [type="reset" i], [type="submit" i]) { + -webkit-appearance: button; +} + +/** + * Change the inconsistent appearance in all browsers (opinionated). + */ + +:where(fieldset) { + border: 1px solid #a0a0a0; +} + +/** + * Add the correct vertical alignment in Chrome, Edge, and Firefox. + */ + +:where(progress) { + vertical-align: baseline; +} + +/** + * 1. Remove the margin in Firefox and Safari. + * 3. Change the resize direction in all browsers (opinionated). + */ + +:where(textarea) { + margin: 0; /* 1 */ + resize: vertical; /* 3 */ +} + +/** + * 1. Correct the odd appearance in Chrome, Edge, and Safari. + * 2. Correct the outline style in Safari. + */ + +:where([type="search" i]) { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** + * Correct the cursor style of increment and decrement buttons in Safari. + */ + +::-webkit-inner-spin-button, +::-webkit-outer-spin-button { + height: auto; +} + +/** + * Correct the text style of placeholders in Chrome, Edge, and Safari. + */ + +::-webkit-input-placeholder { + color: inherit; + opacity: 0.54; +} + +/** + * Remove the inner padding in Chrome, Edge, and Safari on macOS. + */ + +::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * 1. Correct the inability to style upload buttons in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* Interactive + * ========================================================================== */ + +/* + * Add the correct styles in Safari. + */ + +:where(dialog) { + background-color: white; + border: solid; + color: black; + height: -moz-fit-content; + height: fit-content; + left: 0; + margin: auto; + padding: 1em; + position: absolute; + right: 0; + width: -moz-fit-content; + width: fit-content; +} + +:where(dialog:not([open])) { + display: none; +} + +/* + * Add the correct display in Safari. + */ + +:where(details > summary:first-of-type) { + display: list-item; +} + +/* Accessibility + * ========================================================================== */ + +/** + * Change the cursor on busy elements in all browsers (opinionated). + */ + +:where([aria-busy="true" i]) { + cursor: progress; +} + +/* + * Change the cursor on control elements in all browsers (opinionated). + */ + +:where([aria-controls]) { + cursor: pointer; +} + +/* + * Change the cursor on disabled, not-editable, or otherwise + * inoperable elements in all browsers (opinionated). + */ + +:where([aria-disabled="true" i], [disabled]) { + cursor: not-allowed; +} + +/* + * Change the display on visually hidden accessible elements + * in all browsers (opinionated). + */ + +:where([aria-hidden="false" i][hidden]) { + display: initial; +} + +:where([aria-hidden="false" i][hidden]:not(:focus)) { + clip: rect(0, 0, 0, 0); + position: absolute; +} diff --git a/css/main.07f3dc2fb2c858958ea090832e1d27014e336f4beab5901e077ced707964d433.css b/css/main.07f3dc2fb2c858958ea090832e1d27014e336f4beab5901e077ced707964d433.css deleted file mode 100644 index d24554d..0000000 --- a/css/main.07f3dc2fb2c858958ea090832e1d27014e336f4beab5901e077ced707964d433.css +++ /dev/null @@ -1,840 +0,0 @@ -@charset "UTF-8"; -@font-face { - font-family: "Input Mono"; - src: url(/fonts/InputMono-Regular.ttf); } - -html { - font-size: 16px; - color: #020202; - background-color: #fffff0; - font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; } - -h1, -h2, -h3, -h4, -h5, -h6 { - font-weight: normal; - margin: 0; } - -a { - text-decoration-skip-ink: auto; - color: #020202; - text-decoration: underline; - opacity: 0.8; } - a:hover { - text-decoration: none; - opacity: 1; } - -.sic::after { - content: " [sic]"; - font-style: italic; } - -.latex { - display: inline !important; } - -pre { - padding-left: 1em; - border-left: 2px outset #020202; - display: inline-block; - max-width: 85%; } - -pre { - overflow: hidden; } - -@media only screen and (min-width: 1024px) { - pre { - margin: 1em 2em; } } - -q.guillemets { - quotes: "«" "»" "«" "»"; } - -q, -blockquote { - quotes: "‘" "’" "“" "”"; } - -q::before { - content: open-quote; } - -q::after { - content: close-quote; } - -cite, -cite.book, -cite.film, -cite.tv-show, -cite.comic, -cite.book, -cite.podcast, -cite.album, -cite.report { - font-style: italic; } - -cite.book--bible { - font-style: inherit; } - -cite.legislation, -cite.smallcite, -cite.comic-strip, -cite.short-story, -cite.article, -cite.episode, -cite.video, -cite.chapter, -cite.software, -cite.campaign, -cite.song, -cite.speech, -cite.course, -cite.presentation { - font-style: normal; } - -cite.smallcite::before, -cite.article::before, -cite.comic-strip::before, -cite.short-story::before, -cite.episode::before, -cite.video::before, -cite.chapter::before, -cite.song::before, -cite.poem::before, -cite.campaign::before, -cite.speech::before, -cite.course::before, -cite.presentation::before { - content: "“"; } - -cite.smallcite::after, -cite.article::after, -cite.comic-strip::after, -cite.short-story::after, -cite.episode::after, -cite.video::after, -cite.chapter::after, -cite.song::after, -cite.poem::after, -cite.campaign::after, -cite.speech::after, -cite.course::after, -cite.presentation::after { - content: "”"; } - -cite.article--shortcite::before, -cite.article--shortcite::after { - content: none; } - -code, -samp, -var, -pre { - font-family: "Input Mono", "Lucida Console", Monaco, monospace; - font-size: 1em; } - -pre .nocode { - font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; - font-size: 1em; - padding: 1px 3px; - border-radius: 6px; - border: dashed 1px black; } - -code, -samp, -var { - background-color: #d1d1d1; - border-radius: 5px; - padding: 2px; } - -pre { - max-width: 50vw; - overflow: scroll; } - -h1 code, -.post-title code, -pre code, -h1 samp, -.post-title samp, -pre samp, -h1 var, -.post-title var, -pre var { - background-color: transparent; - padding: 0; } - -.heading code, -.subheading code { - background-color: transparent; } - -pre.prettyprint ol { - padding-left: 3.5em; } - -pre.prettyprint li { - background: none !important; } - -samp { - display: block; - width: 80ch; - margin: 1em 4em; - border-left: 2px solid #ccc; - color: #333; } - -kbd { - padding: 0.1em 0.6em; - border: 1px solid #ccc; - font-size: 11px; - font-family: Arial, Helvetica, sans-serif; - background-color: #f7f7f7; - color: #333; - box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px white inset; - border-radius: 3px; - display: inline-block; - margin: 0 0.1em; - text-shadow: 0 1px 0 white; - line-height: 1.4; - white-space: nowrap; } - -.pre-nominals, -.post-nominals { - font-size: 0.6em; - font-variant: small-caps; } - -.site-container { - display: grid; - grid-template-columns: 2.5% 1fr 2.5%; - grid-template-rows: auto 1fr 2.5%; - grid-template-areas: "header header header" "page-container page-container page-container" "footer footer footer"; - min-height: calc(100vh - 4em); - border-top: 0; } - @media only screen and (min-width: 1248px) { - .site-container { - margin-bottom: 2em; - grid-template-areas: "header header header" ". page-container ." "footer footer footer"; - border: 2px solid black; - margin-left: 2em; - margin-right: 2em; } } - .site-container--homepage { - align-items: center; - grid-template-rows: auto 2.5%; - grid-template-areas: "page-container page-container page-container" "footer footer footer"; - margin-top: 2em; - margin-bottom: 2em; } - @media only screen and (min-width: 1248px) { - .site-container--homepage { - border: 2px solid black; - margin-left: 2em; - margin-right: 2em; - grid-template-areas: ". page-container ." "footer footer footer"; } } - .site-container--list, .site-container--section { - align-items: center; } - -.site-header { - display: grid; - grid-area: header; - grid-gap: 0; - grid-template-columns: 1fr; - grid-template-rows: auto auto auto auto; - grid-template-areas: "header-title" "header-tagline" "header-icons" "header-nav"; - position: sticky; - top: 0; - left: 0; - width: 100%; - text-align: center; - z-index: 1; } - .site-header__title, .site-header__tagline, .site-header__icons, .site-header__nav { - background-color: #fffff0; - margin: 0; } - .site-header__title, .site-header__tagline, .site-header__icons { - padding: 5px 0; } - .site-header__title { - font-weight: normal; - grid-area: header-title; } - .site-header__tagline { - grid-area: header-tagline; } - .site-header__icons { - grid-area: header-icons; - border-bottom: 2px solid #020202; - margin-bottom: 0; } - .site-header__nav { - grid-area: header-nav; - margin: auto; - width: 100%; } - @media only screen and (min-width: 1248px) { - .site-header__nav { - width: 60%; } } - .site-header__nav ul { - margin-top: 0; - margin-bottom: 0; } - .site-header__nav li { - width: calc(100% / 3); - display: block; - float: left; - border-bottom: 2px solid black; - border-left: 1px solid black; - border-right: 1px solid black; - padding: 0.4em; - background-color: inherit; } - .site-header__nav a:first-child li { - border-left: 2px solid black; } - .site-header__nav a:last-child li { - border-right: 2px solid black; } - .site-header__nav li:hover { - background-color: #ffffd0; } - .site-header__nav li a { - width: 100%; - height: 100%; - display: block; } - -.site-footer { - grid-area: footer; - display: block; - width: 99%; - /* Overflows right of viewport otherwise */ - position: fixed; - bottom: 0; } - .site-footer p { - width: fit-content; - margin: auto; - background: #fffff0; - border: 2px solid black; - padding: 0.4em; - border-bottom: none; - font-size: 0.6em; } - @media only screen and (min-width: 1248px) { - .site-footer p { - font-size: 1em; } } -.site-content { - grid-area: page-container; - margin-left: 1em; - margin-right: 1em; } - @media only screen and (min-width: 1248px) { - .site-content { - margin: 2em; } } -.feed-icon { - display: inline-block; - height: 0.6em; - width: 0.6em; - margin-bottom: 0.2em; } - -.link--tile { - text-decoration: none; - box-sizing: border-box; - border: 2px solid transparent; } - .link--tile:hover { - border-color: #020202; } - -.item-tile { - display: grid; - min-height: 180px; - grid-template-columns: 5% auto 5%; - grid-template-rows: 2.5% auto 2.5%; - grid-template-areas: ". . ." ". tile-details ." ". . ."; - background-size: cover; - background-repeat: no-repeat; - background-position: center; } - .item-tile.lazy { - background-image: none !important; } - .item-tile--heading { - font-size: 3em; } - .item-tile--heading .item-tile__header { - opacity: 1; } - .item-tile--ohwhatohjeez { - border: 2px solid #ff8900; } - .item-tile--oldphaloskepsis { - border: 2px solid #003d52; } - .item-tile--omphaloskepsis { - border: 2px solid #fffff0; } - .item-tile__header { - text-align: center; - background-color: #020202; - opacity: 0.8; - display: grid; - grid-area: tile-details; - grid-template-columns: 5px auto 5px; - grid-template-rows: 0 auto auto auto; - grid-template-areas: ". . ." ". banner ." ". tile-title ." ". tile-subtitle ."; } - .item-tile__banner { - padding: 0.5em 1em 0; - grid-area: banner; - width: auto; - margin-left: auto; - margin-right: auto; - border-radius: 0 0 10px 10px; - text-align: center; - text-decoration: none !important; - line-height: 0.5em; - background-color: #ebebeb; } - .item-tile__title, .item-tile__subtitle { - color: #fffff0; - margin: 0; - font-weight: normal; } - .item-tile__title { - font-size: 1.4em; - grid-area: tile-title; - align-self: center; } - .item-tile__title--long { - font-size: 1em; } - .item-tile__subtitle { - font-size: 0.8em; - grid-area: tile-subtitle; - align-self: start; } - -/* TODO: Not currently used */ -@media screen and (max-width: 480px) { - .table-scroller { - overflow-x: auto; - width: 320px; } } - -table { - border: 1px solid #020202; - margin: auto; } - table td { - padding: 0.5em 1em; - border: 1px solid #020202; } - -.site-content--homepage { - text-align: center; } - .site-content--homepage .page-title { - font-size: 2.5em; - margin-bottom: 1em; } - @media only screen and (min-width: 1248px) { - .site-content--homepage .page-title { - font-size: 4em; } } - .site-content--homepage .page-title span { - display: block !important; - font-size: 0.3em; } - -.site-content--section, -.site-content--list { - display: grid; - grid-gap: 10px; - grid-template-columns: 0.2fr 1fr 0.2fr; - grid-template-rows: auto auto 60px; - justify-items: center; - align-items: center; - grid-template-areas: "list-page-header list-page-header list-page-header" "list-page-grid list-page-grid list-page-grid" "list-page-footer list-page-footer list-page-footer"; - margin-top: 5em; } - @media only screen and (min-width: 1248px) { - .site-content--section, - .site-content--list { - grid-template-areas: ". list-page-header ." "list-page-grid list-page-grid list-page-grid" ". list-page-footer ."; } } - .site-content--section .site-content__header, - .site-content--list .site-content__header { - grid-area: list-page-header; - text-align: center; } - .site-content--section .site-content__header .page-header__minor-links, - .site-content--list .site-content__header .page-header__minor-links { - text-align: center; - margin: auto; - overflow: auto; } - .site-content--section .site-content__header .page-header__minor-links ul, - .site-content--list .site-content__header .page-header__minor-links ul { - list-style: none; } - .site-content--section .site-content__header .page-header__minor-links ul li, - .site-content--list .site-content__header .page-header__minor-links ul li { - float: left; - margin: 0 1em; } - .site-content--section .site-content__header .page-header__minor-links ul li *, - .site-content--list .site-content__header .page-header__minor-links ul li * { - display: inline-block; } - .site-content--section .site-content__header .page-header__minor-links .minor-links__categories, - .site-content--list .site-content__header .page-header__minor-links .minor-links__categories { - width: 100%; - display: block; - font-size: 0.8em !important; - overflow: auto; } - @media only screen and (min-width: 1248px) { - .site-content--section .site-content__header .page-header__minor-links .minor-links__categories, - .site-content--list .site-content__header .page-header__minor-links .minor-links__categories { - font-size: 1em !important; } } - .site-content--section .site-content__header .page-header__minor-links .minor-links__years, - .site-content--list .site-content__header .page-header__minor-links .minor-links__years { - width: 100%; - display: block; - margin: auto; - width: fit-content; } - .site-content--section .site-content__body, - .site-content--list .site-content__body { - width: 100%; - display: grid; - justify-items: stretch; - align-items: stretch; - grid-gap: 10px; - grid-area: list-page-grid; - grid-template-columns: 1fr; - grid-template-rows: repeat(8, 1fr); - justify-items: stretch; - align-items: stretch; } - @media only screen and (min-width: 640px) { - .site-content--section .site-content__body, - .site-content--list .site-content__body { - grid-template-columns: repeat(2, 1fr); - grid-template-rows: repeat(4, 1fr); } } - @media only screen and (min-width: 1248px) { - .site-content--section .site-content__body, - .site-content--list .site-content__body { - grid-template-columns: repeat(4, 1fr); - grid-template-rows: repeat(2, 1fr); } } - .site-content--section .site-content__body--list, - .site-content--list .site-content__body--list { - grid-template-columns: 1fr auto 1fr; - grid-template-rows: auto; - grid-template-areas: ". sections-list ."; } - .site-content--section .site-content__body--chart, - .site-content--list .site-content__body--chart { - grid-template-columns: 1em 100% 1fr; - grid-template-rows: 100%; - grid-template-areas: ". section-chart ."; } - .site-content--section .site-content__footer, - .site-content--list .site-content__footer { - grid-area: list-page-footer; } - -.site-content--single { - display: grid; - column-gap: 2em; - grid-template-columns: 0.4fr 0.6fr; - grid-template-rows: auto auto auto; } - .site-content--single .site-content__header, .site-content--single .site-content__footer { - display: grid; - grid-column-start: 1; - grid-column-end: 3; - background-color: #fffff0; - filter: brightness(80%); } - @media only screen and (min-width: 1248px) { - .site-content--single .site-content__header, .site-content--single .site-content__footer { - border: 2px solid #020202; - grid-column-end: 2; - padding: 2em; } } - .site-content--single .site-content__header { - grid-row-start: 1; - grid-row-end: 2; - overflow: auto; - border-bottom: 2px solid #020202; - margin-bottom: 2em; } - .site-content--single .site-content__header .article-header { - text-align: center; - background-color: #020202; - opacity: 0.8; - color: #fffff0; - display: grid; - grid-area: post-header-details; - grid-template-columns: 1fr; - padding: 20px; - grid-template-rows: 1fr auto auto 1fr; - justify-items: center; - align-items: center; - grid-template-areas: "." "post-title" "post-subtitle" "."; } - .site-content--single .site-content__header .article-header__series { - margin: 0 auto 1em; - font-size: 1.2em; } - .site-content--single .site-content__header .article-header__featured-image { - display: grid; - grid-template-columns: 15% 1fr 15%; - grid-template-rows: 20% 1fr 20%; - grid-template-areas: ". . ." ". post-header-details ." ". . ."; - background-position: center center; - background-repeat: no-repeat; - background-size: cover; - height: 40vh; - min-height: 380px; - width: 100%; - border: 2px solid #020202; } - .site-content--single .site-content__header .article-header__featured-image .attr { - background-color: #020202; - font-size: 0.7em; - color: #fffff0; - width: fit-content; - position: fixed; - padding: 0.2em 0.5em; - opacity: 0.8; - margin: 0 auto; } - .site-content--single .site-content__header .article-header__featured-image .attr a { - color: #fffff0; } - .site-content--single .site-content__header .article-header__title, .site-content--single .site-content__header .article-header__subtitle { - border-bottom: 2px inset #020202; - margin-top: 0.5em; - margin-bottom: 0.5em; - line-height: 1.2em; - border-bottom: 2px inset #020202; - margin-top: 0.5em; - margin-bottom: 0.5em; - line-height: 1.2em; } - .site-content--single .site-content__header .article-header__title-wrapper { - display: grid; - grid-area: post-header-details; - background-color: #020202; - opacity: 0.8; - text-align: center; - grid-template-columns: 1fr; - padding: 20px; - grid-template-rows: 1fr auto auto 1fr; - justify-items: center; - align-items: center; - grid-template-areas: "." "post-title" "post-subtitle" "."; } - .site-content--single .site-content__header .article-header__title-wrapper--no-title { - visibility: hidden; } - .site-content--single .site-content__header .article-header__title-wrapper .article-header__title, .site-content--single .site-content__header .article-header__title-wrapper .article-header__subtitle { - color: #fffff0; } - .site-content--single .site-content__header .article-header__title-wrapper .article-header__title { - grid-area: post-title; - font-weight: bold; } - .site-content--single .site-content__header .article-header__title-wrapper .article-header__title--long { - font-size: 1.5em; } - .site-content--single .site-content__header .article-header__title-wrapper .article-header__subtitle { - grid-area: post-subtitle; } - .site-content--single .site-content__header .article-header__word-count, .site-content--single .site-content__header .article-header__publish-date, .site-content--single .site-content__header .article-header__modified-date { - font-size: 1.2em; - margin: 0.2rem auto; } - .site-content--single .site-content__header .article-header__word-count { - margin-top: 1rem; } - .site-content--single .site-content__header .article-header__notes, .site-content--single .site-content__header .article-header__warnings { - width: 90%; - margin: 1.6em auto; - display: block; - padding-right: 1em; } - .site-content--single .site-content__header .article-header__notes ul, .site-content--single .site-content__header .article-header__warnings ul { - list-style: circle; } - .site-content--single .site-content__header .article-header__notes ul li, .site-content--single .site-content__header .article-header__warnings ul li { - margin: 0.5em 0; } - .site-content--single .site-content__header .article-header__notes { - background-color: #fffff0; - filter: brightness(70%); - border: 1px solid gray; } - .site-content--single .site-content__header .article-header__warnings { - border: 4px solid darkred; - background-color: #fc3a3a; - color: #fffff0; - font-weight: 500; } - .site-content--single .site-content__header .article-header__warnings ul { - list-style: disc; } - .site-content--single .site-content__header .article-header__table-of-contents ul { - list-style-type: arabic; - padding-left: 2em; } - .site-content--single .site-content__body { - grid-column-start: 1; - grid-column-end: 3; - grid-row-start: 2; - grid-row-end: 3; - /* Temporary until I've fixed all the figures */ - overflow-x: clip; - /* TODO: remove once replaced in content with figures */ } - @media only screen and (min-width: 1248px) { - .site-content--single .site-content__body { - grid-row-start: 1; - grid-row-end: 4; - grid-column-start: 2; } } - .site-content--single .site-content__body .heading { - text-align: center; - font-size: 2em; - font-weight: bold; } - .site-content--single .site-content__body .heading::before, - .site-content--single .site-content__body .heading::after { - content: " ~ "; } - .site-content--single .site-content__body .subheading { - font-size: 1.6em; - border-bottom: 2px inset #020202; - margin-top: 0.5em; - margin-bottom: 0.5em; - line-height: 1.2em; - text-align: center; } - .site-content--single .site-content__body .subheading__subtitle { - font-size: 1em; - border-bottom: 1px dashed #020202; - margin-top: 0; - margin-bottom: 1em; - padding-bottom: 0.5em; - line-height: 1em; - text-align: center; - font-weight: bold; - width: fit-content; - margin: auto; - padding: 0 3em 0.4em; } - .site-content--single .site-content__body blockquote { - padding-left: 1em; - border-left: 2px outset #020202; - display: inline-block; - max-width: 85%; } - .site-content--single .site-content__body blockquote footer { - text-align: right; - font-style: normal; - display: inline-block; - margin-left: 5em; } - .site-content--single .site-content__body blockquote footer::before { - content: "—"; } - .site-content--single .site-content__body blockquote:first-child { - font-size: 1.2em; - text-align: center; - display: block; - margin: 0 auto; - border-left: 0; - padding-left: 0; - width: 100%; - padding-top: 1em; - padding-bottom: 1.2em; - border-top: 2px outset #020202; - border-bottom: 2px inset #020202; } - .site-content--single .site-content__body blockquote p:first-child { - margin-top: 0; } - .site-content--single .site-content__body blockquote p:last-of-type { - margin-bottom: 0.5em; } - .site-content--single .site-content__body blockquote.script { - display: grid; - grid-template-columns: auto 1fr 0.2fr; - padding-bottom: 0.4em; - text-align: left; } - .site-content--single .site-content__body blockquote.script > p::before, .site-content--single .site-content__body blockquote.script > p::after { - content: none !important; } - .site-content--single .site-content__body blockquote.script > .script-line__character { - grid-column: 1; - margin: 0.5em 2em 0.5em 0.5em; - font-style: italic; } - .site-content--single .site-content__body blockquote.script > .script-line__text { - grid-column-start: 2; - grid-column-end: 4; - margin: 0.5em; } - .site-content--single .site-content__body blockquote.script footer { - grid-column-start: 1; - grid-column-end: 3; } - @media only screen and (min-width: 1024px) { - .site-content--single .site-content__body blockquote { - margin: 1em 2em; } } - .site-content--single .site-content__body img, - .site-content--single .site-content__body video { - max-width: 100%; - height: auto; - width: auto; - max-height: 50vh; - margin: auto; - display: block; } - .site-content--single .site-content__body .figure { - margin: 16px auto; - width: fit-content; } - .site-content--single .site-content__body .figure__image { - display: block; - width: auto; - max-width: 100%; - margin: auto; - height: auto; - max-height: 50vh; } - .site-content--single .site-content__body .figure__caption { - height: auto; - margin: auto; } - .site-content--single .site-content__body .figure__caption--no-height { - height: 0; } - .site-content--single .site-content__body .figure__caption .figcaption__caption { - font-size: 0.9em; - font-style: italic; - text-align: center; } - .site-content--single .site-content__body .figure__caption .figcaption__attr { - background-color: #020202; - font-size: 0.7em; - color: #fffff0; - width: fit-content; - top: -2em; - position: relative; - padding: 0.2em 0.5em; - opacity: 0.8; - margin: 0 auto; } - .site-content--single .site-content__body .figure__caption .figcaption__attr + .figcaption__caption { - margin-top: -0.5em; } - .site-content--single .site-content__footer { - grid-row-start: 3; - grid-row-end: 4; - border-top: 2px solid #020202; } - @media only screen and (min-width: 1248px) { - .site-content--single .site-content__footer { - margin-bottom: 2em; - grid-row-start: 2; - grid-row-end: 3; } } - .site-content--single .site-content__footer h2 { - margin: 1rem 0; } - .site-content--single .site-content__footer ul { - margin: 0; } - .site-content--single .site-content__footer #mapdiv { - border: 2px solid #020202; } - -.organisations-table { - grid-column-start: 1; - grid-column-end: 5; } - -#organisation-body .index { - display: grid; - grid-gap: 6px 5px; - grid-area: items; - grid-template-columns: repeat(4, 1fr); - grid-template-rows: 1fr; - justify-items: stretch; - align-items: stretch; - grid-template-areas: "item1 item2 item3 item4"; } - -#organisation-body .index .item:nth-child(1) { - grid-area: item1; } - -#organisation-body .index .item:nth-child(2) { - grid-area: item2; } - -#organisation-body .index .item:nth-child(3) { - grid-area: item3; } - -#organisation-body .index .item:nth-child(4) { - grid-area: item4; } - -#organisation-body details { - cursor: pointer; - opacity: 0.7; - border: 2px solid #020202; } - #organisation-body details:hover, #organisation-body details:focus { - opacity: 1; } - -#organisation-body summary::marker { - font-size: 2em; - padding-left: 2em; } - -#organisation-body summary .subheading { - display: inline; - width: 95%; - padding-bottom: 2em; } - -#organisation-body summary .index { - border-top: 2px solid #020202; } - -#hierarchy ul { - list-style: none; - padding-left: 1em; } - #hierarchy ul .hierarchy-item:before { - content: '\21B3'; - margin: 0 0.4em; } - #hierarchy ul .hierarchy-item--current { - font-weight: bold; } - #hierarchy ul .hierarchy-item--child:before { - content: '\2192'; } - -.timeline__legend span { - margin: 0 1em; } - .timeline__legend span * { - display: inline-block; } - .timeline__legend span .colour-square { - width: 1em; - height: 1em; - border-radius: 2.5px; - border: 1px solid #020202; } - .timeline__legend span .colour-square--current { - background-color: #bbbbb0; } - .timeline__legend span .colour-square--past { - background-color: #fffff0; } - -.site-content__body--chart #timeline, .site-content__body--chart #map { - width: 100%; - max-width: 100%; - grid-area: section-chart; } - -.site-content__body--list .site-content__sections-list { - grid-area: sections-list; - display: block; - list-style: none; - margin: auto; - padding-left: 0; } - .site-content__body--list .site-content__sections-list li * { - display: inline-block; } - -@media (prefers-color-scheme: dark) { - /*@import "themes/dark";*/ } diff --git a/css/main.1c2db0cc0eb659d2f156169327b54fc68836f3e65e353637cc64ef55f91d0efe.css b/css/main.1c2db0cc0eb659d2f156169327b54fc68836f3e65e353637cc64ef55f91d0efe.css deleted file mode 100644 index 8b6d4c8..0000000 --- a/css/main.1c2db0cc0eb659d2f156169327b54fc68836f3e65e353637cc64ef55f91d0efe.css +++ /dev/null @@ -1,984 +0,0 @@ -@charset "UTF-8"; -/* -Put this file in /static/css/hugo-easy-gallery.css -Documentation and licence at https://github.com/liwenyip/hugo-easy-gallery/ -*/ -/* -Grid Layout Styles -*/ -.gallery { - overflow: hidden; } - -.gallery .box { - float: left; - position: relative; - /* Default: 1 tile wide */ - width: 100%; - padding-bottom: 100%; } - -@media only screen and (min-width: 365px) { - /* Tablet view: 2 tiles */ - .gallery .box { - width: 50%; - padding-bottom: 50%; } } - -@media only screen and (min-width: 480px) { - /* Small desktop / ipad view: 3 tiles */ - .gallery .box { - width: 33.3%; - padding-bottom: 33.3%; - /* */ } } - -@media only screen and (min-width: 9999px) { - /* Medium desktop: 4 tiles */ - .box { - width: 25%; - padding-bottom: 25%; } } - -/* -Transition styles -*/ -.gallery.hover-transition figure, -.gallery.hover-effect-zoom .img, -.gallery:not(.caption-effect-appear) figcaption, -.fancy-figure:not(.caption-effect-appear) figcaption { - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - -/* -figure styles -*/ -figure { - position: relative; - /* purely to allow absolution positioning of figcaption */ - overflow: hidden; } - -.gallery figure { - position: absolute; - left: 5px; - right: 5px; - top: 5px; - bottom: 5px; } - -.gallery.hover-effect-grow figure:hover { - transform: scale(1.05); } - -.gallery.hover-effect-shrink figure:hover { - transform: scale(0.95); } - -.gallery.hover-effect-slidedown figure:hover { - transform: translateY(5px); } - -.gallery.hover-effect-slideup figure:hover { - transform: translateY(-5px); } - -/* -img / a styles -*/ -.gallery .img { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; - background-size: cover; - background-position: 50% 50%; - background-repeat: no-repeat; } - -.gallery.hover-effect-zoom figure:hover .img { - transform: scale(1.05); } - -.gallery img { - display: none !important; - /* only show the img if not inside a gallery */ } - -.gallery figure a { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; } - -/* -figcaption styles -*/ -.gallery figcaption, -.fancy-figure figcaption { - position: absolute; - bottom: 0; - left: 0; - right: 0; - background: #000; - color: #FFF; - text-align: center; - font-size: 75%; - /* change this if you want bigger text */ - background: rgba(0, 0, 0, 0.5); - opacity: 1; - cursor: pointer; } - -.gallery.caption-position-none figcaption, -.fancy-figure.caption-position-none figcaption { - display: none; } - -.gallery.caption-position-center figcaption, -.fancy-figure.caption-position-center figcaption { - top: 0; - padding: 40% 5px; } - -.gallery.caption-position-bottom figcaption, -.fancy-figure.caption-position-bottom figcaption { - padding: 5px; } - -.gallery.caption-effect-fade figure:not(:hover) figcaption, -.gallery.caption-effect-appear figure:not(:hover) figcaption, -.fancy-figure.caption-effect-fade figure:not(:hover) figcaption, -.fancy-figure.caption-effect-appear figure:not(:hover) figcaption { - background: rgba(0, 0, 0, 0); - opacity: 0; } - -.gallery.caption-effect-slide.caption-position-bottom figure:not(:hover) figcaption, -.fancy-figure.caption-effect-slide.caption-position-bottom figure:not(:hover) figcaption { - margin-bottom: -100%; } - -.gallery.caption-effect-slide.caption-position-center figure:not(:hover) figcaption, -.fancy-figure.caption-effect-slide.caption-position-center figure:not(:hover) figcaption { - top: 100%; } - -.gallery figcaption p { - margin: auto; - /* override style in theme */ } - -@font-face { - font-family: "Input Mono"; - src: url(/fonts/InputMono-Regular.ttf); } - -html { - font-size: 16px; - color: #020202; - background-color: #fffff0; - font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; } - -h1, -h2, -h3, -h4, -h5, -h6 { - font-weight: normal; - margin: 0; } - -a { - text-decoration-skip-ink: auto; - color: #020202; - text-decoration: underline; - opacity: 0.8; } - a:hover { - text-decoration: none; - opacity: 1; } - -.sic::after { - content: " [sic]"; - font-style: italic; } - -.latex { - display: inline !important; } - -pre { - padding-left: 1em; - border-left: 2px outset #020202; - display: inline-block; - max-width: 85%; } - -pre { - overflow: hidden; } - -@media only screen and (min-width: 1024px) { - pre { - margin: 1em 2em; } } - -q.guillemets { - quotes: "«" "»" "«" "»"; } - -q, -blockquote { - quotes: "‘" "’" "“" "”"; } - -q::before { - content: open-quote; } - -q::after { - content: close-quote; } - -cite, -cite.book, -cite.film, -cite.tv-show, -cite.comic, -cite.book, -cite.podcast, -cite.album, -cite.report { - font-style: italic; } - -cite.book--proper-noun { - font-style: inherit; } - -cite.legislation, -cite.smallcite, -cite.comic-strip, -cite.short-story, -cite.article, -cite.episode, -cite.video, -cite.chapter, -cite.software, -cite.website, -cite.campaign, -cite.song, -cite.speech, -cite.course, -cite.presentation { - font-style: normal; } - -cite.smallcite::before, -cite.article::before, -cite.comic-strip::before, -cite.short-story::before, -cite.episode::before, -cite.video::before, -cite.chapter::before, -cite.song::before, -cite.poem::before, -cite.campaign::before, -cite.speech::before, -cite.course::before, -cite.presentation::before { - content: "“"; } - -cite.smallcite::after, -cite.article::after, -cite.comic-strip::after, -cite.short-story::after, -cite.episode::after, -cite.video::after, -cite.chapter::after, -cite.song::after, -cite.poem::after, -cite.campaign::after, -cite.speech::after, -cite.course::after, -cite.presentation::after { - content: "”"; } - -cite.article--shortcite::before, -cite.article--shortcite::after { - content: none; } - -code, -samp, -var, -pre { - font-family: "Input Mono", "Lucida Console", Monaco, monospace; - font-size: 1em; } - -pre .nocode { - font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; - font-size: 1em; - padding: 1px 3px; - border-radius: 6px; - border: dashed 1px black; } - -code, -samp, -var { - background-color: #d1d1d1; - border-radius: 5px; - padding: 2px; } - -pre { - max-width: 50vw; - overflow: scroll; } - -h1 code, -.post-title code, -pre code, -h1 samp, -.post-title samp, -pre samp, -h1 var, -.post-title var, -pre var { - background-color: transparent; - padding: 0; } - -.heading code, -.subheading code { - background-color: transparent; } - -pre.prettyprint ol { - padding-left: 3.5em; } - -pre.prettyprint li { - background: none !important; } - -samp { - display: block; - width: 80ch; - margin: 1em 4em; - border-left: 2px solid #ccc; - color: #333; } - -kbd { - padding: 0.1em 0.6em; - border: 1px solid #ccc; - font-size: 11px; - font-family: Arial, Helvetica, sans-serif; - background-color: #f7f7f7; - color: #333; - box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px white inset; - border-radius: 3px; - display: inline-block; - margin: 0 0.1em; - text-shadow: 0 1px 0 white; - line-height: 1.4; - white-space: nowrap; } - -.pre-nominals, -.post-nominals { - font-size: 0.6em; - font-variant: small-caps; } - -.site-container { - display: grid; - grid-template-columns: 2.5% 1fr 2.5%; - grid-template-rows: auto 1fr 2.5%; - grid-template-areas: "header header header" "page-container page-container page-container" "footer footer footer"; - min-height: calc(100vh - 4em); - border-top: 0; } - .site-container--homepage { - align-items: center; - grid-template-rows: auto 2.5%; - grid-template-areas: "page-container page-container page-container" "footer footer footer"; - margin-top: 2em; - margin-bottom: 2em; } - .site-container--list, .site-container--section { - align-items: center; } - -.site-header { - display: grid; - grid-area: header; - grid-gap: 0; - grid-template-columns: 1fr; - grid-template-rows: auto auto auto auto; - grid-template-areas: "header-title" "header-tagline" "header-icons" "header-nav"; - position: sticky; - top: 0; - left: 0; - width: 100%; - text-align: center; - z-index: 1; } - .site-header__title, .site-header__tagline, .site-header__icons, .site-header__nav { - background-color: #fffff0; - margin: 0; } - .site-header__title, .site-header__tagline, .site-header__icons { - padding: 5px 0; } - .site-header__title { - font-weight: normal; - grid-area: header-title; } - .site-header__tagline { - grid-area: header-tagline; } - .site-header__icons { - grid-area: header-icons; - border-bottom: 2px solid #020202; - margin-bottom: 0; } - .site-header__nav { - grid-area: header-nav; - margin: auto; - width: 100%; } - .site-header__nav ul { - margin-top: 0; - margin-bottom: 0; } - .site-header__nav li { - width: calc(100% / 3); - display: block; - float: left; - border-bottom: 2px solid black; - border-left: 1px solid black; - border-right: 1px solid black; - padding: 0.4em; - background-color: inherit; } - .site-header__nav a:first-child li { - border-left: 2px solid black; } - .site-header__nav a:last-child li { - border-right: 2px solid black; } - .site-header__nav li:hover { - background-color: #ffffd0; } - .site-header__nav li a { - width: 100%; - height: 100%; - display: block; } - -.site-footer { - grid-area: footer; - display: block; - width: 99%; - /* Overflows right of viewport otherwise */ - position: fixed; - bottom: 0; } - .site-footer p { - width: fit-content; - margin: auto; - background: #fffff0; - border: 2px solid black; - padding: 0.4em; - border-bottom: none; - font-size: 0.6em; } - -.site-content { - grid-area: page-container; - margin-left: 1em; - margin-right: 1em; } - -.feed-icon { - display: inline-block; - height: 0.6em; - width: 0.6em; - margin-bottom: 0.2em; } - -.link--tile { - text-decoration: none; - box-sizing: border-box; - border: 2px solid transparent; } - .link--tile:hover { - border-color: #020202; } - -.item-tile { - display: grid; - min-height: 180px; - grid-template-columns: 5% auto 5%; - grid-template-rows: 2.5% auto 2.5%; - grid-template-areas: ". . ." ". tile-details ." ". . ."; - background-size: cover; - background-repeat: no-repeat; - background-position: center; } - @media (prefers-reduced-data: reduce) { - .item-tile { - background: none !important; } } - .item-tile.lazy { - background-image: none !important; } - .item-tile--heading { - font-size: 3em; } - .item-tile--heading .item-tile__header { - opacity: 1; } - .item-tile--ohwhatohjeez { - border: 2px solid #ff8900; } - .item-tile--oldphaloskepsis { - border: 2px solid #003d52; } - .item-tile--omphaloskepsis { - border: 2px solid #fffff0; } - .item-tile__header { - text-align: center; - background-color: #020202; - opacity: 0.8; - display: grid; - grid-area: tile-details; - grid-template-columns: 5px auto 5px; - grid-template-rows: 0 auto auto auto; - grid-template-areas: ". . ." ". banner ." ". tile-title ." ". tile-subtitle ."; } - .item-tile__banner { - padding: 0.5em 1em 0; - grid-area: banner; - width: auto; - margin-left: auto; - margin-right: auto; - border-radius: 0 0 10px 10px; - text-align: center; - text-decoration: none !important; - line-height: 0.5em; - background-color: #ebebeb; } - .item-tile__title, .item-tile__subtitle { - color: #fffff0; - margin: 0; - font-weight: normal; } - .item-tile__title { - font-size: 1.4em; - grid-area: tile-title; - align-self: center; } - .item-tile__title--long { - font-size: 1em; } - .item-tile__subtitle { - font-size: 0.8em; - grid-area: tile-subtitle; - align-self: start; } - -/* TODO: Not currently used */ -@media screen and (max-width: 480px) { - .table-scroller { - overflow-x: auto; - width: 320px; } } - -table { - border: 1px solid #020202; - margin: auto; } - table td { - padding: 0.5em 1em; - border: 1px solid #020202; } - -.site-content--homepage { - text-align: center; } - .site-content--homepage .page-title { - font-size: 2.5em; - margin-bottom: 1em; } - .site-content--homepage .page-title span { - display: block !important; - font-size: 0.3em; } - -.site-content--section, -.site-content--list { - display: grid; - grid-gap: 10px; - grid-template-columns: 0.2fr 1fr 0.2fr; - grid-template-rows: auto auto 60px; - justify-items: center; - align-items: center; - grid-template-areas: "list-page-header list-page-header list-page-header" "list-page-grid list-page-grid list-page-grid" "list-page-footer list-page-footer list-page-footer"; - margin-top: 5em; } - .site-content--section .site-content__header, - .site-content--list .site-content__header { - grid-area: list-page-header; - text-align: center; } - .site-content--section .site-content__header .page-header__minor-links, - .site-content--list .site-content__header .page-header__minor-links { - text-align: center; - margin: auto; - overflow: auto; } - .site-content--section .site-content__header .page-header__minor-links ul, - .site-content--list .site-content__header .page-header__minor-links ul { - list-style: none; } - .site-content--section .site-content__header .page-header__minor-links ul li, - .site-content--list .site-content__header .page-header__minor-links ul li { - float: left; - margin: 0 1em; } - .site-content--section .site-content__header .page-header__minor-links ul li *, - .site-content--list .site-content__header .page-header__minor-links ul li * { - display: inline-block; } - .site-content--section .site-content__header .page-header__minor-links .minor-links__categories, - .site-content--list .site-content__header .page-header__minor-links .minor-links__categories { - width: 100%; - display: block; - font-size: 0.8em !important; - overflow: auto; } - .site-content--section .site-content__header .page-header__minor-links .minor-links__years, - .site-content--list .site-content__header .page-header__minor-links .minor-links__years { - width: 100%; - display: block; - margin: auto; - width: fit-content; } - .site-content--section .site-content__body, - .site-content--list .site-content__body { - width: 100%; - display: grid; - justify-items: stretch; - align-items: stretch; - grid-gap: 10px; - grid-area: list-page-grid; - grid-template-columns: 1fr; - grid-template-rows: repeat(8, 1fr); - justify-items: stretch; - align-items: stretch; } - .site-content--section .site-content__body--list, - .site-content--list .site-content__body--list { - grid-template-columns: 1fr auto 1fr; - grid-template-rows: auto; - grid-template-areas: ". sections-list ."; } - .site-content--section .site-content__body--chart, - .site-content--list .site-content__body--chart { - grid-template-columns: 1em 100% 1fr; - grid-template-rows: 100%; - grid-template-areas: ". section-chart ."; } - .site-content--section .site-content__footer, - .site-content--list .site-content__footer { - grid-area: list-page-footer; } - -.site-content--single { - display: grid; - column-gap: 2em; - grid-template-columns: 0.4fr 0.6fr; - grid-template-rows: auto auto auto; } - .site-content--single .site-content__header, .site-content--single .site-content__footer { - display: grid; - grid-column-start: 1; - grid-column-end: 3; - background-color: #fffff0; - filter: brightness(80%); } - .site-content--single .site-content__header { - grid-row-start: 1; - grid-row-end: 2; - overflow: auto; - border-bottom: 2px solid #020202; - margin-bottom: 2em; } - .site-content--single .site-content__header .article-header { - text-align: center; - background-color: #020202; - opacity: 0.8; - color: #fffff0; - display: grid; - grid-area: post-header-details; - grid-template-columns: 1fr; - padding: 20px; - grid-template-rows: 1fr auto auto 1fr; - justify-items: center; - align-items: center; - grid-template-areas: "." "post-title" "post-subtitle" "."; } - .site-content--single .site-content__header .article-header__series { - margin: 0 auto 1em; - font-size: 1.2em; } - .site-content--single .site-content__header .article-header__featured-image { - display: grid; - grid-template-columns: 15% 1fr 15%; - grid-template-rows: 20% 1fr 20%; - grid-template-areas: ". . ." ". post-header-details ." ". . ."; - background-position: center center; - background-repeat: no-repeat; - background-size: cover; - height: 40vh; - min-height: 380px; - width: 100%; - border: 2px solid #020202; } - .site-content--single .site-content__header .article-header__featured-image .attr { - background-color: #020202; - font-size: 0.7em; - color: #fffff0; - width: fit-content; - position: fixed; - padding: 0.2em 0.5em; - opacity: 0.8; - margin: 0 auto; } - .site-content--single .site-content__header .article-header__featured-image .attr a { - color: #fffff0; } - .site-content--single .site-content__header .article-header__title, .site-content--single .site-content__header .article-header__subtitle { - border-bottom: 2px inset #020202; - margin-top: 0.5em; - margin-bottom: 0.5em; - line-height: 1.2em; - border-bottom: 2px inset #020202; - margin-top: 0.5em; - margin-bottom: 0.5em; - line-height: 1.2em; } - .site-content--single .site-content__header .article-header__title-wrapper { - display: grid; - grid-area: post-header-details; - background-color: #020202; - opacity: 0.8; - text-align: center; - grid-template-columns: 1fr; - padding: 20px; - grid-template-rows: 1fr auto auto 1fr; - justify-items: center; - align-items: center; - grid-template-areas: "." "post-title" "post-subtitle" "."; } - .site-content--single .site-content__header .article-header__title-wrapper--no-title { - visibility: hidden; } - .site-content--single .site-content__header .article-header__title-wrapper .article-header__title, .site-content--single .site-content__header .article-header__title-wrapper .article-header__subtitle { - color: #fffff0; } - .site-content--single .site-content__header .article-header__title-wrapper .article-header__title { - grid-area: post-title; - font-weight: bold; } - .site-content--single .site-content__header .article-header__title-wrapper .article-header__title--long { - font-size: 1.5em; } - .site-content--single .site-content__header .article-header__title-wrapper .article-header__subtitle { - grid-area: post-subtitle; } - .site-content--single .site-content__header .article-header__word-count, .site-content--single .site-content__header .article-header__publish-date, .site-content--single .site-content__header .article-header__modified-date { - font-size: 1.2em; - margin: 0.2rem auto; } - .site-content--single .site-content__header .article-header__word-count { - margin-top: 1rem; } - .site-content--single .site-content__header .article-header__notes, .site-content--single .site-content__header .article-header__warnings { - width: 90%; - margin: 1.6em auto; - display: block; - padding-right: 1em; } - .site-content--single .site-content__header .article-header__notes ul, .site-content--single .site-content__header .article-header__warnings ul { - list-style: circle; } - .site-content--single .site-content__header .article-header__notes ul li, .site-content--single .site-content__header .article-header__warnings ul li { - margin: 0.5em 0; } - .site-content--single .site-content__header .article-header__notes { - background-color: #fffff0; - filter: brightness(70%); - border: 1px solid gray; } - .site-content--single .site-content__header .article-header__warnings { - border: 4px solid darkred; - background-color: #fc3a3a; - color: #fffff0; - font-weight: 500; } - .site-content--single .site-content__header .article-header__warnings ul { - list-style: disc; } - .site-content--single .site-content__header .article-header__table-of-contents ul { - list-style-type: arabic; - padding-left: 2em; } - .site-content--single .site-content__body { - grid-column-start: 1; - grid-column-end: 3; - grid-row-start: 2; - grid-row-end: 3; - /* Temporary until I've fixed all the figures */ - overflow-x: clip; - /* TODO: remove once replaced in content with figures */ } - .site-content--single .site-content__body .heading { - text-align: center; - font-size: 2em; - font-weight: bold; } - .site-content--single .site-content__body .heading::before, - .site-content--single .site-content__body .heading::after { - content: " ~ "; } - .site-content--single .site-content__body .subheading { - font-size: 1.6em; - border-bottom: 2px inset #020202; - margin-top: 0.5em; - margin-bottom: 0.5em; - line-height: 1.2em; - text-align: center; } - .site-content--single .site-content__body .subheading__subtitle { - font-size: 1em; - border-bottom: 1px dashed #020202; - margin-top: 0; - margin-bottom: 1em; - padding-bottom: 0.5em; - line-height: 1em; - text-align: center; - font-weight: bold; - width: fit-content; - margin: auto; - padding: 0 3em 0.4em; } - .site-content--single .site-content__body .subsubheading { - font-size: 1.4em; - border-bottom: 1px dashed #020202; - margin-top: 1em; - margin-bottom: 1em; - padding-bottom: 0.5em; - line-height: 1em; - text-align: left; - font-weight: bold; } - .site-content--single .site-content__body .subsubsubheading { - font-size: 1.2em; - margin-top: 1em; - margin-bottom: 1em; - line-height: 1em; - text-align: left; - font-weight: bold; } - .site-content--single .site-content__body blockquote { - padding-left: 1em; - border-left: 2px outset #020202; - display: inline-block; - max-width: 85%; } - .site-content--single .site-content__body blockquote footer { - text-align: right; - font-style: normal; - display: inline-block; - margin-left: 5em; } - .site-content--single .site-content__body blockquote footer::before { - content: "—"; } - .site-content--single .site-content__body blockquote:first-child { - font-size: 1.2em; - text-align: center; - display: block; - margin: 0 auto; - border-left: 0; - padding-left: 0; - width: 100%; - padding-top: 1em; - padding-bottom: 1.2em; - border-top: 2px outset #020202; - border-bottom: 2px inset #020202; } - .site-content--single .site-content__body blockquote p:first-child { - margin-top: 0; } - .site-content--single .site-content__body blockquote p:last-of-type { - margin-bottom: 0.5em; } - .site-content--single .site-content__body blockquote.script { - display: grid; - grid-template-columns: auto 1fr 0.2fr; - padding-bottom: 0.4em; - text-align: left; } - .site-content--single .site-content__body blockquote.script > p::before, .site-content--single .site-content__body blockquote.script > p::after { - content: none !important; } - .site-content--single .site-content__body blockquote.script > .script-line__character { - grid-column: 1; - margin: 0.5em 2em 0.5em 0.5em; - font-style: italic; } - .site-content--single .site-content__body blockquote.script > .script-line__text { - grid-column-start: 2; - grid-column-end: 4; - margin: 0.5em; } - .site-content--single .site-content__body blockquote.script footer { - grid-column-start: 1; - grid-column-end: 3; } - @media only screen and (min-width: 1024px) { - .site-content--single .site-content__body blockquote { - margin: 1em 2em; } } - .site-content--single .site-content__body img, - .site-content--single .site-content__body video { - max-width: 100%; - height: auto; - width: auto; - max-height: 50vh; - margin: auto; - display: block; } - .site-content--single .site-content__body .figure { - margin: 16px auto; - width: fit-content; } - .site-content--single .site-content__body .figure__image { - display: block; - width: auto; - max-width: 100%; - margin: auto; - height: auto; - max-height: 50vh; } - .site-content--single .site-content__body .figure__chart { - min-height: 40vh; - max-height: 60vh; } - .site-content--single .site-content__body .figure__caption { - height: auto; - margin: auto; } - .site-content--single .site-content__body .figure__caption--no-height { - height: 0; } - .site-content--single .site-content__body .figure__caption .figcaption__caption { - font-size: 0.9em; - font-style: italic; - text-align: center; } - .site-content--single .site-content__body .figure__caption .figcaption__attr { - background-color: #020202; - font-size: 0.7em; - color: #fffff0; - width: fit-content; - top: -2em; - position: relative; - padding: 0.2em 0.5em; - opacity: 0.8; - margin: 0 auto; } - .site-content--single .site-content__body .figure__caption .figcaption__attr + .figcaption__caption { - margin-top: -0.5em; } - .site-content--single .site-content__body .figure__caption .figcaption__full-size-link { - font-size: 0.6em; - padding-left: 1em; } - .site-content--single .site-content__body .figure__caption .figcaption__full-size-link::before { - content: '['; } - .site-content--single .site-content__body .figure__caption .figcaption__full-size-link::after { - content: ']'; } - .site-content--single .site-content__footer { - grid-row-start: 3; - grid-row-end: 4; - border-top: 2px solid #020202; } - .site-content--single .site-content__footer h2 { - margin: 1rem 0; } - .site-content--single .site-content__footer ul { - margin: 0; } - .site-content--single .site-content__footer #mapdiv { - border: 2px solid #020202; } - -.organisations-table { - grid-column-start: 1; - grid-column-end: 5; } - -#organisation-body .index { - display: grid; - grid-gap: 6px 5px; - grid-area: items; - grid-template-columns: repeat(4, 1fr); - grid-template-rows: 1fr; - justify-items: stretch; - align-items: stretch; - grid-template-areas: "item1 item2 item3 item4"; } - -#organisation-body .index .item:nth-child(1) { - grid-area: item1; } - -#organisation-body .index .item:nth-child(2) { - grid-area: item2; } - -#organisation-body .index .item:nth-child(3) { - grid-area: item3; } - -#organisation-body .index .item:nth-child(4) { - grid-area: item4; } - -#organisation-body details { - cursor: pointer; - opacity: 0.7; - border: 2px solid #020202; } - #organisation-body details:hover, #organisation-body details:focus { - opacity: 1; } - -#organisation-body summary::marker { - font-size: 2em; - padding-left: 2em; } - -#organisation-body summary .subheading { - display: inline; - width: 95%; - padding-bottom: 2em; } - -#organisation-body summary .index { - border-top: 2px solid #020202; } - -#hierarchy ul { - list-style: none; - padding-left: 1em; } - #hierarchy ul .hierarchy-item:before { - content: '\21B3'; - margin: 0 0.4em; } - #hierarchy ul .hierarchy-item--current { - font-weight: bold; } - #hierarchy ul .hierarchy-item--child:before { - content: '\2192'; } - -.timeline__legend span { - margin: 0 1em; } - .timeline__legend span * { - display: inline-block; } - .timeline__legend span .colour-square { - width: 1em; - height: 1em; - border-radius: 2.5px; - border: 1px solid #020202; } - .timeline__legend span .colour-square--unpaid-current { - background-color: #bbbbb0; } - .timeline__legend span .colour-square--unpaid-past { - background-color: #fffff0; } - .timeline__legend span .colour-square--paid-current { - background-color: #BCBC7E; } - .timeline__legend span .colour-square--paid-past { - background-color: #FCFCA6; } - -.site-content__body--chart #timeline, .site-content__body--chart #map { - width: 100%; - max-width: 100%; - grid-area: section-chart; } - -.site-content__body--list .site-content__sections-list { - grid-area: sections-list; - display: block; - list-style: none; - margin: auto; - padding-left: 0; } - .site-content__body--list .site-content__sections-list li * { - display: inline-block; } - -@media (prefers-color-scheme: dark) { - html, - .site-header { - color: #fffff0; - background-color: #020202; } - .site-header__nav li { - color: #fffff0; - border-color: #fffff0; } - .site-header__nav li:hover { - background-color: #020202; } - .site-header__title a { - color: #fffff0; } - .item-tile--heading, .item-tile__header { - background-color: #fffff0; } - .item-tile--heading, .item-tile__header, .item-tile__title, .item-tile__subtitle { - color: #020202; } } diff --git a/css/main.477fb4fbb0ba98bbffeef55874ad4603cccbd34107806fbb51a525bc88971791.css b/css/main.477fb4fbb0ba98bbffeef55874ad4603cccbd34107806fbb51a525bc88971791.css deleted file mode 100644 index f204c67..0000000 --- a/css/main.477fb4fbb0ba98bbffeef55874ad4603cccbd34107806fbb51a525bc88971791.css +++ /dev/null @@ -1,1073 +0,0 @@ -@charset "UTF-8"; -/* -Put this file in /static/css/hugo-easy-gallery.css -Documentation and licence at https://github.com/liwenyip/hugo-easy-gallery/ -*/ -/* -Grid Layout Styles -*/ -.gallery { - overflow: hidden; } - -.gallery .box { - float: left; - position: relative; - /* Default: 1 tile wide */ - width: 100%; - padding-bottom: 100%; } - -@media only screen and (min-width: 365px) { - /* Tablet view: 2 tiles */ - .gallery .box { - width: 50%; - padding-bottom: 50%; } } - -@media only screen and (min-width: 480px) { - /* Small desktop / ipad view: 3 tiles */ - .gallery .box { - width: 33.3%; - padding-bottom: 33.3%; - /* */ } } - -@media only screen and (min-width: 9999px) { - /* Medium desktop: 4 tiles */ - .box { - width: 25%; - padding-bottom: 25%; } } - -/* -Transition styles -*/ -.gallery.hover-transition figure, -.gallery.hover-effect-zoom .img, -.gallery:not(.caption-effect-appear) figcaption, -.fancy-figure:not(.caption-effect-appear) figcaption { - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - -/* -figure styles -*/ -figure { - position: relative; - /* purely to allow absolution positioning of figcaption */ - overflow: hidden; } - -.gallery figure { - position: absolute; - left: 5px; - right: 5px; - top: 5px; - bottom: 5px; } - -.gallery.hover-effect-grow figure:hover { - transform: scale(1.05); } - -.gallery.hover-effect-shrink figure:hover { - transform: scale(0.95); } - -.gallery.hover-effect-slidedown figure:hover { - transform: translateY(5px); } - -.gallery.hover-effect-slideup figure:hover { - transform: translateY(-5px); } - -/* -img / a styles -*/ -.gallery .img { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; - background-size: cover; - background-position: 50% 50%; - background-repeat: no-repeat; } - -.gallery.hover-effect-zoom figure:hover .img { - transform: scale(1.05); } - -.gallery img { - display: none !important; - /* only show the img if not inside a gallery */ } - -.gallery figure a { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; } - -/* -figcaption styles -*/ -.gallery figcaption, -.fancy-figure figcaption { - position: absolute; - bottom: 0; - left: 0; - right: 0; - background: #000; - color: #FFF; - text-align: center; - font-size: 75%; - /* change this if you want bigger text */ - background: rgba(0, 0, 0, 0.5); - opacity: 1; - cursor: pointer; } - -.gallery.caption-position-none figcaption, -.fancy-figure.caption-position-none figcaption { - display: none; } - -.gallery.caption-position-center figcaption, -.fancy-figure.caption-position-center figcaption { - top: 0; - padding: 40% 5px; } - -.gallery.caption-position-bottom figcaption, -.fancy-figure.caption-position-bottom figcaption { - padding: 5px; } - -.gallery.caption-effect-fade figure:not(:hover) figcaption, -.gallery.caption-effect-appear figure:not(:hover) figcaption, -.fancy-figure.caption-effect-fade figure:not(:hover) figcaption, -.fancy-figure.caption-effect-appear figure:not(:hover) figcaption { - background: rgba(0, 0, 0, 0); - opacity: 0; } - -.gallery.caption-effect-slide.caption-position-bottom figure:not(:hover) figcaption, -.fancy-figure.caption-effect-slide.caption-position-bottom figure:not(:hover) figcaption { - margin-bottom: -100%; } - -.gallery.caption-effect-slide.caption-position-center figure:not(:hover) figcaption, -.fancy-figure.caption-effect-slide.caption-position-center figure:not(:hover) figcaption { - top: 100%; } - -.gallery figcaption p { - margin: auto; - /* override style in theme */ } - -@font-face { - font-family: "Input Mono"; - src: url(/fonts/InputMono-Regular.ttf); } - -html { - font-size: 16px; - color: #020202; - background-color: #fffff0; - font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; } - -h1, -h2, -h3, -h4, -h5, -h6 { - font-weight: normal; - margin: 0; } - -a { - text-decoration-skip-ink: auto; - color: #020202; - text-decoration: underline; - opacity: 0.8; } - a:hover { - text-decoration: none; - opacity: 1; } - -.sic::after { - content: " [sic]"; - font-style: italic; } - -.latex { - display: inline !important; } - -pre { - padding-left: 1em; - border-left: 2px outset #020202; - display: inline-block; - max-width: 85%; } - -pre { - overflow: hidden; } - -@media only screen and (min-width: 1024px) { - pre { - margin: 1em 2em; } } - -/* - * Quotations - */ -q:lang(en-gb), -blockquote:lang(en-gb) { - quotes: "‘" "’" "“" "”"; } - -/* -q::before { - content: open-quote; -} - -q::after { - content: close-quote; -} -*/ -/* - * Legacy cites - */ -cite, -cite.book, -cite.film, -cite.tv-show, -cite.comic, -cite.book, -cite.podcast, -cite.album, -cite.report { - font-style: italic; } - -cite.book--proper-noun { - font-style: inherit; } - -cite.legislation, -cite.smallcite, -cite.comic-strip, -cite.short-story, -cite.article, -cite.episode, -cite.video, -cite.chapter, -cite.software, -cite.website, -cite.campaign, -cite.song, -cite.speech, -cite.course, -cite.presentation { - font-style: normal; } - -cite.smallcite::before, -cite.article::before, -cite.comic-strip::before, -cite.short-story::before, -cite.episode::before, -cite.video::before, -cite.chapter::before, -cite.song::before, -cite.poem::before, -cite.campaign::before, -cite.speech::before, -cite.course::before, -cite.presentation::before { - content: "“"; } - -cite.smallcite::after, -cite.article::after, -cite.comic-strip::after, -cite.short-story::after, -cite.episode::after, -cite.video::after, -cite.chapter::after, -cite.song::after, -cite.poem::after, -cite.campaign::after, -cite.speech::after, -cite.course::after, -cite.presentation::after { - content: "”"; } - -cite.article--shortcite::before, -cite.article--shortcite::after { - content: none; } - -/* - * New cites - */ -cite { - font-style: italic; } - cite--inherit { - font-style: inherit; } - cite--enquote { - font-style: normal; } - cite--enquote::before { - content: "“"; } - cite--enquote::after { - content: "”"; } - -code, -samp, -var, -pre { - font-family: "Input Mono", "Lucida Console", Monaco, monospace; - font-size: 1em; } - -pre .nocode { - font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; - font-size: 1em; - padding: 1px 3px; - border-radius: 6px; - border: dashed 1px black; } - -code, -samp, -var { - background-color: #d1d1d1; - border-radius: 5px; - padding: 2px; } - -pre { - max-width: 50vw; - overflow: scroll; } - -h1 code, -.post-title code, -pre code, -h1 samp, -.post-title samp, -pre samp, -h1 var, -.post-title var, -pre var { - background-color: transparent; - padding: 0; } - -.heading code, -.subheading code { - background-color: transparent; } - -pre.prettyprint ol { - padding-left: 3.5em; } - -pre.prettyprint li { - background: none !important; } - -samp { - display: block; - width: 80ch; - margin: 1em 4em; - border-left: 2px solid #ccc; - color: #333; } - -kbd { - padding: 0.1em 0.6em; - border: 1px solid #ccc; - font-size: 11px; - font-family: Arial, Helvetica, sans-serif; - background-color: #f7f7f7; - color: #333; - box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px white inset; - border-radius: 3px; - display: inline-block; - margin: 0 0.1em; - text-shadow: 0 1px 0 white; - line-height: 1.4; - white-space: nowrap; } - -.pre-nominals, -.post-nominals { - font-size: 0.6em; - font-variant: small-caps; } - -.site-container { - display: grid; - grid-template-columns: 2.5% 1fr 2.5%; - grid-template-rows: auto 1fr 2.5%; - grid-template-areas: "header header header" "page-container page-container page-container" "footer footer footer"; - min-height: calc(100vh - 4em); - border-top: 0; } - @media only screen and (min-width: 1248px) { - .site-container { - margin-bottom: 2em; - grid-template-areas: "header header header" ". page-container ." "footer footer footer"; - border: 2px solid black; - margin-left: 2em; - margin-right: 2em; } } - .site-container--homepage { - align-items: center; - grid-template-rows: auto 2.5%; - grid-template-areas: "page-container page-container page-container" "footer footer footer"; - margin-top: 2em; - margin-bottom: 2em; } - @media only screen and (min-width: 1248px) { - .site-container--homepage { - border: 2px solid black; - margin-left: 2em; - margin-right: 2em; - grid-template-areas: ". page-container ." "footer footer footer"; } } - .site-container--list, .site-container--section { - align-items: center; } - -.site-header { - display: grid; - grid-area: header; - grid-gap: 0; - grid-template-columns: 1fr; - grid-template-rows: auto auto auto auto; - grid-template-areas: "header-title" "header-tagline" "header-icons" "header-nav"; - position: sticky; - top: 0; - left: 0; - width: 100%; - text-align: center; - z-index: 1; } - .site-header__title, .site-header__tagline, .site-header__icons, .site-header__nav { - background-color: #fffff0; - margin: 0; } - .site-header__title, .site-header__tagline, .site-header__icons { - padding: 5px 0; } - .site-header__title { - font-weight: normal; - grid-area: header-title; } - .site-header__tagline { - grid-area: header-tagline; } - .site-header__icons { - grid-area: header-icons; - border-bottom: 2px solid #020202; - margin-bottom: 0; } - .site-header__nav { - grid-area: header-nav; - margin: auto; - width: 100%; } - @media only screen and (min-width: 1248px) { - .site-header__nav { - width: 60%; } } - .site-header__nav ul { - margin-top: 0; - margin-bottom: 0; } - .site-header__nav li { - width: calc(100% / 3); - display: block; - float: left; - border-bottom: 2px solid black; - border-left: 1px solid black; - border-right: 1px solid black; - padding: 0.4em; - background-color: inherit; } - .site-header__nav a:first-child li { - border-left: 2px solid black; } - .site-header__nav a:last-child li { - border-right: 2px solid black; } - .site-header__nav li:hover { - background-color: #ffffd0; } - .site-header__nav li a { - width: 100%; - height: 100%; - display: block; } - -.site-footer { - grid-area: footer; - display: block; - width: 99%; - /* Overflows right of viewport otherwise */ - position: fixed; - bottom: 0; } - .site-footer p { - width: fit-content; - margin: auto; - background: #fffff0; - border: 2px solid black; - padding: 0.4em; - border-bottom: none; - font-size: 0.6em; } - @media only screen and (min-width: 1248px) { - .site-footer p { - font-size: 1em; } } -.site-content { - grid-area: page-container; - margin-left: 1em; - margin-right: 1em; } - @media only screen and (min-width: 1248px) { - .site-content { - margin: 2em; } } -.feed-icon { - display: inline-block; - height: 0.6em; - width: 0.6em; - margin-bottom: 0.2em; } - -.link--tile { - text-decoration: none; - box-sizing: border-box; - border: 2px solid transparent; } - .link--tile:hover { - border-color: #020202; } - -.item-tile { - display: grid; - min-height: 180px; - grid-template-columns: 5% auto 5%; - grid-template-rows: 2.5% auto 2.5%; - grid-template-areas: ". . ." ". tile-details ." ". . ."; - background-size: cover; - background-repeat: no-repeat; - background-position: center; } - @media (prefers-reduced-data: reduce) { - .item-tile { - background: none !important; } } - .item-tile.lazy { - background-image: none !important; } - .item-tile--heading { - font-size: 3em; } - .item-tile--heading .item-tile__header { - opacity: 1; } - .item-tile--ohwhatohjeez { - border: 2px solid #ff8900; } - .item-tile--oldphaloskepsis { - border: 2px solid #003d52; } - .item-tile--omphaloskepsis { - border: 2px solid #fffff0; } - .item-tile__header { - text-align: center; - background-color: #020202; - opacity: 0.8; - display: grid; - grid-area: tile-details; - grid-template-columns: 5px auto 5px; - grid-template-rows: 0 auto auto auto; - grid-template-areas: ". . ." ". banner ." ". tile-title ." ". tile-subtitle ."; } - .item-tile__banner { - padding: 0.5em 1em 0; - grid-area: banner; - width: auto; - margin-left: auto; - margin-right: auto; - border-radius: 0 0 10px 10px; - text-align: center; - text-decoration: none !important; - line-height: 0.5em; - background-color: #ebebeb; } - .item-tile__title, .item-tile__subtitle { - color: #fffff0; - margin: 0; - font-weight: normal; } - .item-tile__title { - font-size: 1.4em; - grid-area: tile-title; - align-self: center; } - .item-tile__title--long { - font-size: 1em; } - .item-tile__subtitle { - font-size: 0.8em; - grid-area: tile-subtitle; - align-self: start; } - -/* TODO: Not currently used */ -@media screen and (max-width: 480px) { - .table-scroller { - overflow-x: auto; - width: 320px; } } - -table { - border: 1px solid #020202; - margin: auto; } - table td { - padding: 0.5em 1em; - border: 1px solid #020202; } - -.site-content--homepage { - text-align: center; } - .site-content--homepage .page-title { - font-size: 2.5em; - margin-bottom: 1em; } - @media only screen and (min-width: 1248px) { - .site-content--homepage .page-title { - font-size: 4em; } } - .site-content--homepage .page-title span { - display: block !important; - font-size: 0.3em; } - -.site-content--section, -.site-content--list { - display: grid; - grid-gap: 10px; - grid-template-columns: 0.2fr 1fr 0.2fr; - grid-template-rows: auto auto 60px; - justify-items: center; - align-items: center; - grid-template-areas: "list-page-header list-page-header list-page-header" "list-page-grid list-page-grid list-page-grid" "list-page-footer list-page-footer list-page-footer"; - margin-top: 5em; } - @media only screen and (min-width: 1248px) { - .site-content--section, - .site-content--list { - grid-template-areas: ". list-page-header ." "list-page-grid list-page-grid list-page-grid" ". list-page-footer ."; } } - .site-content--section .site-content__header, - .site-content--list .site-content__header { - grid-area: list-page-header; - text-align: center; } - .site-content--section .site-content__header .page-header__minor-links, - .site-content--list .site-content__header .page-header__minor-links { - text-align: center; - margin: auto; - overflow: auto; } - .site-content--section .site-content__header .page-header__minor-links ul, - .site-content--list .site-content__header .page-header__minor-links ul { - list-style: none; } - .site-content--section .site-content__header .page-header__minor-links ul li, - .site-content--list .site-content__header .page-header__minor-links ul li { - float: left; - margin: 0 1em; } - .site-content--section .site-content__header .page-header__minor-links ul li *, - .site-content--list .site-content__header .page-header__minor-links ul li * { - display: inline-block; } - .site-content--section .site-content__header .page-header__minor-links .minor-links__categories, - .site-content--list .site-content__header .page-header__minor-links .minor-links__categories { - width: 100%; - display: block; - font-size: 0.8em !important; - overflow: auto; } - @media only screen and (min-width: 1248px) { - .site-content--section .site-content__header .page-header__minor-links .minor-links__categories, - .site-content--list .site-content__header .page-header__minor-links .minor-links__categories { - font-size: 1em !important; } } - .site-content--section .site-content__header .page-header__minor-links .minor-links__years, - .site-content--list .site-content__header .page-header__minor-links .minor-links__years { - width: 100%; - display: block; - margin: auto; - width: fit-content; } - .site-content--section .site-content__body, - .site-content--list .site-content__body { - width: 100%; - display: grid; - justify-items: stretch; - align-items: stretch; - grid-gap: 10px; - grid-area: list-page-grid; - grid-template-columns: 1fr; - grid-template-rows: repeat(8, 1fr); - justify-items: stretch; - align-items: stretch; } - @media only screen and (min-width: 768px) { - .site-content--section .site-content__body, - .site-content--list .site-content__body { - grid-template-columns: repeat(2, 1fr); - grid-template-rows: repeat(4, 1fr); } } - @media only screen and (min-width: 1248px) { - .site-content--section .site-content__body, - .site-content--list .site-content__body { - grid-template-columns: repeat(4, 1fr); - grid-template-rows: repeat(2, 1fr); } } - .site-content--section .site-content__body--list, - .site-content--list .site-content__body--list { - grid-template-columns: 1fr auto 1fr; - grid-template-rows: auto; - grid-template-areas: ". sections-list ."; } - .site-content--section .site-content__body--chart, - .site-content--list .site-content__body--chart { - grid-template-columns: 1em 100% 1fr; - grid-template-rows: 100%; - grid-template-areas: ". section-chart ."; } - .site-content--section .site-content__footer, - .site-content--list .site-content__footer { - grid-area: list-page-footer; } - -.site-content--single { - display: grid; - column-gap: 2em; - grid-template-columns: 0.4fr 0.6fr; - grid-template-rows: auto auto auto; } - .site-content--single .site-content__header, .site-content--single .site-content__footer { - display: grid; - grid-column-start: 1; - grid-column-end: 3; - background-color: #fffff0; - filter: brightness(80%); } - @media only screen and (min-width: 1248px) { - .site-content--single .site-content__header, .site-content--single .site-content__footer { - border: 2px solid #020202; - grid-column-end: 2; - padding: 2em; } } - .site-content--single .site-content__header { - grid-row-start: 1; - grid-row-end: 2; - overflow: auto; - border-bottom: 2px solid #020202; - margin-bottom: 2em; } - .site-content--single .site-content__header .article-header { - text-align: center; - background-color: #020202; - opacity: 0.8; - color: #fffff0; - display: grid; - grid-area: post-header-details; - grid-template-columns: 1fr; - padding: 20px; - grid-template-rows: 1fr auto auto 1fr; - justify-items: center; - align-items: center; - grid-template-areas: "." "post-title" "post-subtitle" "."; } - .site-content--single .site-content__header .article-header__series { - margin: 0 auto 1em; - font-size: 1.2em; } - .site-content--single .site-content__header .article-header__featured-image { - display: grid; - grid-template-columns: 15% 1fr 15%; - grid-template-rows: 20% 1fr 20%; - grid-template-areas: ". . ." ". post-header-details ." ". . ."; - background-position: center center; - background-repeat: no-repeat; - background-size: cover; - height: 40vh; - min-height: 380px; - width: 100%; - border: 2px solid #020202; } - .site-content--single .site-content__header .article-header__featured-image .attr { - background-color: #020202; - font-size: 0.7em; - color: #fffff0; - width: fit-content; - position: fixed; - padding: 0.2em 0.5em; - opacity: 0.8; - margin: 0 auto; } - .site-content--single .site-content__header .article-header__featured-image .attr a { - color: #fffff0; } - .site-content--single .site-content__header .article-header__title, .site-content--single .site-content__header .article-header__subtitle { - border-bottom: 2px inset #020202; - margin-top: 0.5em; - margin-bottom: 0.5em; - line-height: 1.2em; - border-bottom: 2px inset #020202; - margin-top: 0.5em; - margin-bottom: 0.5em; - line-height: 1.2em; } - .site-content--single .site-content__header .article-header__title-wrapper { - display: grid; - grid-area: post-header-details; - background-color: #020202; - opacity: 0.8; - text-align: center; - grid-template-columns: 1fr; - padding: 20px; - grid-template-rows: 1fr auto auto 1fr; - justify-items: center; - align-items: center; - grid-template-areas: "." "post-title" "post-subtitle" "."; } - .site-content--single .site-content__header .article-header__title-wrapper--no-title { - visibility: hidden; } - .site-content--single .site-content__header .article-header__title-wrapper .article-header__title, .site-content--single .site-content__header .article-header__title-wrapper .article-header__subtitle { - color: #fffff0; } - .site-content--single .site-content__header .article-header__title-wrapper .article-header__title { - grid-area: post-title; - font-weight: bold; } - .site-content--single .site-content__header .article-header__title-wrapper .article-header__title--long { - font-size: 1.5em; } - .site-content--single .site-content__header .article-header__title-wrapper .article-header__subtitle { - grid-area: post-subtitle; } - .site-content--single .site-content__header .article-header__word-count, .site-content--single .site-content__header .article-header__publish-date, .site-content--single .site-content__header .article-header__modified-date { - font-size: 1.2em; - margin: 0.2rem auto; } - .site-content--single .site-content__header .article-header__word-count { - margin-top: 1rem; } - .site-content--single .site-content__header .article-header__notes, .site-content--single .site-content__header .article-header__warnings { - width: 90%; - margin: 1.6em auto; - display: block; - padding-right: 1em; } - .site-content--single .site-content__header .article-header__notes ul, .site-content--single .site-content__header .article-header__warnings ul { - list-style: circle; } - .site-content--single .site-content__header .article-header__notes ul li, .site-content--single .site-content__header .article-header__warnings ul li { - margin: 0.5em 0; } - .site-content--single .site-content__header .article-header__notes { - background-color: #fffff0; - filter: brightness(70%); - border: 1px solid gray; } - .site-content--single .site-content__header .article-header__warnings { - border: 4px solid darkred; - background-color: #fc3a3a; - color: #fffff0; - font-weight: 500; } - .site-content--single .site-content__header .article-header__warnings ul { - list-style: disc; } - .site-content--single .site-content__header .article-header__table-of-contents ul { - list-style-type: arabic; - padding-left: 2em; } - .site-content--single .site-content__body { - grid-column-start: 1; - grid-column-end: 3; - grid-row-start: 2; - grid-row-end: 3; - /* Temporary until I've fixed all the figures */ - overflow-x: clip; - /* TODO: remove once replaced in content with figures */ } - @media only screen and (min-width: 1248px) { - .site-content--single .site-content__body { - grid-row-start: 1; - grid-row-end: 4; - grid-column-start: 2; } } - .site-content--single .site-content__body .heading { - text-align: center; - font-size: 2em; - font-weight: bold; } - .site-content--single .site-content__body .heading::before, .site-content--single .site-content__body .heading::after { - content: " ~ "; } - .site-content--single .site-content__body .heading-anchor { - font-size: 0.6em; - line-height: 1em; - text-decoration: none; - vertical-align: middle; } - .site-content--single .site-content__body .subheading { - font-size: 1.6em; - border-bottom: 2px inset #020202; - margin-top: 0.5em; - margin-bottom: 0.5em; - line-height: 1.2em; - text-align: center; } - .site-content--single .site-content__body .subheading--appendices, .site-content--single .site-content__body .subheading--comments { - text-decoration: underline; - border-bottom: none; - font-size: 2em; - padding-top: 1em; - border-top: 1px dashed #020202; } - .site-content--single .site-content__body .subheading__subtitle { - font-size: 1em; - border-bottom: 1px dashed #020202; - margin-top: 0; - margin-bottom: 1em; - padding-bottom: 0.5em; - line-height: 1em; - text-align: center; - font-weight: bold; - width: fit-content; - margin: auto; - padding: 0 3em 0.4em; } - .site-content--single .site-content__body .subsubheading { - font-size: 1.4em; - border-bottom: 1px dashed #020202; - margin-top: 1em; - margin-bottom: 1em; - padding-bottom: 0.5em; - line-height: 1em; - text-align: left; - font-weight: bold; } - .site-content--single .site-content__body .subsubsubheading { - font-size: 1.2em; - margin-top: 1em; - margin-bottom: 1em; - line-height: 1em; - text-align: left; - font-weight: bold; } - .site-content--single .site-content__body blockquote { - padding-left: 1em; - border-left: 2px outset #020202; - display: inline-block; - max-width: 85%; } - .site-content--single .site-content__body blockquote footer { - text-align: right; - font-style: normal; - display: inline-block; - margin-left: 5em; } - .site-content--single .site-content__body blockquote footer::before { - content: "—"; } - .site-content--single .site-content__body blockquote:first-child { - font-size: 1.2em; - text-align: center; - display: block; - margin: 0 auto; - border-left: 0; - padding-left: 0; - width: 100%; - padding-top: 1em; - padding-bottom: 1.2em; - border-top: 2px outset #020202; - border-bottom: 2px inset #020202; } - .site-content--single .site-content__body blockquote p:first-child { - margin-top: 0; } - .site-content--single .site-content__body blockquote p:last-of-type { - margin-bottom: 0.5em; } - .site-content--single .site-content__body blockquote.script { - display: grid; - grid-template-columns: auto 1fr 0.2fr; - padding-bottom: 0.4em; - text-align: left; } - .site-content--single .site-content__body blockquote.script > p::before, .site-content--single .site-content__body blockquote.script > p::after { - content: none !important; } - .site-content--single .site-content__body blockquote.script > .script-line__character { - grid-column: 1; - margin: 0.5em 2em 0.5em 0.5em; - font-style: italic; } - .site-content--single .site-content__body blockquote.script > .script-line__text { - grid-column-start: 2; - grid-column-end: 4; - margin: 0.5em; } - .site-content--single .site-content__body blockquote.script footer { - grid-column-start: 1; - grid-column-end: 3; } - @media only screen and (min-width: 1024px) { - .site-content--single .site-content__body blockquote { - margin: 1em 2em; } } - .site-content--single .site-content__body img, - .site-content--single .site-content__body video { - max-width: 100%; - height: auto; - width: auto; - max-height: 50vh; - margin: auto; - display: block; } - .site-content--single .site-content__body .figure { - margin: 16px auto; - width: fit-content; } - .site-content--single .site-content__body .figure__image { - display: block; - width: auto; - max-width: 100%; - margin: auto; - height: auto; - max-height: 50vh; } - .site-content--single .site-content__body .figure__chart { - min-height: 40vh; - max-height: 60vh; } - .site-content--single .site-content__body .figure__caption { - height: auto; - margin: auto; - text-align: center; } - .site-content--single .site-content__body .figure__caption--no-height { - height: 0; } - .site-content--single .site-content__body .figure__caption .figcaption__caption { - font-size: 0.9em; - font-style: italic; } - .site-content--single .site-content__body .figure__caption .figcaption__title { - font-size: 0.95em; - font-weight: bold; } - .site-content--single .site-content__body .figure__caption .figcaption__attr { - background-color: #020202; - font-size: 0.7em; - color: #fffff0; - width: fit-content; - top: -2em; - position: relative; - padding: 0.2em 0.5em; - opacity: 0.8; - margin: 0 auto; } - .site-content--single .site-content__body .figure__caption .figcaption__attr + .figcaption__caption { - margin-top: -0.5em; } - .site-content--single .site-content__body .figure__caption .figcaption__full-size-link { - font-size: 0.6em; - padding-left: 1em; } - .site-content--single .site-content__body .figure__caption .figcaption__full-size-link::before { - content: '['; } - .site-content--single .site-content__body .figure__caption .figcaption__full-size-link::after { - content: ']'; } - .site-content--single .site-content__footer { - grid-row-start: 3; - grid-row-end: 4; - border-top: 2px solid #020202; } - @media only screen and (min-width: 1248px) { - .site-content--single .site-content__footer { - margin-bottom: 2em; - grid-row-start: 2; - grid-row-end: 3; } } - .site-content--single .site-content__footer h2 { - margin: 1rem 0; } - .site-content--single .site-content__footer ul { - margin: 0; } - .site-content--single .site-content__footer #mapdiv { - border: 2px solid #020202; } - -.organisations-table { - grid-column-start: 1; - grid-column-end: 5; } - -#organisation-body .index { - display: grid; - grid-gap: 6px 5px; - grid-area: items; - grid-template-columns: repeat(4, 1fr); - grid-template-rows: 1fr; - justify-items: stretch; - align-items: stretch; - grid-template-areas: "item1 item2 item3 item4"; } - -#organisation-body .index .item:nth-child(1) { - grid-area: item1; } - -#organisation-body .index .item:nth-child(2) { - grid-area: item2; } - -#organisation-body .index .item:nth-child(3) { - grid-area: item3; } - -#organisation-body .index .item:nth-child(4) { - grid-area: item4; } - -#organisation-body details { - cursor: pointer; - opacity: 0.7; - border: 2px solid #020202; } - #organisation-body details:hover, #organisation-body details:focus { - opacity: 1; } - -#organisation-body summary::marker { - font-size: 2em; - padding-left: 2em; } - -#organisation-body summary .subheading { - display: inline; - width: 95%; - padding-bottom: 2em; } - -#organisation-body summary .index { - border-top: 2px solid #020202; } - -#hierarchy ul { - list-style: none; - padding-left: 1em; } - #hierarchy ul .hierarchy-item:before { - content: '\21B3'; - margin: 0 0.4em; } - #hierarchy ul .hierarchy-item--current { - font-weight: bold; } - #hierarchy ul .hierarchy-item--child:before { - content: '\2192'; } - -.timeline__legend span { - margin: 0 1em; } - .timeline__legend span * { - display: inline-block; } - .timeline__legend span .colour-square { - width: 1em; - height: 1em; - border-radius: 2.5px; - border: 1px solid #020202; } - .timeline__legend span .colour-square--unpaid-current { - background-color: #bbbbb0; } - .timeline__legend span .colour-square--unpaid-past { - background-color: #fffff0; } - .timeline__legend span .colour-square--paid-current { - background-color: #BCBC7E; } - .timeline__legend span .colour-square--paid-past { - background-color: #FCFCA6; } - -.site-content__body--chart #timeline, .site-content__body--chart #map { - width: 100%; - max-width: 100%; - grid-area: section-chart; } - -.site-content__body--list .site-content__sections-list { - grid-area: sections-list; - display: block; - list-style: none; - margin: auto; - padding-left: 0; } - .site-content__body--list .site-content__sections-list li * { - display: inline-block; } - -@media (prefers-color-scheme: dark) { - html, - .site-header { - color: #fffff0; - background-color: #020202; } - .site-header__nav li { - color: #fffff0; - border-color: #fffff0; } - .site-header__nav li:hover { - background-color: #020202; } - .site-header__title a { - color: #fffff0; } - .item-tile--heading, .item-tile__header { - background-color: #fffff0; } - .item-tile--heading, .item-tile__header, .item-tile__title, .item-tile__subtitle { - color: #020202; } } diff --git a/css/main.92b6271b8d85434e9c09437c0c183f41b7fa635c140d3b8b7100bf06e69adb73.css b/css/main.92b6271b8d85434e9c09437c0c183f41b7fa635c140d3b8b7100bf06e69adb73.css deleted file mode 100644 index 236801d..0000000 --- a/css/main.92b6271b8d85434e9c09437c0c183f41b7fa635c140d3b8b7100bf06e69adb73.css +++ /dev/null @@ -1,1015 +0,0 @@ -@charset "UTF-8"; -@font-face { - font-family: "Input Mono"; - src: url(/fonts/InputMono-Regular.ttf); } - -html { - font-size: 16px; - color: #020202; - background-color: #fffff0; - font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; } - -h1, -h2, -h3, -h4, -h5, -h6 { - font-weight: normal; - margin: 0; } - -a { - text-decoration-skip-ink: auto; - color: #020202; - text-decoration: underline; - opacity: 0.8; } - a:hover { - text-decoration: none; - opacity: 1; } - -.sic::after { - content: " [sic]"; - font-style: italic; } - -.latex { - display: inline !important; } - -pre { - padding-left: 1em; - border-left: 2px outset #020202; - display: inline-block; - max-width: 85%; } - -pre { - overflow: hidden; } - -@media only screen and (min-width: 1024px) { - pre { - margin: 1em 2em; } } - -q.guillemets { - quotes: "«" "»" "«" "»"; } - -q, -blockquote { - quotes: "‘" "’" "“" "”"; } - -q::before { - content: open-quote; } - -q::after { - content: close-quote; } - -cite, -cite.book, -cite.film, -cite.tv-show, -cite.comic, -cite.book, -cite.podcast, -cite.album, -cite.report { - font-style: italic; } - -cite.book--bible { - font-style: inherit; } - -cite.legislation, -cite.smallcite, -cite.comic-strip, -cite.short-story, -cite.article, -cite.episode, -cite.video, -cite.chapter, -cite.software, -cite.campaign, -cite.song, -cite.speech, -cite.course, -cite.presentation { - font-style: normal; } - -cite.smallcite::before, -cite.article::before, -cite.comic-strip::before, -cite.short-story::before, -cite.episode::before, -cite.video::before, -cite.chapter::before, -cite.song::before, -cite.poem::before, -cite.campaign::before, -cite.speech::before, -cite.course::before, -cite.presentation::before { - content: "“"; } - -cite.smallcite::after, -cite.article::after, -cite.comic-strip::after, -cite.short-story::after, -cite.episode::after, -cite.video::after, -cite.chapter::after, -cite.song::after, -cite.poem::after, -cite.campaign::after, -cite.speech::after, -cite.course::after, -cite.presentation::after { - content: "”"; } - -cite.article--shortcite::before, -cite.article--shortcite::after { - content: none; } - -code, -samp, -var, -pre { - font-family: "Input Mono", "Lucida Console", Monaco, monospace; - font-size: 1em; } - -pre .nocode { - font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; - font-size: 1em; - padding: 1px 3px; - border-radius: 6px; - border: dashed 1px black; } - -code, -samp, -var { - background-color: #d1d1d1; - border-radius: 5px; - padding: 2px; } - -pre { - max-width: 50vw; - overflow: scroll; } - -h1 code, -.post-title code, -pre code, -h1 samp, -.post-title samp, -pre samp, -h1 var, -.post-title var, -pre var { - background-color: transparent; - padding: 0; } - -.heading code, -.subheading code { - background-color: transparent; } - -pre.prettyprint ol { - padding-left: 3.5em; } - -pre.prettyprint li { - background: none !important; } - -samp { - display: block; - width: 80ch; - margin: 1em 4em; - border-left: 2px solid #ccc; - color: #333; } - -kbd { - padding: 0.1em 0.6em; - border: 1px solid #ccc; - font-size: 11px; - font-family: Arial, Helvetica, sans-serif; - background-color: #f7f7f7; - color: #333; - box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px white inset; - border-radius: 3px; - display: inline-block; - margin: 0 0.1em; - text-shadow: 0 1px 0 white; - line-height: 1.4; - white-space: nowrap; } - -.pre-nominals, -.post-nominals { - font-size: 0.6em; - font-variant: small-caps; } - -.site-container { - display: grid; - grid-template-columns: 2.5% 1fr 2.5%; - grid-template-rows: auto 1fr 2.5%; - grid-template-areas: "header header header" "page-container page-container page-container" "footer footer footer"; - min-height: calc(100vh - 4em); - border-top: 0; } - @media only screen and (min-width: 1248px) { - .site-container { - margin-bottom: 2em; - grid-template-areas: "header header header" ". page-container ." "footer footer footer"; - border: 2px solid black; - margin-left: 2em; - margin-right: 2em; } } - .site-container--homepage { - align-items: center; - grid-template-rows: auto 2.5%; - grid-template-areas: "page-container page-container page-container" "footer footer footer"; - margin-top: 2em; - margin-bottom: 2em; } - @media only screen and (min-width: 1248px) { - .site-container--homepage { - border: 2px solid black; - margin-left: 2em; - margin-right: 2em; - grid-template-areas: ". page-container ." "footer footer footer"; } } - .site-container--list, .site-container--section { - align-items: center; } - -.site-header { - display: grid; - grid-area: header; - grid-gap: 0; - grid-template-columns: 1fr; - grid-template-rows: auto auto auto auto; - grid-template-areas: "header-title" "header-tagline" "header-icons" "header-nav"; - position: sticky; - top: 0; - left: 0; - width: 100%; - text-align: center; - z-index: 1; } - .site-header__title, .site-header__tagline, .site-header__icons, .site-header__nav { - background-color: #fffff0; - margin: 0; } - .site-header__title, .site-header__tagline, .site-header__icons { - padding: 5px 0; } - .site-header__title { - font-weight: normal; - grid-area: header-title; } - .site-header__tagline { - grid-area: header-tagline; } - .site-header__icons { - grid-area: header-icons; - border-bottom: 2px solid #020202; - margin-bottom: 0; } - .site-header__nav { - grid-area: header-nav; - margin: auto; - width: 100%; } - @media only screen and (min-width: 1248px) { - .site-header__nav { - width: 60%; } } - .site-header__nav ul { - margin-top: 0; - margin-bottom: 0; } - .site-header__nav li { - width: calc(100% / 3); - display: block; - float: left; - border-bottom: 2px solid black; - border-left: 1px solid black; - border-right: 1px solid black; - padding: 0.4em; - background-color: inherit; } - .site-header__nav a:first-child li { - border-left: 2px solid black; } - .site-header__nav a:last-child li { - border-right: 2px solid black; } - .site-header__nav li:hover { - background-color: #ffffd0; } - .site-header__nav li a { - width: 100%; - height: 100%; - display: block; } - -.site-footer { - grid-area: footer; - display: block; - width: 99%; - /* Overflows right of viewport otherwise */ - position: fixed; - bottom: 0; } - .site-footer p { - width: fit-content; - margin: auto; - background: #fffff0; - border: 2px solid black; - padding: 0.4em; - border-bottom: none; - font-size: 0.6em; } - @media only screen and (min-width: 1248px) { - .site-footer p { - font-size: 1em; } } -.site-content { - grid-area: page-container; - margin-left: 1em; - margin-right: 1em; } - @media only screen and (min-width: 1248px) { - .site-content { - margin: 2em; } } -/* -Put this file in /static/css/hugo-easy-gallery.css -Documentation and licence at https://github.com/liwenyip/hugo-easy-gallery/ -*/ -/* -Grid Layout Styles -*/ -.gallery { - overflow: hidden; } - -.gallery .box { - float: left; - position: relative; - /* Default: 1 tile wide */ - width: 100%; - padding-bottom: 100%; } - -@media only screen and (min-width: 365px) { - /* Tablet view: 2 tiles */ - .gallery .box { - width: 50%; - padding-bottom: 50%; } } - -@media only screen and (min-width: 480px) { - /* Small desktop / ipad view: 3 tiles */ - .gallery .box { - width: 33.3%; - padding-bottom: 33.3%; - /* */ } } - -@media only screen and (min-width: 9999px) { - /* Medium desktop: 4 tiles */ - .box { - width: 25%; - padding-bottom: 25%; } } - -/* -Transition styles -*/ -.gallery.hover-transition figure, -.gallery.hover-effect-zoom .img, -.gallery:not(.caption-effect-appear) figcaption, -.fancy-figure:not(.caption-effect-appear) figcaption { - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - -/* -figure styles -*/ -figure { - position: relative; - /* purely to allow absolution positioning of figcaption */ - overflow: hidden; } - -.gallery figure { - position: absolute; - left: 5px; - right: 5px; - top: 5px; - bottom: 5px; } - -.gallery.hover-effect-grow figure:hover { - transform: scale(1.05); } - -.gallery.hover-effect-shrink figure:hover { - transform: scale(0.95); } - -.gallery.hover-effect-slidedown figure:hover { - transform: translateY(5px); } - -.gallery.hover-effect-slideup figure:hover { - transform: translateY(-5px); } - -/* -img / a styles -*/ -.gallery .img { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; - background-size: cover; - background-position: 50% 50%; - background-repeat: no-repeat; } - -.gallery.hover-effect-zoom figure:hover .img { - transform: scale(1.05); } - -.gallery img { - display: none !important; - /* only show the img if not inside a gallery */ } - -.gallery figure a { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; } - -/* -figcaption styles -*/ -.gallery figcaption, -.fancy-figure figcaption { - position: absolute; - bottom: 0; - left: 0; - right: 0; - background: #000; - color: #FFF; - text-align: center; - font-size: 75%; - /* change this if you want bigger text */ - background: rgba(0, 0, 0, 0.5); - opacity: 1; - cursor: pointer; } - -.gallery.caption-position-none figcaption, -.fancy-figure.caption-position-none figcaption { - display: none; } - -.gallery.caption-position-center figcaption, -.fancy-figure.caption-position-center figcaption { - top: 0; - padding: 40% 5px; } - -.gallery.caption-position-bottom figcaption, -.fancy-figure.caption-position-bottom figcaption { - padding: 5px; } - -.gallery.caption-effect-fade figure:not(:hover) figcaption, -.gallery.caption-effect-appear figure:not(:hover) figcaption, -.fancy-figure.caption-effect-fade figure:not(:hover) figcaption, -.fancy-figure.caption-effect-appear figure:not(:hover) figcaption { - background: rgba(0, 0, 0, 0); - opacity: 0; } - -.gallery.caption-effect-slide.caption-position-bottom figure:not(:hover) figcaption, -.fancy-figure.caption-effect-slide.caption-position-bottom figure:not(:hover) figcaption { - margin-bottom: -100%; } - -.gallery.caption-effect-slide.caption-position-center figure:not(:hover) figcaption, -.fancy-figure.caption-effect-slide.caption-position-center figure:not(:hover) figcaption { - top: 100%; } - -.gallery figcaption p { - margin: auto; - /* override style in theme */ } - -.feed-icon { - display: inline-block; - height: 0.6em; - width: 0.6em; - margin-bottom: 0.2em; } - -.link--tile { - text-decoration: none; - box-sizing: border-box; - border: 2px solid transparent; } - .link--tile:hover { - border-color: #020202; } - -.item-tile { - display: grid; - min-height: 180px; - grid-template-columns: 5% auto 5%; - grid-template-rows: 2.5% auto 2.5%; - grid-template-areas: ". . ." ". tile-details ." ". . ."; - background-size: cover; - background-repeat: no-repeat; - background-position: center; } - .item-tile.lazy { - background-image: none !important; } - .item-tile--heading { - font-size: 3em; } - .item-tile--heading .item-tile__header { - opacity: 1; } - .item-tile--ohwhatohjeez { - border: 2px solid #ff8900; } - .item-tile--oldphaloskepsis { - border: 2px solid #003d52; } - .item-tile--omphaloskepsis { - border: 2px solid #fffff0; } - .item-tile__header { - text-align: center; - background-color: #020202; - opacity: 0.8; - display: grid; - grid-area: tile-details; - grid-template-columns: 5px auto 5px; - grid-template-rows: 0 auto auto auto; - grid-template-areas: ". . ." ". banner ." ". tile-title ." ". tile-subtitle ."; } - .item-tile__banner { - padding: 0.5em 1em 0; - grid-area: banner; - width: auto; - margin-left: auto; - margin-right: auto; - border-radius: 0 0 10px 10px; - text-align: center; - text-decoration: none !important; - line-height: 0.5em; - background-color: #ebebeb; } - .item-tile__title, .item-tile__subtitle { - color: #fffff0; - margin: 0; - font-weight: normal; } - .item-tile__title { - font-size: 1.4em; - grid-area: tile-title; - align-self: center; } - .item-tile__title--long { - font-size: 1em; } - .item-tile__subtitle { - font-size: 0.8em; - grid-area: tile-subtitle; - align-self: start; } - -/* TODO: Not currently used */ -@media screen and (max-width: 480px) { - .table-scroller { - overflow-x: auto; - width: 320px; } } - -table { - border: 1px solid #020202; - margin: auto; } - table td { - padding: 0.5em 1em; - border: 1px solid #020202; } - -.site-content--homepage { - text-align: center; } - .site-content--homepage .page-title { - font-size: 2.5em; - margin-bottom: 1em; } - @media only screen and (min-width: 1248px) { - .site-content--homepage .page-title { - font-size: 4em; } } - .site-content--homepage .page-title span { - display: block !important; - font-size: 0.3em; } - -.site-content--section, -.site-content--list { - display: grid; - grid-gap: 10px; - grid-template-columns: 0.2fr 1fr 0.2fr; - grid-template-rows: auto auto 60px; - justify-items: center; - align-items: center; - grid-template-areas: "list-page-header list-page-header list-page-header" "list-page-grid list-page-grid list-page-grid" "list-page-footer list-page-footer list-page-footer"; - margin-top: 5em; } - @media only screen and (min-width: 1248px) { - .site-content--section, - .site-content--list { - grid-template-areas: ". list-page-header ." "list-page-grid list-page-grid list-page-grid" ". list-page-footer ."; } } - .site-content--section .site-content__header, - .site-content--list .site-content__header { - grid-area: list-page-header; - text-align: center; } - .site-content--section .site-content__header .page-header__minor-links, - .site-content--list .site-content__header .page-header__minor-links { - text-align: center; - margin: auto; - overflow: auto; } - .site-content--section .site-content__header .page-header__minor-links ul, - .site-content--list .site-content__header .page-header__minor-links ul { - list-style: none; } - .site-content--section .site-content__header .page-header__minor-links ul li, - .site-content--list .site-content__header .page-header__minor-links ul li { - float: left; - margin: 0 1em; } - .site-content--section .site-content__header .page-header__minor-links ul li *, - .site-content--list .site-content__header .page-header__minor-links ul li * { - display: inline-block; } - .site-content--section .site-content__header .page-header__minor-links .minor-links__categories, - .site-content--list .site-content__header .page-header__minor-links .minor-links__categories { - width: 100%; - display: block; - font-size: 0.8em !important; - overflow: auto; } - @media only screen and (min-width: 1248px) { - .site-content--section .site-content__header .page-header__minor-links .minor-links__categories, - .site-content--list .site-content__header .page-header__minor-links .minor-links__categories { - font-size: 1em !important; } } - .site-content--section .site-content__header .page-header__minor-links .minor-links__years, - .site-content--list .site-content__header .page-header__minor-links .minor-links__years { - width: 100%; - display: block; - margin: auto; - width: fit-content; } - .site-content--section .site-content__body, - .site-content--list .site-content__body { - width: 100%; - display: grid; - justify-items: stretch; - align-items: stretch; - grid-gap: 10px; - grid-area: list-page-grid; - grid-template-columns: 1fr; - grid-template-rows: repeat(8, 1fr); - justify-items: stretch; - align-items: stretch; } - @media only screen and (min-width: 640px) { - .site-content--section .site-content__body, - .site-content--list .site-content__body { - grid-template-columns: repeat(2, 1fr); - grid-template-rows: repeat(4, 1fr); } } - @media only screen and (min-width: 1248px) { - .site-content--section .site-content__body, - .site-content--list .site-content__body { - grid-template-columns: repeat(4, 1fr); - grid-template-rows: repeat(2, 1fr); } } - .site-content--section .site-content__body--list, - .site-content--list .site-content__body--list { - grid-template-columns: 1fr auto 1fr; - grid-template-rows: auto; - grid-template-areas: ". sections-list ."; } - .site-content--section .site-content__body--chart, - .site-content--list .site-content__body--chart { - grid-template-columns: 1em 100% 1fr; - grid-template-rows: 100%; - grid-template-areas: ". section-chart ."; } - .site-content--section .site-content__footer, - .site-content--list .site-content__footer { - grid-area: list-page-footer; } - -.site-content--single { - display: grid; - column-gap: 2em; - grid-template-columns: 0.4fr 0.6fr; - grid-template-rows: auto auto auto; } - .site-content--single .site-content__header, .site-content--single .site-content__footer { - display: grid; - grid-column-start: 1; - grid-column-end: 3; - background-color: #fffff0; - filter: brightness(80%); } - @media only screen and (min-width: 1248px) { - .site-content--single .site-content__header, .site-content--single .site-content__footer { - border: 2px solid #020202; - grid-column-end: 2; - padding: 2em; } } - .site-content--single .site-content__header { - grid-row-start: 1; - grid-row-end: 2; - overflow: auto; - border-bottom: 2px solid #020202; - margin-bottom: 2em; } - .site-content--single .site-content__header .article-header { - text-align: center; - background-color: #020202; - opacity: 0.8; - color: #fffff0; - display: grid; - grid-area: post-header-details; - grid-template-columns: 1fr; - padding: 20px; - grid-template-rows: 1fr auto auto 1fr; - justify-items: center; - align-items: center; - grid-template-areas: "." "post-title" "post-subtitle" "."; } - .site-content--single .site-content__header .article-header__series { - margin: 0 auto 1em; - font-size: 1.2em; } - .site-content--single .site-content__header .article-header__featured-image { - display: grid; - grid-template-columns: 15% 1fr 15%; - grid-template-rows: 20% 1fr 20%; - grid-template-areas: ". . ." ". post-header-details ." ". . ."; - background-position: center center; - background-repeat: no-repeat; - background-size: cover; - height: 40vh; - min-height: 380px; - width: 100%; - border: 2px solid #020202; } - .site-content--single .site-content__header .article-header__featured-image .attr { - background-color: #020202; - font-size: 0.7em; - color: #fffff0; - width: fit-content; - position: fixed; - padding: 0.2em 0.5em; - opacity: 0.8; - margin: 0 auto; } - .site-content--single .site-content__header .article-header__featured-image .attr a { - color: #fffff0; } - .site-content--single .site-content__header .article-header__title, .site-content--single .site-content__header .article-header__subtitle { - border-bottom: 2px inset #020202; - margin-top: 0.5em; - margin-bottom: 0.5em; - line-height: 1.2em; - border-bottom: 2px inset #020202; - margin-top: 0.5em; - margin-bottom: 0.5em; - line-height: 1.2em; } - .site-content--single .site-content__header .article-header__title-wrapper { - display: grid; - grid-area: post-header-details; - background-color: #020202; - opacity: 0.8; - text-align: center; - grid-template-columns: 1fr; - padding: 20px; - grid-template-rows: 1fr auto auto 1fr; - justify-items: center; - align-items: center; - grid-template-areas: "." "post-title" "post-subtitle" "."; } - .site-content--single .site-content__header .article-header__title-wrapper--no-title { - visibility: hidden; } - .site-content--single .site-content__header .article-header__title-wrapper .article-header__title, .site-content--single .site-content__header .article-header__title-wrapper .article-header__subtitle { - color: #fffff0; } - .site-content--single .site-content__header .article-header__title-wrapper .article-header__title { - grid-area: post-title; - font-weight: bold; } - .site-content--single .site-content__header .article-header__title-wrapper .article-header__title--long { - font-size: 1.5em; } - .site-content--single .site-content__header .article-header__title-wrapper .article-header__subtitle { - grid-area: post-subtitle; } - .site-content--single .site-content__header .article-header__word-count, .site-content--single .site-content__header .article-header__publish-date, .site-content--single .site-content__header .article-header__modified-date { - font-size: 1.2em; - margin: 0.2rem auto; } - .site-content--single .site-content__header .article-header__word-count { - margin-top: 1rem; } - .site-content--single .site-content__header .article-header__notes, .site-content--single .site-content__header .article-header__warnings { - width: 90%; - margin: 1.6em auto; - display: block; - padding-right: 1em; } - .site-content--single .site-content__header .article-header__notes ul, .site-content--single .site-content__header .article-header__warnings ul { - list-style: circle; } - .site-content--single .site-content__header .article-header__notes ul li, .site-content--single .site-content__header .article-header__warnings ul li { - margin: 0.5em 0; } - .site-content--single .site-content__header .article-header__notes { - background-color: #fffff0; - filter: brightness(70%); - border: 1px solid gray; } - .site-content--single .site-content__header .article-header__warnings { - border: 4px solid darkred; - background-color: #fc3a3a; - color: #fffff0; - font-weight: 500; } - .site-content--single .site-content__header .article-header__warnings ul { - list-style: disc; } - .site-content--single .site-content__header .article-header__table-of-contents ul { - list-style-type: arabic; - padding-left: 2em; } - .site-content--single .site-content__body { - grid-column-start: 1; - grid-column-end: 3; - grid-row-start: 2; - grid-row-end: 3; - /* Temporary until I've fixed all the figures */ - overflow-x: clip; - /* TODO: remove once replaced in content with figures */ } - @media only screen and (min-width: 1248px) { - .site-content--single .site-content__body { - grid-row-start: 1; - grid-row-end: 4; - grid-column-start: 2; } } - .site-content--single .site-content__body .heading { - text-align: center; - font-size: 2em; - font-weight: bold; } - .site-content--single .site-content__body .heading::before, - .site-content--single .site-content__body .heading::after { - content: " ~ "; } - .site-content--single .site-content__body .subheading { - font-size: 1.6em; - border-bottom: 2px inset #020202; - margin-top: 0.5em; - margin-bottom: 0.5em; - line-height: 1.2em; - text-align: center; } - .site-content--single .site-content__body .subheading__subtitle { - font-size: 1em; - border-bottom: 1px dashed #020202; - margin-top: 0; - margin-bottom: 1em; - padding-bottom: 0.5em; - line-height: 1em; - text-align: center; - font-weight: bold; - width: fit-content; - margin: auto; - padding: 0 3em 0.4em; } - .site-content--single .site-content__body .subsubheading { - font-size: 1em; - border-bottom: 1px dashed var(--dark); - margin-top: 1em; - margin-bottom: 1em; - padding-bottom: 0.5em; - line-height: 1em; - text-align: left; - font-weight: bold; } - .site-content--single .site-content__body blockquote { - padding-left: 1em; - border-left: 2px outset #020202; - display: inline-block; - max-width: 85%; } - .site-content--single .site-content__body blockquote footer { - text-align: right; - font-style: normal; - display: inline-block; - margin-left: 5em; } - .site-content--single .site-content__body blockquote footer::before { - content: "—"; } - .site-content--single .site-content__body blockquote:first-child { - font-size: 1.2em; - text-align: center; - display: block; - margin: 0 auto; - border-left: 0; - padding-left: 0; - width: 100%; - padding-top: 1em; - padding-bottom: 1.2em; - border-top: 2px outset #020202; - border-bottom: 2px inset #020202; } - .site-content--single .site-content__body blockquote p:first-child { - margin-top: 0; } - .site-content--single .site-content__body blockquote p:last-of-type { - margin-bottom: 0.5em; } - .site-content--single .site-content__body blockquote.script { - display: grid; - grid-template-columns: auto 1fr 0.2fr; - padding-bottom: 0.4em; - text-align: left; } - .site-content--single .site-content__body blockquote.script > p::before, .site-content--single .site-content__body blockquote.script > p::after { - content: none !important; } - .site-content--single .site-content__body blockquote.script > .script-line__character { - grid-column: 1; - margin: 0.5em 2em 0.5em 0.5em; - font-style: italic; } - .site-content--single .site-content__body blockquote.script > .script-line__text { - grid-column-start: 2; - grid-column-end: 4; - margin: 0.5em; } - .site-content--single .site-content__body blockquote.script footer { - grid-column-start: 1; - grid-column-end: 3; } - @media only screen and (min-width: 1024px) { - .site-content--single .site-content__body blockquote { - margin: 1em 2em; } } - .site-content--single .site-content__body img, - .site-content--single .site-content__body video { - max-width: 100%; - height: auto; - width: auto; - max-height: 50vh; - margin: auto; - display: block; } - .site-content--single .site-content__body .figure { - margin: 16px auto; - width: fit-content; } - .site-content--single .site-content__body .figure__image { - display: block; - width: auto; - max-width: 100%; - margin: auto; - height: auto; - max-height: 50vh; } - .site-content--single .site-content__body .figure__chart { - min-height: 40vh; - max-height: 60vh; } - .site-content--single .site-content__body .figure__caption { - height: auto; - margin: auto; } - .site-content--single .site-content__body .figure__caption--no-height { - height: 0; } - .site-content--single .site-content__body .figure__caption .figcaption__caption { - font-size: 0.9em; - font-style: italic; - text-align: center; } - .site-content--single .site-content__body .figure__caption .figcaption__attr { - background-color: #020202; - font-size: 0.7em; - color: #fffff0; - width: fit-content; - top: -2em; - position: relative; - padding: 0.2em 0.5em; - opacity: 0.8; - margin: 0 auto; } - .site-content--single .site-content__body .figure__caption .figcaption__attr + .figcaption__caption { - margin-top: -0.5em; } - .site-content--single .site-content__body .figure__caption .figcaption__full-size-link { - font-size: 0.6em; - padding-left: 1em; } - .site-content--single .site-content__body .figure__caption .figcaption__full-size-link::before { - content: '['; } - .site-content--single .site-content__body .figure__caption .figcaption__full-size-link::after { - content: ']'; } - .site-content--single .site-content__footer { - grid-row-start: 3; - grid-row-end: 4; - border-top: 2px solid #020202; } - @media only screen and (min-width: 1248px) { - .site-content--single .site-content__footer { - margin-bottom: 2em; - grid-row-start: 2; - grid-row-end: 3; } } - .site-content--single .site-content__footer h2 { - margin: 1rem 0; } - .site-content--single .site-content__footer ul { - margin: 0; } - .site-content--single .site-content__footer #mapdiv { - border: 2px solid #020202; } - -.organisations-table { - grid-column-start: 1; - grid-column-end: 5; } - -#organisation-body .index { - display: grid; - grid-gap: 6px 5px; - grid-area: items; - grid-template-columns: repeat(4, 1fr); - grid-template-rows: 1fr; - justify-items: stretch; - align-items: stretch; - grid-template-areas: "item1 item2 item3 item4"; } - -#organisation-body .index .item:nth-child(1) { - grid-area: item1; } - -#organisation-body .index .item:nth-child(2) { - grid-area: item2; } - -#organisation-body .index .item:nth-child(3) { - grid-area: item3; } - -#organisation-body .index .item:nth-child(4) { - grid-area: item4; } - -#organisation-body details { - cursor: pointer; - opacity: 0.7; - border: 2px solid #020202; } - #organisation-body details:hover, #organisation-body details:focus { - opacity: 1; } - -#organisation-body summary::marker { - font-size: 2em; - padding-left: 2em; } - -#organisation-body summary .subheading { - display: inline; - width: 95%; - padding-bottom: 2em; } - -#organisation-body summary .index { - border-top: 2px solid #020202; } - -#hierarchy ul { - list-style: none; - padding-left: 1em; } - #hierarchy ul .hierarchy-item:before { - content: '\21B3'; - margin: 0 0.4em; } - #hierarchy ul .hierarchy-item--current { - font-weight: bold; } - #hierarchy ul .hierarchy-item--child:before { - content: '\2192'; } - -.timeline__legend span { - margin: 0 1em; } - .timeline__legend span * { - display: inline-block; } - .timeline__legend span .colour-square { - width: 1em; - height: 1em; - border-radius: 2.5px; - border: 1px solid #020202; } - .timeline__legend span .colour-square--unpaid-current { - background-color: #bbbbb0; } - .timeline__legend span .colour-square--unpaid-past { - background-color: #fffff0; } - .timeline__legend span .colour-square--paid-current { - background-color: #BCBC7E; } - .timeline__legend span .colour-square--paid-past { - background-color: #FCFCA6; } - -.site-content__body--chart #timeline, .site-content__body--chart #map { - width: 100%; - max-width: 100%; - grid-area: section-chart; } - -.site-content__body--list .site-content__sections-list { - grid-area: sections-list; - display: block; - list-style: none; - margin: auto; - padding-left: 0; } - .site-content__body--list .site-content__sections-list li * { - display: inline-block; } - -@media (prefers-color-scheme: dark) { - /*@import "themes/dark";*/ } diff --git a/css/main.df83a036757824b991ef81dcf127897d072036532bed80dfe8fa4ab3f3cbd6f7.css b/css/main.df83a036757824b991ef81dcf127897d072036532bed80dfe8fa4ab3f3cbd6f7.css deleted file mode 100644 index a82cad9..0000000 --- a/css/main.df83a036757824b991ef81dcf127897d072036532bed80dfe8fa4ab3f3cbd6f7.css +++ /dev/null @@ -1,1053 +0,0 @@ -@charset "UTF-8"; -/* -Put this file in /static/css/hugo-easy-gallery.css -Documentation and licence at https://github.com/liwenyip/hugo-easy-gallery/ -*/ -/* -Grid Layout Styles -*/ -.gallery { - overflow: hidden; } - -.gallery .box { - float: left; - position: relative; - /* Default: 1 tile wide */ - width: 100%; - padding-bottom: 100%; } - -@media only screen and (min-width: 365px) { - /* Tablet view: 2 tiles */ - .gallery .box { - width: 50%; - padding-bottom: 50%; } } - -@media only screen and (min-width: 480px) { - /* Small desktop / ipad view: 3 tiles */ - .gallery .box { - width: 33.3%; - padding-bottom: 33.3%; - /* */ } } - -@media only screen and (min-width: 9999px) { - /* Medium desktop: 4 tiles */ - .box { - width: 25%; - padding-bottom: 25%; } } - -/* -Transition styles -*/ -.gallery.hover-transition figure, -.gallery.hover-effect-zoom .img, -.gallery:not(.caption-effect-appear) figcaption, -.fancy-figure:not(.caption-effect-appear) figcaption { - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - -/* -figure styles -*/ -figure { - position: relative; - /* purely to allow absolution positioning of figcaption */ - overflow: hidden; } - -.gallery figure { - position: absolute; - left: 5px; - right: 5px; - top: 5px; - bottom: 5px; } - -.gallery.hover-effect-grow figure:hover { - transform: scale(1.05); } - -.gallery.hover-effect-shrink figure:hover { - transform: scale(0.95); } - -.gallery.hover-effect-slidedown figure:hover { - transform: translateY(5px); } - -.gallery.hover-effect-slideup figure:hover { - transform: translateY(-5px); } - -/* -img / a styles -*/ -.gallery .img { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; - background-size: cover; - background-position: 50% 50%; - background-repeat: no-repeat; } - -.gallery.hover-effect-zoom figure:hover .img { - transform: scale(1.05); } - -.gallery img { - display: none !important; - /* only show the img if not inside a gallery */ } - -.gallery figure a { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; } - -/* -figcaption styles -*/ -.gallery figcaption, -.fancy-figure figcaption { - position: absolute; - bottom: 0; - left: 0; - right: 0; - background: #000; - color: #FFF; - text-align: center; - font-size: 75%; - /* change this if you want bigger text */ - background: rgba(0, 0, 0, 0.5); - opacity: 1; - cursor: pointer; } - -.gallery.caption-position-none figcaption, -.fancy-figure.caption-position-none figcaption { - display: none; } - -.gallery.caption-position-center figcaption, -.fancy-figure.caption-position-center figcaption { - top: 0; - padding: 40% 5px; } - -.gallery.caption-position-bottom figcaption, -.fancy-figure.caption-position-bottom figcaption { - padding: 5px; } - -.gallery.caption-effect-fade figure:not(:hover) figcaption, -.gallery.caption-effect-appear figure:not(:hover) figcaption, -.fancy-figure.caption-effect-fade figure:not(:hover) figcaption, -.fancy-figure.caption-effect-appear figure:not(:hover) figcaption { - background: rgba(0, 0, 0, 0); - opacity: 0; } - -.gallery.caption-effect-slide.caption-position-bottom figure:not(:hover) figcaption, -.fancy-figure.caption-effect-slide.caption-position-bottom figure:not(:hover) figcaption { - margin-bottom: -100%; } - -.gallery.caption-effect-slide.caption-position-center figure:not(:hover) figcaption, -.fancy-figure.caption-effect-slide.caption-position-center figure:not(:hover) figcaption { - top: 100%; } - -.gallery figcaption p { - margin: auto; - /* override style in theme */ } - -@font-face { - font-family: "Input Mono"; - src: url(/fonts/InputMono-Regular.ttf); } - -html { - font-size: 16px; - color: #020202; - background-color: #fffff0; - font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; } - -h1, -h2, -h3, -h4, -h5, -h6 { - font-weight: normal; - margin: 0; } - -a { - text-decoration-skip-ink: auto; - color: #020202; - text-decoration: underline; - opacity: 0.8; } - a:hover { - text-decoration: none; - opacity: 1; } - -.sic::after { - content: " [sic]"; - font-style: italic; } - -.latex { - display: inline !important; } - -pre { - padding-left: 1em; - border-left: 2px outset #020202; - display: inline-block; - max-width: 85%; } - -pre { - overflow: hidden; } - -@media only screen and (min-width: 1024px) { - pre { - margin: 1em 2em; } } - -q.guillemets { - quotes: "«" "»" "«" "»"; } - -q, -blockquote { - quotes: "‘" "’" "“" "”"; } - -q::before { - content: open-quote; } - -q::after { - content: close-quote; } - -cite, -cite.book, -cite.film, -cite.tv-show, -cite.comic, -cite.book, -cite.podcast, -cite.album, -cite.report { - font-style: italic; } - -cite.book--proper-noun { - font-style: inherit; } - -cite.legislation, -cite.smallcite, -cite.comic-strip, -cite.short-story, -cite.article, -cite.episode, -cite.video, -cite.chapter, -cite.software, -cite.website, -cite.campaign, -cite.song, -cite.speech, -cite.course, -cite.presentation { - font-style: normal; } - -cite.smallcite::before, -cite.article::before, -cite.comic-strip::before, -cite.short-story::before, -cite.episode::before, -cite.video::before, -cite.chapter::before, -cite.song::before, -cite.poem::before, -cite.campaign::before, -cite.speech::before, -cite.course::before, -cite.presentation::before { - content: "“"; } - -cite.smallcite::after, -cite.article::after, -cite.comic-strip::after, -cite.short-story::after, -cite.episode::after, -cite.video::after, -cite.chapter::after, -cite.song::after, -cite.poem::after, -cite.campaign::after, -cite.speech::after, -cite.course::after, -cite.presentation::after { - content: "”"; } - -cite.article--shortcite::before, -cite.article--shortcite::after { - content: none; } - -code, -samp, -var, -pre { - font-family: "Input Mono", "Lucida Console", Monaco, monospace; - font-size: 1em; } - -pre .nocode { - font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; - font-size: 1em; - padding: 1px 3px; - border-radius: 6px; - border: dashed 1px black; } - -code, -samp, -var { - background-color: #d1d1d1; - border-radius: 5px; - padding: 2px; } - -pre { - max-width: 50vw; - overflow: scroll; } - -h1 code, -.post-title code, -pre code, -h1 samp, -.post-title samp, -pre samp, -h1 var, -.post-title var, -pre var { - background-color: transparent; - padding: 0; } - -.heading code, -.subheading code { - background-color: transparent; } - -pre.prettyprint ol { - padding-left: 3.5em; } - -pre.prettyprint li { - background: none !important; } - -samp { - display: block; - width: 80ch; - margin: 1em 4em; - border-left: 2px solid #ccc; - color: #333; } - -kbd { - padding: 0.1em 0.6em; - border: 1px solid #ccc; - font-size: 11px; - font-family: Arial, Helvetica, sans-serif; - background-color: #f7f7f7; - color: #333; - box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px white inset; - border-radius: 3px; - display: inline-block; - margin: 0 0.1em; - text-shadow: 0 1px 0 white; - line-height: 1.4; - white-space: nowrap; } - -.pre-nominals, -.post-nominals { - font-size: 0.6em; - font-variant: small-caps; } - -.site-container { - display: grid; - grid-template-columns: 2.5% 1fr 2.5%; - grid-template-rows: auto 1fr 2.5%; - grid-template-areas: "header header header" "page-container page-container page-container" "footer footer footer"; - min-height: calc(100vh - 4em); - border-top: 0; } - @media only screen and (min-width: 1248px) { - .site-container { - margin-bottom: 2em; - grid-template-areas: "header header header" ". page-container ." "footer footer footer"; - border: 2px solid black; - margin-left: 2em; - margin-right: 2em; } } - .site-container--homepage { - align-items: center; - grid-template-rows: auto 2.5%; - grid-template-areas: "page-container page-container page-container" "footer footer footer"; - margin-top: 2em; - margin-bottom: 2em; } - @media only screen and (min-width: 1248px) { - .site-container--homepage { - border: 2px solid black; - margin-left: 2em; - margin-right: 2em; - grid-template-areas: ". page-container ." "footer footer footer"; } } - .site-container--list, .site-container--section { - align-items: center; } - -.site-header { - display: grid; - grid-area: header; - grid-gap: 0; - grid-template-columns: 1fr; - grid-template-rows: auto auto auto auto; - grid-template-areas: "header-title" "header-tagline" "header-icons" "header-nav"; - position: sticky; - top: 0; - left: 0; - width: 100%; - text-align: center; - z-index: 1; } - .site-header__title, .site-header__tagline, .site-header__icons, .site-header__nav { - background-color: #fffff0; - margin: 0; } - .site-header__title, .site-header__tagline, .site-header__icons { - padding: 5px 0; } - .site-header__title { - font-weight: normal; - grid-area: header-title; } - .site-header__tagline { - grid-area: header-tagline; } - .site-header__icons { - grid-area: header-icons; - border-bottom: 2px solid #020202; - margin-bottom: 0; } - .site-header__nav { - grid-area: header-nav; - margin: auto; - width: 100%; } - @media only screen and (min-width: 1248px) { - .site-header__nav { - width: 60%; } } - .site-header__nav ul { - margin-top: 0; - margin-bottom: 0; } - .site-header__nav li { - width: calc(100% / 3); - display: block; - float: left; - border-bottom: 2px solid black; - border-left: 1px solid black; - border-right: 1px solid black; - padding: 0.4em; - background-color: inherit; } - .site-header__nav a:first-child li { - border-left: 2px solid black; } - .site-header__nav a:last-child li { - border-right: 2px solid black; } - .site-header__nav li:hover { - background-color: #ffffd0; } - .site-header__nav li a { - width: 100%; - height: 100%; - display: block; } - -.site-footer { - grid-area: footer; - display: block; - width: 99%; - /* Overflows right of viewport otherwise */ - position: fixed; - bottom: 0; } - .site-footer p { - width: fit-content; - margin: auto; - background: #fffff0; - border: 2px solid black; - padding: 0.4em; - border-bottom: none; - font-size: 0.6em; } - @media only screen and (min-width: 1248px) { - .site-footer p { - font-size: 1em; } } -.site-content { - grid-area: page-container; - margin-left: 1em; - margin-right: 1em; } - @media only screen and (min-width: 1248px) { - .site-content { - margin: 2em; } } -.feed-icon { - display: inline-block; - height: 0.6em; - width: 0.6em; - margin-bottom: 0.2em; } - -.link--tile { - text-decoration: none; - box-sizing: border-box; - border: 2px solid transparent; } - .link--tile:hover { - border-color: #020202; } - -.item-tile { - display: grid; - min-height: 180px; - grid-template-columns: 5% auto 5%; - grid-template-rows: 2.5% auto 2.5%; - grid-template-areas: ". . ." ". tile-details ." ". . ."; - background-size: cover; - background-repeat: no-repeat; - background-position: center; } - @media (prefers-reduced-data: reduce) { - .item-tile { - background: none !important; } } - .item-tile.lazy { - background-image: none !important; } - .item-tile--heading { - font-size: 3em; } - .item-tile--heading .item-tile__header { - opacity: 1; } - .item-tile--ohwhatohjeez { - border: 2px solid #ff8900; } - .item-tile--oldphaloskepsis { - border: 2px solid #003d52; } - .item-tile--omphaloskepsis { - border: 2px solid #fffff0; } - .item-tile__header { - text-align: center; - background-color: #020202; - opacity: 0.8; - display: grid; - grid-area: tile-details; - grid-template-columns: 5px auto 5px; - grid-template-rows: 0 auto auto auto; - grid-template-areas: ". . ." ". banner ." ". tile-title ." ". tile-subtitle ."; } - .item-tile__banner { - padding: 0.5em 1em 0; - grid-area: banner; - width: auto; - margin-left: auto; - margin-right: auto; - border-radius: 0 0 10px 10px; - text-align: center; - text-decoration: none !important; - line-height: 0.5em; - background-color: #ebebeb; } - .item-tile__title, .item-tile__subtitle { - color: #fffff0; - margin: 0; - font-weight: normal; } - .item-tile__title { - font-size: 1.4em; - grid-area: tile-title; - align-self: center; } - .item-tile__title--long { - font-size: 1em; } - .item-tile__subtitle { - font-size: 0.8em; - grid-area: tile-subtitle; - align-self: start; } - -/* TODO: Not currently used */ -@media screen and (max-width: 480px) { - .table-scroller { - overflow-x: auto; - width: 320px; } } - -table { - border: 1px solid #020202; - margin: auto; } - table td { - padding: 0.5em 1em; - border: 1px solid #020202; } - -.site-content--homepage { - text-align: center; } - .site-content--homepage .page-title { - font-size: 2.5em; - margin-bottom: 1em; } - @media only screen and (min-width: 1248px) { - .site-content--homepage .page-title { - font-size: 4em; } } - .site-content--homepage .page-title span { - display: block !important; - font-size: 0.3em; } - -.site-content--section, -.site-content--list { - display: grid; - grid-gap: 10px; - grid-template-columns: 0.2fr 1fr 0.2fr; - grid-template-rows: auto auto 60px; - justify-items: center; - align-items: center; - grid-template-areas: "list-page-header list-page-header list-page-header" "list-page-grid list-page-grid list-page-grid" "list-page-footer list-page-footer list-page-footer"; - margin-top: 5em; } - @media only screen and (min-width: 1248px) { - .site-content--section, - .site-content--list { - grid-template-areas: ". list-page-header ." "list-page-grid list-page-grid list-page-grid" ". list-page-footer ."; } } - .site-content--section .site-content__header, - .site-content--list .site-content__header { - grid-area: list-page-header; - text-align: center; } - .site-content--section .site-content__header .page-header__minor-links, - .site-content--list .site-content__header .page-header__minor-links { - text-align: center; - margin: auto; - overflow: auto; } - .site-content--section .site-content__header .page-header__minor-links ul, - .site-content--list .site-content__header .page-header__minor-links ul { - list-style: none; } - .site-content--section .site-content__header .page-header__minor-links ul li, - .site-content--list .site-content__header .page-header__minor-links ul li { - float: left; - margin: 0 1em; } - .site-content--section .site-content__header .page-header__minor-links ul li *, - .site-content--list .site-content__header .page-header__minor-links ul li * { - display: inline-block; } - .site-content--section .site-content__header .page-header__minor-links .minor-links__categories, - .site-content--list .site-content__header .page-header__minor-links .minor-links__categories { - width: 100%; - display: block; - font-size: 0.8em !important; - overflow: auto; } - @media only screen and (min-width: 1248px) { - .site-content--section .site-content__header .page-header__minor-links .minor-links__categories, - .site-content--list .site-content__header .page-header__minor-links .minor-links__categories { - font-size: 1em !important; } } - .site-content--section .site-content__header .page-header__minor-links .minor-links__years, - .site-content--list .site-content__header .page-header__minor-links .minor-links__years { - width: 100%; - display: block; - margin: auto; - width: fit-content; } - .site-content--section .site-content__body, - .site-content--list .site-content__body { - width: 100%; - display: grid; - justify-items: stretch; - align-items: stretch; - grid-gap: 10px; - grid-area: list-page-grid; - grid-template-columns: 1fr; - grid-template-rows: repeat(8, 1fr); - justify-items: stretch; - align-items: stretch; } - @media only screen and (min-width: 768px) { - .site-content--section .site-content__body, - .site-content--list .site-content__body { - grid-template-columns: repeat(2, 1fr); - grid-template-rows: repeat(4, 1fr); } } - @media only screen and (min-width: 1248px) { - .site-content--section .site-content__body, - .site-content--list .site-content__body { - grid-template-columns: repeat(4, 1fr); - grid-template-rows: repeat(2, 1fr); } } - .site-content--section .site-content__body--list, - .site-content--list .site-content__body--list { - grid-template-columns: 1fr auto 1fr; - grid-template-rows: auto; - grid-template-areas: ". sections-list ."; } - .site-content--section .site-content__body--chart, - .site-content--list .site-content__body--chart { - grid-template-columns: 1em 100% 1fr; - grid-template-rows: 100%; - grid-template-areas: ". section-chart ."; } - .site-content--section .site-content__footer, - .site-content--list .site-content__footer { - grid-area: list-page-footer; } - -.site-content--single { - display: grid; - column-gap: 2em; - grid-template-columns: 0.4fr 0.6fr; - grid-template-rows: auto auto auto; } - .site-content--single .site-content__header, .site-content--single .site-content__footer { - display: grid; - grid-column-start: 1; - grid-column-end: 3; - background-color: #fffff0; - filter: brightness(80%); } - @media only screen and (min-width: 1248px) { - .site-content--single .site-content__header, .site-content--single .site-content__footer { - border: 2px solid #020202; - grid-column-end: 2; - padding: 2em; } } - .site-content--single .site-content__header { - grid-row-start: 1; - grid-row-end: 2; - overflow: auto; - border-bottom: 2px solid #020202; - margin-bottom: 2em; } - .site-content--single .site-content__header .article-header { - text-align: center; - background-color: #020202; - opacity: 0.8; - color: #fffff0; - display: grid; - grid-area: post-header-details; - grid-template-columns: 1fr; - padding: 20px; - grid-template-rows: 1fr auto auto 1fr; - justify-items: center; - align-items: center; - grid-template-areas: "." "post-title" "post-subtitle" "."; } - .site-content--single .site-content__header .article-header__series { - margin: 0 auto 1em; - font-size: 1.2em; } - .site-content--single .site-content__header .article-header__featured-image { - display: grid; - grid-template-columns: 15% 1fr 15%; - grid-template-rows: 20% 1fr 20%; - grid-template-areas: ". . ." ". post-header-details ." ". . ."; - background-position: center center; - background-repeat: no-repeat; - background-size: cover; - height: 40vh; - min-height: 380px; - width: 100%; - border: 2px solid #020202; } - .site-content--single .site-content__header .article-header__featured-image .attr { - background-color: #020202; - font-size: 0.7em; - color: #fffff0; - width: fit-content; - position: fixed; - padding: 0.2em 0.5em; - opacity: 0.8; - margin: 0 auto; } - .site-content--single .site-content__header .article-header__featured-image .attr a { - color: #fffff0; } - .site-content--single .site-content__header .article-header__title, .site-content--single .site-content__header .article-header__subtitle { - border-bottom: 2px inset #020202; - margin-top: 0.5em; - margin-bottom: 0.5em; - line-height: 1.2em; - border-bottom: 2px inset #020202; - margin-top: 0.5em; - margin-bottom: 0.5em; - line-height: 1.2em; } - .site-content--single .site-content__header .article-header__title-wrapper { - display: grid; - grid-area: post-header-details; - background-color: #020202; - opacity: 0.8; - text-align: center; - grid-template-columns: 1fr; - padding: 20px; - grid-template-rows: 1fr auto auto 1fr; - justify-items: center; - align-items: center; - grid-template-areas: "." "post-title" "post-subtitle" "."; } - .site-content--single .site-content__header .article-header__title-wrapper--no-title { - visibility: hidden; } - .site-content--single .site-content__header .article-header__title-wrapper .article-header__title, .site-content--single .site-content__header .article-header__title-wrapper .article-header__subtitle { - color: #fffff0; } - .site-content--single .site-content__header .article-header__title-wrapper .article-header__title { - grid-area: post-title; - font-weight: bold; } - .site-content--single .site-content__header .article-header__title-wrapper .article-header__title--long { - font-size: 1.5em; } - .site-content--single .site-content__header .article-header__title-wrapper .article-header__subtitle { - grid-area: post-subtitle; } - .site-content--single .site-content__header .article-header__word-count, .site-content--single .site-content__header .article-header__publish-date, .site-content--single .site-content__header .article-header__modified-date { - font-size: 1.2em; - margin: 0.2rem auto; } - .site-content--single .site-content__header .article-header__word-count { - margin-top: 1rem; } - .site-content--single .site-content__header .article-header__notes, .site-content--single .site-content__header .article-header__warnings { - width: 90%; - margin: 1.6em auto; - display: block; - padding-right: 1em; } - .site-content--single .site-content__header .article-header__notes ul, .site-content--single .site-content__header .article-header__warnings ul { - list-style: circle; } - .site-content--single .site-content__header .article-header__notes ul li, .site-content--single .site-content__header .article-header__warnings ul li { - margin: 0.5em 0; } - .site-content--single .site-content__header .article-header__notes { - background-color: #fffff0; - filter: brightness(70%); - border: 1px solid gray; } - .site-content--single .site-content__header .article-header__warnings { - border: 4px solid darkred; - background-color: #fc3a3a; - color: #fffff0; - font-weight: 500; } - .site-content--single .site-content__header .article-header__warnings ul { - list-style: disc; } - .site-content--single .site-content__header .article-header__table-of-contents ul { - list-style-type: arabic; - padding-left: 2em; } - .site-content--single .site-content__body { - grid-column-start: 1; - grid-column-end: 3; - grid-row-start: 2; - grid-row-end: 3; - /* Temporary until I've fixed all the figures */ - overflow-x: clip; - /* TODO: remove once replaced in content with figures */ } - @media only screen and (min-width: 1248px) { - .site-content--single .site-content__body { - grid-row-start: 1; - grid-row-end: 4; - grid-column-start: 2; } } - .site-content--single .site-content__body .heading { - text-align: center; - font-size: 2em; - font-weight: bold; } - .site-content--single .site-content__body .heading::before, .site-content--single .site-content__body .heading::after { - content: " ~ "; } - .site-content--single .site-content__body .heading-anchor { - font-size: 0.6em; - line-height: 1em; - text-decoration: none; - vertical-align: middle; } - .site-content--single .site-content__body .subheading { - font-size: 1.6em; - border-bottom: 2px inset #020202; - margin-top: 0.5em; - margin-bottom: 0.5em; - line-height: 1.2em; - text-align: center; } - .site-content--single .site-content__body .subheading--appendices, .site-content--single .site-content__body .subheading--comments { - text-decoration: underline; - border-bottom: none; - font-size: 2em; - margin-top: 1em; - border-top: 1px dashed #020202; } - .site-content--single .site-content__body .subheading__subtitle { - font-size: 1em; - border-bottom: 1px dashed #020202; - margin-top: 0; - margin-bottom: 1em; - padding-bottom: 0.5em; - line-height: 1em; - text-align: center; - font-weight: bold; - width: fit-content; - margin: auto; - padding: 0 3em 0.4em; } - .site-content--single .site-content__body .subsubheading { - font-size: 1.4em; - border-bottom: 1px dashed #020202; - margin-top: 1em; - margin-bottom: 1em; - padding-bottom: 0.5em; - line-height: 1em; - text-align: left; - font-weight: bold; } - .site-content--single .site-content__body .subsubsubheading { - font-size: 1.2em; - margin-top: 1em; - margin-bottom: 1em; - line-height: 1em; - text-align: left; - font-weight: bold; } - .site-content--single .site-content__body blockquote { - padding-left: 1em; - border-left: 2px outset #020202; - display: inline-block; - max-width: 85%; } - .site-content--single .site-content__body blockquote footer { - text-align: right; - font-style: normal; - display: inline-block; - margin-left: 5em; } - .site-content--single .site-content__body blockquote footer::before { - content: "—"; } - .site-content--single .site-content__body blockquote:first-child { - font-size: 1.2em; - text-align: center; - display: block; - margin: 0 auto; - border-left: 0; - padding-left: 0; - width: 100%; - padding-top: 1em; - padding-bottom: 1.2em; - border-top: 2px outset #020202; - border-bottom: 2px inset #020202; } - .site-content--single .site-content__body blockquote p:first-child { - margin-top: 0; } - .site-content--single .site-content__body blockquote p:last-of-type { - margin-bottom: 0.5em; } - .site-content--single .site-content__body blockquote.script { - display: grid; - grid-template-columns: auto 1fr 0.2fr; - padding-bottom: 0.4em; - text-align: left; } - .site-content--single .site-content__body blockquote.script > p::before, .site-content--single .site-content__body blockquote.script > p::after { - content: none !important; } - .site-content--single .site-content__body blockquote.script > .script-line__character { - grid-column: 1; - margin: 0.5em 2em 0.5em 0.5em; - font-style: italic; } - .site-content--single .site-content__body blockquote.script > .script-line__text { - grid-column-start: 2; - grid-column-end: 4; - margin: 0.5em; } - .site-content--single .site-content__body blockquote.script footer { - grid-column-start: 1; - grid-column-end: 3; } - @media only screen and (min-width: 1024px) { - .site-content--single .site-content__body blockquote { - margin: 1em 2em; } } - .site-content--single .site-content__body img, - .site-content--single .site-content__body video { - max-width: 100%; - height: auto; - width: auto; - max-height: 50vh; - margin: auto; - display: block; } - .site-content--single .site-content__body .figure { - margin: 16px auto; - width: fit-content; } - .site-content--single .site-content__body .figure__image { - display: block; - width: auto; - max-width: 100%; - margin: auto; - height: auto; - max-height: 50vh; } - .site-content--single .site-content__body .figure__chart { - min-height: 40vh; - max-height: 60vh; } - .site-content--single .site-content__body .figure__caption { - height: auto; - margin: auto; - text-align: center; } - .site-content--single .site-content__body .figure__caption--no-height { - height: 0; } - .site-content--single .site-content__body .figure__caption .figcaption__caption { - font-size: 0.9em; - font-style: italic; } - .site-content--single .site-content__body .figure__caption .figcaption__title { - font-size: 0.95em; - font-weight: bold; } - .site-content--single .site-content__body .figure__caption .figcaption__attr { - background-color: #020202; - font-size: 0.7em; - color: #fffff0; - width: fit-content; - top: -2em; - position: relative; - padding: 0.2em 0.5em; - opacity: 0.8; - margin: 0 auto; } - .site-content--single .site-content__body .figure__caption .figcaption__attr + .figcaption__caption { - margin-top: -0.5em; } - .site-content--single .site-content__body .figure__caption .figcaption__full-size-link { - font-size: 0.6em; - padding-left: 1em; } - .site-content--single .site-content__body .figure__caption .figcaption__full-size-link::before { - content: '['; } - .site-content--single .site-content__body .figure__caption .figcaption__full-size-link::after { - content: ']'; } - .site-content--single .site-content__footer { - grid-row-start: 3; - grid-row-end: 4; - border-top: 2px solid #020202; } - @media only screen and (min-width: 1248px) { - .site-content--single .site-content__footer { - margin-bottom: 2em; - grid-row-start: 2; - grid-row-end: 3; } } - .site-content--single .site-content__footer h2 { - margin: 1rem 0; } - .site-content--single .site-content__footer ul { - margin: 0; } - .site-content--single .site-content__footer #mapdiv { - border: 2px solid #020202; } - -.organisations-table { - grid-column-start: 1; - grid-column-end: 5; } - -#organisation-body .index { - display: grid; - grid-gap: 6px 5px; - grid-area: items; - grid-template-columns: repeat(4, 1fr); - grid-template-rows: 1fr; - justify-items: stretch; - align-items: stretch; - grid-template-areas: "item1 item2 item3 item4"; } - -#organisation-body .index .item:nth-child(1) { - grid-area: item1; } - -#organisation-body .index .item:nth-child(2) { - grid-area: item2; } - -#organisation-body .index .item:nth-child(3) { - grid-area: item3; } - -#organisation-body .index .item:nth-child(4) { - grid-area: item4; } - -#organisation-body details { - cursor: pointer; - opacity: 0.7; - border: 2px solid #020202; } - #organisation-body details:hover, #organisation-body details:focus { - opacity: 1; } - -#organisation-body summary::marker { - font-size: 2em; - padding-left: 2em; } - -#organisation-body summary .subheading { - display: inline; - width: 95%; - padding-bottom: 2em; } - -#organisation-body summary .index { - border-top: 2px solid #020202; } - -#hierarchy ul { - list-style: none; - padding-left: 1em; } - #hierarchy ul .hierarchy-item:before { - content: '\21B3'; - margin: 0 0.4em; } - #hierarchy ul .hierarchy-item--current { - font-weight: bold; } - #hierarchy ul .hierarchy-item--child:before { - content: '\2192'; } - -.timeline__legend span { - margin: 0 1em; } - .timeline__legend span * { - display: inline-block; } - .timeline__legend span .colour-square { - width: 1em; - height: 1em; - border-radius: 2.5px; - border: 1px solid #020202; } - .timeline__legend span .colour-square--unpaid-current { - background-color: #bbbbb0; } - .timeline__legend span .colour-square--unpaid-past { - background-color: #fffff0; } - .timeline__legend span .colour-square--paid-current { - background-color: #BCBC7E; } - .timeline__legend span .colour-square--paid-past { - background-color: #FCFCA6; } - -.site-content__body--chart #timeline, .site-content__body--chart #map { - width: 100%; - max-width: 100%; - grid-area: section-chart; } - -.site-content__body--list .site-content__sections-list { - grid-area: sections-list; - display: block; - list-style: none; - margin: auto; - padding-left: 0; } - .site-content__body--list .site-content__sections-list li * { - display: inline-block; } - -@media (prefers-color-scheme: dark) { - html, - .site-header { - color: #fffff0; - background-color: #020202; } - .site-header__nav li { - color: #fffff0; - border-color: #fffff0; } - .site-header__nav li:hover { - background-color: #020202; } - .site-header__title a { - color: #fffff0; } - .item-tile--heading, .item-tile__header { - background-color: #fffff0; } - .item-tile--heading, .item-tile__header, .item-tile__title, .item-tile__subtitle { - color: #020202; } } diff --git a/css/main.5ab0235ae16ebe5309ee936af56dce96d73c506be755260950f0c4e5401de78e.css b/css/main.e0cb99cf77726dae403569e992f19e3ac82e28dc4be56121cc25039bae36b639.css similarity index 78% rename from css/main.5ab0235ae16ebe5309ee936af56dce96d73c506be755260950f0c4e5401de78e.css rename to css/main.e0cb99cf77726dae403569e992f19e3ac82e28dc4be56121cc25039bae36b639.css index 5a04f0b..8af9783 100644 --- a/css/main.5ab0235ae16ebe5309ee936af56dce96d73c506be755260950f0c4e5401de78e.css +++ b/css/main.e0cb99cf77726dae403569e992f19e3ac82e28dc4be56121cc25039bae36b639.css @@ -11,21 +11,21 @@ * } */ @font-face { - font-family: "Domitian"; + font-family: Domitian; src: url("/fonts/Domitian-Roman.woff2") format("woff2"); } @font-face { - font-family: "Domitian"; + font-family: Domitian; src: url("/fonts/Domitian-Bold.woff2") format("woff2"); font-weight: bold; } @font-face { - font-family: "Domitian"; + font-family: Domitian; src: url("/fonts/Domitian-Italic.woff2") format("woff2"); font-style: italic; } @font-face { - font-family: "Domitian"; + font-family: Domitian; src: url("/fonts/Domitian-BoldItalic.woff2") format("woff2"); font-weight: bold; font-style: italic; } @@ -37,7 +37,7 @@ html { font-size: 16px; color: #020202; background-color: #fffff0; - font-family: "Domitian", "Palatino Linotype", "Book Antiqua", Palatino, Garamond, serif; } + font-family: "Domitian", "Palatino Linotype", "Book Antiqua", palatino, garamond, serif; } h1, h2, @@ -60,19 +60,17 @@ a { /* * Quotations */ -q:lang(en-gb), -blockquote:lang(en-gb) { +q:lang(en) { quotes: "‘" "’" "“" "”"; } /* - * Legacy cites + * Citations */ cite, cite.book, cite.film, cite.tv-show, cite.comic, -cite.book, cite.podcast, cite.album, cite.report { @@ -132,21 +130,125 @@ cite.article--shortcite::before, cite.article--shortcite::after { content: none; } -/* - * Citations (new) - */ -cite { +cite, +.cite { font-style: italic; } - cite.cite--normal { - font-style: normal; } - cite[itemtype$="Code"], cite[itemtype$="SocialMediaPosting"], cite[itemtype$="SoftwareApplication"], cite[itemtype$="WebSite"], cite[itemtype$="WebContent"], cite[itemtype$="CreativeWorkSeason"], cite[itemtype$="PodcastSeason"], cite[itemtype$="RadioSeason"], cite[itemtype$="TVSeason"], cite[itemtype$="CreativeWorkSeries"], cite[itemtype$="BookSeries"], cite[itemtype$="MovieSeries"], cite[itemtype$="VideoGameSeries"], cite[itemtype$="Legislation"], cite.cite--inherit { + cite[itemtype$="Code"], cite[itemtype$="SocialMediaPosting"], cite[itemtype$="SoftwareApplication"], cite[itemtype$="WebSite"], cite[itemtype$="WebContent"], cite[itemtype$="CreativeWorkSeason"], cite[itemtype$="PodcastSeason"], cite[itemtype$="RadioSeason"], cite[itemtype$="TVSeason"], cite[itemtype$="CreativeWorkSeries"], cite[itemtype$="BookSeries"], cite[itemtype$="MovieSeries"], cite[itemtype$="VideoGameSeries"], cite[itemtype$="Legislation"], cite--inherit, + .cite[itemtype$="Code"], + .cite[itemtype$="SocialMediaPosting"], + .cite[itemtype$="SoftwareApplication"], + .cite[itemtype$="WebSite"], + .cite[itemtype$="WebContent"], + .cite[itemtype$="CreativeWorkSeason"], + .cite[itemtype$="PodcastSeason"], + .cite[itemtype$="RadioSeason"], + .cite[itemtype$="TVSeason"], + .cite[itemtype$="CreativeWorkSeries"], + .cite[itemtype$="BookSeries"], + .cite[itemtype$="MovieSeries"], + .cite[itemtype$="VideoGameSeries"], + .cite[itemtype$="Legislation"], + .cite--inherit { font-style: inherit; } - cite[itemtype$="Article"], cite[itemtype$="BlogPosting"], cite[itemtype$="NewsArticle"], cite[itemtype$="AnalysisNewsArticle"], cite[itemtype$="ReportageNewsArticle"], cite[itemtype$="OpinionNewsArticle"], cite[itemtype$="Report"], cite[itemtype$="ScholarlyArticle"], cite[itemtype$="TechArticle"], cite[itemtype$="Chapter"], cite[itemtype$="Clip"], cite[itemtype$="MovieClip"], cite[itemtype$="RadioClip"], cite[itemtype$="TVClip"], cite[itemtype$="VideoGameClip"], cite[itemtype$="Comment"], cite[itemtype$="Course"], cite[itemtype$="DigitalDocument"], cite[itemtype$="NoteDigitalDocument"], cite[itemtype$="PresentationDigitalDocument"], cite[itemtype$="TextDigitalDocument"], cite[itemtype$="Episode"], cite[itemtype$="PodcastEpisode"], cite[itemtype$="RadioEpisode"], cite[itemtype$="TVEpisode"], cite[itemtype$="MusicRecording"], cite[itemtype$="MusicComposition"], cite.cite--enquote { + cite[itemtype$="Article"], cite[itemtype$="BlogPosting"], cite[itemtype$="NewsArticle"], cite[itemtype$="AnalysisNewsArticle"], cite[itemtype$="ReportageNewsArticle"], cite[itemtype$="OpinionNewsArticle"], cite[itemtype$="ScholarlyArticle"], cite[itemtype$="TechArticle"], cite[itemtype$="Chapter"], cite[itemtype$="Clip"], cite[itemtype$="MovieClip"], cite[itemtype$="RadioClip"], cite[itemtype$="TVClip"], cite[itemtype$="VideoGameClip"], cite[itemtype$="Comment"], cite[itemtype$="Course"], cite[itemtype$="DigitalDocument"], cite[itemtype$="NoteDigitalDocument"], cite[itemtype$="PresentationDigitalDocument"], cite[itemtype$="TextDigitalDocument"], cite[itemtype$="Episode"], cite[itemtype$="PodcastEpisode"], cite[itemtype$="RadioEpisode"], cite[itemtype$="TVEpisode"], cite[itemtype$="MusicRecording"], cite[itemtype$="MusicComposition"], cite[itemtype$="Message"], cite--enquote, + .cite[itemtype$="Article"], + .cite[itemtype$="BlogPosting"], + .cite[itemtype$="NewsArticle"], + .cite[itemtype$="AnalysisNewsArticle"], + .cite[itemtype$="ReportageNewsArticle"], + .cite[itemtype$="OpinionNewsArticle"], + .cite[itemtype$="ScholarlyArticle"], + .cite[itemtype$="TechArticle"], + .cite[itemtype$="Chapter"], + .cite[itemtype$="Clip"], + .cite[itemtype$="MovieClip"], + .cite[itemtype$="RadioClip"], + .cite[itemtype$="TVClip"], + .cite[itemtype$="VideoGameClip"], + .cite[itemtype$="Comment"], + .cite[itemtype$="Course"], + .cite[itemtype$="DigitalDocument"], + .cite[itemtype$="NoteDigitalDocument"], + .cite[itemtype$="PresentationDigitalDocument"], + .cite[itemtype$="TextDigitalDocument"], + .cite[itemtype$="Episode"], + .cite[itemtype$="PodcastEpisode"], + .cite[itemtype$="RadioEpisode"], + .cite[itemtype$="TVEpisode"], + .cite[itemtype$="MusicRecording"], + .cite[itemtype$="MusicComposition"], + .cite[itemtype$="Message"], + .cite--enquote { font-style: normal; } - cite[itemtype$="Article"]::before, cite[itemtype$="BlogPosting"]::before, cite[itemtype$="NewsArticle"]::before, cite[itemtype$="AnalysisNewsArticle"]::before, cite[itemtype$="ReportageNewsArticle"]::before, cite[itemtype$="OpinionNewsArticle"]::before, cite[itemtype$="Report"]::before, cite[itemtype$="ScholarlyArticle"]::before, cite[itemtype$="TechArticle"]::before, cite[itemtype$="Chapter"]::before, cite[itemtype$="Clip"]::before, cite[itemtype$="MovieClip"]::before, cite[itemtype$="RadioClip"]::before, cite[itemtype$="TVClip"]::before, cite[itemtype$="VideoGameClip"]::before, cite[itemtype$="Comment"]::before, cite[itemtype$="Course"]::before, cite[itemtype$="DigitalDocument"]::before, cite[itemtype$="NoteDigitalDocument"]::before, cite[itemtype$="PresentationDigitalDocument"]::before, cite[itemtype$="TextDigitalDocument"]::before, cite[itemtype$="Episode"]::before, cite[itemtype$="PodcastEpisode"]::before, cite[itemtype$="RadioEpisode"]::before, cite[itemtype$="TVEpisode"]::before, cite[itemtype$="MusicRecording"]::before, cite[itemtype$="MusicComposition"]::before, cite.cite--enquote::before { + cite[itemtype$="Article"]::before, cite[itemtype$="BlogPosting"]::before, cite[itemtype$="NewsArticle"]::before, cite[itemtype$="AnalysisNewsArticle"]::before, cite[itemtype$="ReportageNewsArticle"]::before, cite[itemtype$="OpinionNewsArticle"]::before, cite[itemtype$="ScholarlyArticle"]::before, cite[itemtype$="TechArticle"]::before, cite[itemtype$="Chapter"]::before, cite[itemtype$="Clip"]::before, cite[itemtype$="MovieClip"]::before, cite[itemtype$="RadioClip"]::before, cite[itemtype$="TVClip"]::before, cite[itemtype$="VideoGameClip"]::before, cite[itemtype$="Comment"]::before, cite[itemtype$="Course"]::before, cite[itemtype$="DigitalDocument"]::before, cite[itemtype$="NoteDigitalDocument"]::before, cite[itemtype$="PresentationDigitalDocument"]::before, cite[itemtype$="TextDigitalDocument"]::before, cite[itemtype$="Episode"]::before, cite[itemtype$="PodcastEpisode"]::before, cite[itemtype$="RadioEpisode"]::before, cite[itemtype$="TVEpisode"]::before, cite[itemtype$="MusicRecording"]::before, cite[itemtype$="MusicComposition"]::before, cite[itemtype$="Message"]::before, cite--enquote::before, + .cite[itemtype$="Article"]::before, + .cite[itemtype$="BlogPosting"]::before, + .cite[itemtype$="NewsArticle"]::before, + .cite[itemtype$="AnalysisNewsArticle"]::before, + .cite[itemtype$="ReportageNewsArticle"]::before, + .cite[itemtype$="OpinionNewsArticle"]::before, + .cite[itemtype$="ScholarlyArticle"]::before, + .cite[itemtype$="TechArticle"]::before, + .cite[itemtype$="Chapter"]::before, + .cite[itemtype$="Clip"]::before, + .cite[itemtype$="MovieClip"]::before, + .cite[itemtype$="RadioClip"]::before, + .cite[itemtype$="TVClip"]::before, + .cite[itemtype$="VideoGameClip"]::before, + .cite[itemtype$="Comment"]::before, + .cite[itemtype$="Course"]::before, + .cite[itemtype$="DigitalDocument"]::before, + .cite[itemtype$="NoteDigitalDocument"]::before, + .cite[itemtype$="PresentationDigitalDocument"]::before, + .cite[itemtype$="TextDigitalDocument"]::before, + .cite[itemtype$="Episode"]::before, + .cite[itemtype$="PodcastEpisode"]::before, + .cite[itemtype$="RadioEpisode"]::before, + .cite[itemtype$="TVEpisode"]::before, + .cite[itemtype$="MusicRecording"]::before, + .cite[itemtype$="MusicComposition"]::before, + .cite[itemtype$="Message"]::before, + .cite--enquote::before { content: "“"; } - cite[itemtype$="Article"]::after, cite[itemtype$="BlogPosting"]::after, cite[itemtype$="NewsArticle"]::after, cite[itemtype$="AnalysisNewsArticle"]::after, cite[itemtype$="ReportageNewsArticle"]::after, cite[itemtype$="OpinionNewsArticle"]::after, cite[itemtype$="Report"]::after, cite[itemtype$="ScholarlyArticle"]::after, cite[itemtype$="TechArticle"]::after, cite[itemtype$="Chapter"]::after, cite[itemtype$="Clip"]::after, cite[itemtype$="MovieClip"]::after, cite[itemtype$="RadioClip"]::after, cite[itemtype$="TVClip"]::after, cite[itemtype$="VideoGameClip"]::after, cite[itemtype$="Comment"]::after, cite[itemtype$="Course"]::after, cite[itemtype$="DigitalDocument"]::after, cite[itemtype$="NoteDigitalDocument"]::after, cite[itemtype$="PresentationDigitalDocument"]::after, cite[itemtype$="TextDigitalDocument"]::after, cite[itemtype$="Episode"]::after, cite[itemtype$="PodcastEpisode"]::after, cite[itemtype$="RadioEpisode"]::after, cite[itemtype$="TVEpisode"]::after, cite[itemtype$="MusicRecording"]::after, cite[itemtype$="MusicComposition"]::after, cite.cite--enquote::after { + cite[itemtype$="Article"]::after, cite[itemtype$="BlogPosting"]::after, cite[itemtype$="NewsArticle"]::after, cite[itemtype$="AnalysisNewsArticle"]::after, cite[itemtype$="ReportageNewsArticle"]::after, cite[itemtype$="OpinionNewsArticle"]::after, cite[itemtype$="ScholarlyArticle"]::after, cite[itemtype$="TechArticle"]::after, cite[itemtype$="Chapter"]::after, cite[itemtype$="Clip"]::after, cite[itemtype$="MovieClip"]::after, cite[itemtype$="RadioClip"]::after, cite[itemtype$="TVClip"]::after, cite[itemtype$="VideoGameClip"]::after, cite[itemtype$="Comment"]::after, cite[itemtype$="Course"]::after, cite[itemtype$="DigitalDocument"]::after, cite[itemtype$="NoteDigitalDocument"]::after, cite[itemtype$="PresentationDigitalDocument"]::after, cite[itemtype$="TextDigitalDocument"]::after, cite[itemtype$="Episode"]::after, cite[itemtype$="PodcastEpisode"]::after, cite[itemtype$="RadioEpisode"]::after, cite[itemtype$="TVEpisode"]::after, cite[itemtype$="MusicRecording"]::after, cite[itemtype$="MusicComposition"]::after, cite[itemtype$="Message"]::after, cite--enquote::after, + .cite[itemtype$="Article"]::after, + .cite[itemtype$="BlogPosting"]::after, + .cite[itemtype$="NewsArticle"]::after, + .cite[itemtype$="AnalysisNewsArticle"]::after, + .cite[itemtype$="ReportageNewsArticle"]::after, + .cite[itemtype$="OpinionNewsArticle"]::after, + .cite[itemtype$="ScholarlyArticle"]::after, + .cite[itemtype$="TechArticle"]::after, + .cite[itemtype$="Chapter"]::after, + .cite[itemtype$="Clip"]::after, + .cite[itemtype$="MovieClip"]::after, + .cite[itemtype$="RadioClip"]::after, + .cite[itemtype$="TVClip"]::after, + .cite[itemtype$="VideoGameClip"]::after, + .cite[itemtype$="Comment"]::after, + .cite[itemtype$="Course"]::after, + .cite[itemtype$="DigitalDocument"]::after, + .cite[itemtype$="NoteDigitalDocument"]::after, + .cite[itemtype$="PresentationDigitalDocument"]::after, + .cite[itemtype$="TextDigitalDocument"]::after, + .cite[itemtype$="Episode"]::after, + .cite[itemtype$="PodcastEpisode"]::after, + .cite[itemtype$="RadioEpisode"]::after, + .cite[itemtype$="TVEpisode"]::after, + .cite[itemtype$="MusicRecording"]::after, + .cite[itemtype$="MusicComposition"]::after, + .cite[itemtype$="Message"]::after, + .cite--enquote::after { content: "”"; } + cite--normal, + .cite--normal { + font-style: normal; } + cite--normal::before, + .cite--normal::before { + content: none; } + cite--normal::after, + .cite--normal::after { + content: none; } /* * Code @@ -155,29 +257,19 @@ pre { padding-left: 1em; border-left: 2px outset #020202; display: inline-block; - max-width: 85%; } - -pre { - overflow: hidden; } - -@media only screen and (min-width: 1024px) { - pre { - margin: 1em 2em; } } - + overflow: hidden; + max-width: 50vw; + overflow: scroll; } + @media only screen and (min-width: 1248px) { + pre { + margin: 1em 2em; } } code, samp, var, pre { - font-family: "Input Mono", "Lucida Console", Monaco, monospace; + font-family: "Input Mono", "Lucida Console", monaco, monospace; font-size: 1em; } -pre .nocode { - font-family: "Domitian", "Palatino Linotype", "Book Antiqua", Palatino, Garamond, serif; - font-size: 1em; - padding: 1px 3px; - border-radius: 6px; - border: dashed 1px black; } - code, samp, var { @@ -185,32 +277,6 @@ var { border-radius: 5px; padding: 2px; } -pre { - max-width: 50vw; - overflow: scroll; } - -h1 code, -.post-title code, -pre code, -h1 samp, -.post-title samp, -pre samp, -h1 var, -.post-title var, -pre var { - background-color: transparent; - padding: 0; } - -.heading code, -.subheading code { - background-color: transparent; } - -pre.prettyprint ol { - padding-left: 3.5em; } - -pre.prettyprint li { - background: none !important; } - samp { display: block; width: 80ch; @@ -218,6 +284,22 @@ samp { border-left: 2px solid #ccc; color: #333; } +h1 code, +pre code, +pre samp, +pre var, +h1 samp, +h1 var, +.post-title code, +.post-title samp, +.post-title var { + background-color: transparent; + padding: 0; } + +.heading code, +.subheading code { + background-color: transparent; } + kbd { padding: 0.1em 0.6em; border: 1px solid #ccc; @@ -248,7 +330,8 @@ kbd { .latex { display: inline !important; } -:where(i[title]) { +:where(i[title]), +:where(abbr[title]) { text-decoration: underline; text-decoration: underline dotted; } @@ -290,7 +373,7 @@ dfn { grid-gap: 0; grid-template-columns: 1fr; grid-template-rows: auto auto auto auto; - grid-template-areas: "header-title" "header-tagline" "header-icons" "header-nav"; + grid-template-areas: "header-title" "header-tagline" "header-icons" "header-nav"; top: 0; left: 0; width: 100%; @@ -320,25 +403,25 @@ dfn { .site-header__nav ul { margin-top: 0; margin-bottom: 0; } - .site-header__nav li { - width: calc(100% / 3); - display: block; - float: left; - border-bottom: 2px solid black; - border-left: 1px solid black; - border-right: 1px solid black; - padding: 0.4em; - background-color: inherit; } - .site-header__nav a:first-child li { - border-left: 2px solid black; } - .site-header__nav a:last-child li { - border-right: 2px solid black; } - .site-header__nav li:hover { - background-color: #ffffd0; } - .site-header__nav li a { - width: 100%; - height: 100%; - display: block; } + .site-header__nav ul li { + width: calc(100% / 3); + display: block; + float: left; + border-bottom: 2px solid black; + border-left: 1px solid black; + border-right: 1px solid black; + padding: 0.4em; + background-color: inherit; } + .site-header__nav ul li:hover { + background-color: #ffffd0; } + .site-header__nav ul li a { + width: 100%; + height: 100%; + display: block; } + .site-header__nav ul a:first-child li { + border-left: 2px solid black; } + .site-header__nav ul a:last-child li { + border-right: 2px solid black; } .site-footer { grid-area: footer; @@ -364,10 +447,13 @@ dfn { margin: 2em; } } .feed-icon { display: inline-block; - height: 0.6em; - width: 0.6em; + height: 1em; + width: 1em; margin-bottom: 0.2em; } +.site-header__icons a { + text-decoration: none; } + .link--tile { text-decoration: none; box-sizing: border-box; @@ -390,18 +476,6 @@ dfn { @media (prefers-reduced-data: reduce) { .item-tile { background: none !important; } } - .item-tile--heading { - font-size: 3em; } - .item-tile--heading .item-tile__header { - opacity: 1; - grid-template-rows: auto; - grid-template-areas: ". tile-title ."; } - .item-tile--ohwhatohjeez { - border: 2px solid #ff8900; } - .item-tile--oldphaloskepsis { - border: 2px solid #003d52; } - .item-tile--omphaloskepsis { - border: 2px solid #fffff0; } .item-tile__header { text-align: center; background-color: #020202; @@ -411,6 +485,18 @@ dfn { grid-template-columns: 5px auto 5px; grid-template-rows: 0 1.8em auto auto; grid-template-areas: ". . ." ". banner ." ". tile-title ." ". tile-subtitle ."; } + .item-tile--heading { + font-size: 3em; } + .item-tile--heading .item-tile__header { + opacity: 1; + grid-template-rows: auto; + grid-template-areas: ". tile-title ."; } + .item-tile--ohwhatohjeez { + border: 2px solid #ff8900; } + .item-tile--oldphaloskepsis { + border: 2px solid #003d52; } + .item-tile--omphaloskepsis { + border: 2px solid #fffff0; } .item-tile__banner { padding: 0.5em 1em 0; grid-area: banner; @@ -468,7 +554,8 @@ table { text-align: right; font-style: normal; margin-left: 5em; - width: 80%; } + width: 80%; + orphans: 3; } .blockquote__caption::before { content: "—"; } .blockquote--epigram { @@ -493,7 +580,6 @@ table { .blockquote--script .blockquote__body > p::before, .blockquote--script .blockquote__body > p::after { content: none !important; } .blockquote--script .blockquote__body > .script-line__character { - grid-column: 1; margin: 0.5em 2em 0.5em 0.5em; font-style: italic; } .blockquote--script .blockquote__body > .script-line__text { @@ -582,8 +668,6 @@ table { .site-content--list .site-content__body { width: 100%; display: grid; - justify-items: stretch; - align-items: stretch; grid-gap: 10px; grid-area: list-page-grid; grid-template-columns: 1fr; @@ -678,10 +762,6 @@ table { .site-content--single .site-content__header .article-header__featured-image .attr a { color: #fffff0; } .site-content--single .site-content__header .article-header__title, .site-content--single .site-content__header .article-header__subtitle { - border-bottom: 2px inset #020202; - margin-top: 0.5em; - margin-bottom: 0.5em; - line-height: 1.2em; border-bottom: 2px inset #020202; margin-top: 0; margin-bottom: 0; @@ -738,10 +818,13 @@ table { list-style: disc; } .site-content--single .site-content__header .article-header__table-of-contents ul { list-style-type: arabic; - padding-left: 2em; } - .site-content--single .site-content__header .article-header__table-of-contents ul.toc-list--appendices { - list-style-type: unset !important; } - .site-content--single .site-content__header .article-header__table-of-contents ul.toc-list--appendices ol { + padding-left: 2em; + margin-bottom: 0; } + .site-content--single .site-content__header .article-header__table-of-contents ul.toc-list--appendices, .site-content--single .site-content__header .article-header__table-of-contents ul.toc-list--corrigenda { + list-style-type: circle; + margin-top: 0; } + .site-content--single .site-content__header .article-header__table-of-contents ul.toc-list--appendices ol, .site-content--single .site-content__header .article-header__table-of-contents ul.toc-list--corrigenda ol { + padding-left: 2em; list-style-type: upper-latin !important; } .site-content--single .site-content__header .article-header__table-of-contents ul li { padding: 0.8em 0; } @@ -800,15 +883,12 @@ table { .site-content--single .site-content__body .subheading__subtitle { font-size: 1em; border-bottom: 1px dashed #020202; - margin-top: 0; - margin-bottom: 1em; - padding-bottom: 0.5em; line-height: 1em; text-align: center; font-weight: bold; width: fit-content; - margin: auto; - padding: 0 3em 0.4em; } + margin: 0 auto 1em auto; + padding: 0 3em 0.5em 0.4em; } .site-content--single .site-content__body .subsubheading { font-size: 1.4em; border-bottom: 1px dashed #020202; @@ -923,9 +1003,9 @@ table { font-size: 0.6em; padding-left: 1em; } .site-content--single .site-content__body .figure__caption .figcaption__full-size-link::before { - content: '['; } + content: "["; } .site-content--single .site-content__body .figure__caption .figcaption__full-size-link::after { - content: ']'; } + content: "]"; } .site-content--single .site-content__footer { grid-row-start: 3; grid-row-end: 4; @@ -946,6 +1026,8 @@ table { @media only screen and (min-width: 1248px) { .site-content--single .site-content__footer ul li { padding: 0; } } + .site-content--single .site-content__footer section { + margin: 1rem 0; } .site-content--single .site-content__footer #map { border: 2px solid #020202; } @@ -1020,13 +1102,13 @@ table { #hierarchy ul { list-style: none; padding-left: 1em; } - #hierarchy ul .hierarchy-item:before { - content: '\21B3'; + #hierarchy ul .hierarchy-item::before { + content: "\21B3"; margin: 0 0.4em; } #hierarchy ul .hierarchy-item--current { font-weight: bold; } - #hierarchy ul .hierarchy-item--child:before { - content: '\2192'; } + #hierarchy ul .hierarchy-item--child::before { + content: "\2192"; } .timeline__legend span { margin: 0 1em; } @@ -1042,9 +1124,9 @@ table { .timeline__legend span .colour-square--unpaid-past { background-color: #fffff0; } .timeline__legend span .colour-square--paid-current { - background-color: #BCBC7E; } + background-color: #bcbc7e; } .timeline__legend span .colour-square--paid-past { - background-color: #FCFCA6; } + background-color: #fcfca6; } .site-content__body--chart #timeline, .site-content__body--chart #map { width: 100%; @@ -1060,4 +1142,4 @@ table { .site-content__body--list .site-content__sections-list li * { display: inline-block; } -/*@import "themes/dark";*/ +/* @import "themes/dark"; */ diff --git a/css/main.efbaac78e95a73d50710ea25826bb8aacd9f2d5545935f75b0d57cdaf6c6827c.css b/css/main.efbaac78e95a73d50710ea25826bb8aacd9f2d5545935f75b0d57cdaf6c6827c.css deleted file mode 100644 index 9a144b0..0000000 --- a/css/main.efbaac78e95a73d50710ea25826bb8aacd9f2d5545935f75b0d57cdaf6c6827c.css +++ /dev/null @@ -1,1005 +0,0 @@ -@charset "UTF-8"; -@font-face { - font-family: "Input Mono"; - src: url(/fonts/InputMono-Regular.ttf); } - -html { - font-size: 16px; - color: #020202; - background-color: #fffff0; - font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; } - -h1, -h2, -h3, -h4, -h5, -h6 { - font-weight: normal; - margin: 0; } - -a { - text-decoration-skip-ink: auto; - color: #020202; - text-decoration: underline; - opacity: 0.8; } - a:hover { - text-decoration: none; - opacity: 1; } - -.sic::after { - content: " [sic]"; - font-style: italic; } - -.latex { - display: inline !important; } - -pre { - padding-left: 1em; - border-left: 2px outset #020202; - display: inline-block; - max-width: 85%; } - -pre { - overflow: hidden; } - -@media only screen and (min-width: 1024px) { - pre { - margin: 1em 2em; } } - -q.guillemets { - quotes: "«" "»" "«" "»"; } - -q, -blockquote { - quotes: "‘" "’" "“" "”"; } - -q::before { - content: open-quote; } - -q::after { - content: close-quote; } - -cite, -cite.book, -cite.film, -cite.tv-show, -cite.comic, -cite.book, -cite.podcast, -cite.album, -cite.report { - font-style: italic; } - -cite.book--bible { - font-style: inherit; } - -cite.legislation, -cite.smallcite, -cite.comic-strip, -cite.short-story, -cite.article, -cite.episode, -cite.video, -cite.chapter, -cite.software, -cite.campaign, -cite.song, -cite.speech, -cite.course, -cite.presentation { - font-style: normal; } - -cite.smallcite::before, -cite.article::before, -cite.comic-strip::before, -cite.short-story::before, -cite.episode::before, -cite.video::before, -cite.chapter::before, -cite.song::before, -cite.poem::before, -cite.campaign::before, -cite.speech::before, -cite.course::before, -cite.presentation::before { - content: "“"; } - -cite.smallcite::after, -cite.article::after, -cite.comic-strip::after, -cite.short-story::after, -cite.episode::after, -cite.video::after, -cite.chapter::after, -cite.song::after, -cite.poem::after, -cite.campaign::after, -cite.speech::after, -cite.course::after, -cite.presentation::after { - content: "”"; } - -cite.article--shortcite::before, -cite.article--shortcite::after { - content: none; } - -code, -samp, -var, -pre { - font-family: "Input Mono", "Lucida Console", Monaco, monospace; - font-size: 1em; } - -pre .nocode { - font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; - font-size: 1em; - padding: 1px 3px; - border-radius: 6px; - border: dashed 1px black; } - -code, -samp, -var { - background-color: #d1d1d1; - border-radius: 5px; - padding: 2px; } - -pre { - max-width: 50vw; - overflow: scroll; } - -h1 code, -.post-title code, -pre code, -h1 samp, -.post-title samp, -pre samp, -h1 var, -.post-title var, -pre var { - background-color: transparent; - padding: 0; } - -.heading code, -.subheading code { - background-color: transparent; } - -pre.prettyprint ol { - padding-left: 3.5em; } - -pre.prettyprint li { - background: none !important; } - -samp { - display: block; - width: 80ch; - margin: 1em 4em; - border-left: 2px solid #ccc; - color: #333; } - -kbd { - padding: 0.1em 0.6em; - border: 1px solid #ccc; - font-size: 11px; - font-family: Arial, Helvetica, sans-serif; - background-color: #f7f7f7; - color: #333; - box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px white inset; - border-radius: 3px; - display: inline-block; - margin: 0 0.1em; - text-shadow: 0 1px 0 white; - line-height: 1.4; - white-space: nowrap; } - -.pre-nominals, -.post-nominals { - font-size: 0.6em; - font-variant: small-caps; } - -.site-container { - display: grid; - grid-template-columns: 2.5% 1fr 2.5%; - grid-template-rows: auto 1fr 2.5%; - grid-template-areas: "header header header" "page-container page-container page-container" "footer footer footer"; - min-height: calc(100vh - 4em); - border-top: 0; } - @media only screen and (min-width: 1248px) { - .site-container { - margin-bottom: 2em; - grid-template-areas: "header header header" ". page-container ." "footer footer footer"; - border: 2px solid black; - margin-left: 2em; - margin-right: 2em; } } - .site-container--homepage { - align-items: center; - grid-template-rows: auto 2.5%; - grid-template-areas: "page-container page-container page-container" "footer footer footer"; - margin-top: 2em; - margin-bottom: 2em; } - @media only screen and (min-width: 1248px) { - .site-container--homepage { - border: 2px solid black; - margin-left: 2em; - margin-right: 2em; - grid-template-areas: ". page-container ." "footer footer footer"; } } - .site-container--list, .site-container--section { - align-items: center; } - -.site-header { - display: grid; - grid-area: header; - grid-gap: 0; - grid-template-columns: 1fr; - grid-template-rows: auto auto auto auto; - grid-template-areas: "header-title" "header-tagline" "header-icons" "header-nav"; - position: sticky; - top: 0; - left: 0; - width: 100%; - text-align: center; - z-index: 1; } - .site-header__title, .site-header__tagline, .site-header__icons, .site-header__nav { - background-color: #fffff0; - margin: 0; } - .site-header__title, .site-header__tagline, .site-header__icons { - padding: 5px 0; } - .site-header__title { - font-weight: normal; - grid-area: header-title; } - .site-header__tagline { - grid-area: header-tagline; } - .site-header__icons { - grid-area: header-icons; - border-bottom: 2px solid #020202; - margin-bottom: 0; } - .site-header__nav { - grid-area: header-nav; - margin: auto; - width: 100%; } - @media only screen and (min-width: 1248px) { - .site-header__nav { - width: 60%; } } - .site-header__nav ul { - margin-top: 0; - margin-bottom: 0; } - .site-header__nav li { - width: calc(100% / 3); - display: block; - float: left; - border-bottom: 2px solid black; - border-left: 1px solid black; - border-right: 1px solid black; - padding: 0.4em; - background-color: inherit; } - .site-header__nav a:first-child li { - border-left: 2px solid black; } - .site-header__nav a:last-child li { - border-right: 2px solid black; } - .site-header__nav li:hover { - background-color: #ffffd0; } - .site-header__nav li a { - width: 100%; - height: 100%; - display: block; } - -.site-footer { - grid-area: footer; - display: block; - width: 99%; - /* Overflows right of viewport otherwise */ - position: fixed; - bottom: 0; } - .site-footer p { - width: fit-content; - margin: auto; - background: #fffff0; - border: 2px solid black; - padding: 0.4em; - border-bottom: none; - font-size: 0.6em; } - @media only screen and (min-width: 1248px) { - .site-footer p { - font-size: 1em; } } -.site-content { - grid-area: page-container; - margin-left: 1em; - margin-right: 1em; } - @media only screen and (min-width: 1248px) { - .site-content { - margin: 2em; } } -/* -Put this file in /static/css/hugo-easy-gallery.css -Documentation and licence at https://github.com/liwenyip/hugo-easy-gallery/ -*/ -/* -Grid Layout Styles -*/ -.gallery { - overflow: hidden; } - -.gallery .box { - float: left; - position: relative; - /* Default: 1 tile wide */ - width: 100%; - padding-bottom: 100%; } - -@media only screen and (min-width: 365px) { - /* Tablet view: 2 tiles */ - .gallery .box { - width: 50%; - padding-bottom: 50%; } } - -@media only screen and (min-width: 480px) { - /* Small desktop / ipad view: 3 tiles */ - .gallery .box { - width: 33.3%; - padding-bottom: 33.3%; - /* */ } } - -@media only screen and (min-width: 9999px) { - /* Medium desktop: 4 tiles */ - .box { - width: 25%; - padding-bottom: 25%; } } - -/* -Transition styles -*/ -.gallery.hover-transition figure, -.gallery.hover-effect-zoom .img, -.gallery:not(.caption-effect-appear) figcaption, -.fancy-figure:not(.caption-effect-appear) figcaption { - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - -/* -figure styles -*/ -figure { - position: relative; - /* purely to allow absolution positioning of figcaption */ - overflow: hidden; } - -.gallery figure { - position: absolute; - left: 5px; - right: 5px; - top: 5px; - bottom: 5px; } - -.gallery.hover-effect-grow figure:hover { - transform: scale(1.05); } - -.gallery.hover-effect-shrink figure:hover { - transform: scale(0.95); } - -.gallery.hover-effect-slidedown figure:hover { - transform: translateY(5px); } - -.gallery.hover-effect-slideup figure:hover { - transform: translateY(-5px); } - -/* -img / a styles -*/ -.gallery .img { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; - background-size: cover; - background-position: 50% 50%; - background-repeat: no-repeat; } - -.gallery.hover-effect-zoom figure:hover .img { - transform: scale(1.05); } - -.gallery img { - display: none !important; - /* only show the img if not inside a gallery */ } - -.gallery figure a { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; } - -/* -figcaption styles -*/ -.gallery figcaption, -.fancy-figure figcaption { - position: absolute; - bottom: 0; - left: 0; - right: 0; - background: #000; - color: #FFF; - text-align: center; - font-size: 75%; - /* change this if you want bigger text */ - background: rgba(0, 0, 0, 0.5); - opacity: 1; - cursor: pointer; } - -.gallery.caption-position-none figcaption, -.fancy-figure.caption-position-none figcaption { - display: none; } - -.gallery.caption-position-center figcaption, -.fancy-figure.caption-position-center figcaption { - top: 0; - padding: 40% 5px; } - -.gallery.caption-position-bottom figcaption, -.fancy-figure.caption-position-bottom figcaption { - padding: 5px; } - -.gallery.caption-effect-fade figure:not(:hover) figcaption, -.gallery.caption-effect-appear figure:not(:hover) figcaption, -.fancy-figure.caption-effect-fade figure:not(:hover) figcaption, -.fancy-figure.caption-effect-appear figure:not(:hover) figcaption { - background: rgba(0, 0, 0, 0); - opacity: 0; } - -.gallery.caption-effect-slide.caption-position-bottom figure:not(:hover) figcaption, -.fancy-figure.caption-effect-slide.caption-position-bottom figure:not(:hover) figcaption { - margin-bottom: -100%; } - -.gallery.caption-effect-slide.caption-position-center figure:not(:hover) figcaption, -.fancy-figure.caption-effect-slide.caption-position-center figure:not(:hover) figcaption { - top: 100%; } - -.gallery figcaption p { - margin: auto; - /* override style in theme */ } - -.feed-icon { - display: inline-block; - height: 0.6em; - width: 0.6em; - margin-bottom: 0.2em; } - -.link--tile { - text-decoration: none; - box-sizing: border-box; - border: 2px solid transparent; } - .link--tile:hover { - border-color: #020202; } - -.item-tile { - display: grid; - min-height: 180px; - grid-template-columns: 5% auto 5%; - grid-template-rows: 2.5% auto 2.5%; - grid-template-areas: ". . ." ". tile-details ." ". . ."; - background-size: cover; - background-repeat: no-repeat; - background-position: center; } - .item-tile.lazy { - background-image: none !important; } - .item-tile--heading { - font-size: 3em; } - .item-tile--heading .item-tile__header { - opacity: 1; } - .item-tile--ohwhatohjeez { - border: 2px solid #ff8900; } - .item-tile--oldphaloskepsis { - border: 2px solid #003d52; } - .item-tile--omphaloskepsis { - border: 2px solid #fffff0; } - .item-tile__header { - text-align: center; - background-color: #020202; - opacity: 0.8; - display: grid; - grid-area: tile-details; - grid-template-columns: 5px auto 5px; - grid-template-rows: 0 auto auto auto; - grid-template-areas: ". . ." ". banner ." ". tile-title ." ". tile-subtitle ."; } - .item-tile__banner { - padding: 0.5em 1em 0; - grid-area: banner; - width: auto; - margin-left: auto; - margin-right: auto; - border-radius: 0 0 10px 10px; - text-align: center; - text-decoration: none !important; - line-height: 0.5em; - background-color: #ebebeb; } - .item-tile__title, .item-tile__subtitle { - color: #fffff0; - margin: 0; - font-weight: normal; } - .item-tile__title { - font-size: 1.4em; - grid-area: tile-title; - align-self: center; } - .item-tile__title--long { - font-size: 1em; } - .item-tile__subtitle { - font-size: 0.8em; - grid-area: tile-subtitle; - align-self: start; } - -/* TODO: Not currently used */ -@media screen and (max-width: 480px) { - .table-scroller { - overflow-x: auto; - width: 320px; } } - -table { - border: 1px solid #020202; - margin: auto; } - table td { - padding: 0.5em 1em; - border: 1px solid #020202; } - -.site-content--homepage { - text-align: center; } - .site-content--homepage .page-title { - font-size: 2.5em; - margin-bottom: 1em; } - @media only screen and (min-width: 1248px) { - .site-content--homepage .page-title { - font-size: 4em; } } - .site-content--homepage .page-title span { - display: block !important; - font-size: 0.3em; } - -.site-content--section, -.site-content--list { - display: grid; - grid-gap: 10px; - grid-template-columns: 0.2fr 1fr 0.2fr; - grid-template-rows: auto auto 60px; - justify-items: center; - align-items: center; - grid-template-areas: "list-page-header list-page-header list-page-header" "list-page-grid list-page-grid list-page-grid" "list-page-footer list-page-footer list-page-footer"; - margin-top: 5em; } - @media only screen and (min-width: 1248px) { - .site-content--section, - .site-content--list { - grid-template-areas: ". list-page-header ." "list-page-grid list-page-grid list-page-grid" ". list-page-footer ."; } } - .site-content--section .site-content__header, - .site-content--list .site-content__header { - grid-area: list-page-header; - text-align: center; } - .site-content--section .site-content__header .page-header__minor-links, - .site-content--list .site-content__header .page-header__minor-links { - text-align: center; - margin: auto; - overflow: auto; } - .site-content--section .site-content__header .page-header__minor-links ul, - .site-content--list .site-content__header .page-header__minor-links ul { - list-style: none; } - .site-content--section .site-content__header .page-header__minor-links ul li, - .site-content--list .site-content__header .page-header__minor-links ul li { - float: left; - margin: 0 1em; } - .site-content--section .site-content__header .page-header__minor-links ul li *, - .site-content--list .site-content__header .page-header__minor-links ul li * { - display: inline-block; } - .site-content--section .site-content__header .page-header__minor-links .minor-links__categories, - .site-content--list .site-content__header .page-header__minor-links .minor-links__categories { - width: 100%; - display: block; - font-size: 0.8em !important; - overflow: auto; } - @media only screen and (min-width: 1248px) { - .site-content--section .site-content__header .page-header__minor-links .minor-links__categories, - .site-content--list .site-content__header .page-header__minor-links .minor-links__categories { - font-size: 1em !important; } } - .site-content--section .site-content__header .page-header__minor-links .minor-links__years, - .site-content--list .site-content__header .page-header__minor-links .minor-links__years { - width: 100%; - display: block; - margin: auto; - width: fit-content; } - .site-content--section .site-content__body, - .site-content--list .site-content__body { - width: 100%; - display: grid; - justify-items: stretch; - align-items: stretch; - grid-gap: 10px; - grid-area: list-page-grid; - grid-template-columns: 1fr; - grid-template-rows: repeat(8, 1fr); - justify-items: stretch; - align-items: stretch; } - @media only screen and (min-width: 640px) { - .site-content--section .site-content__body, - .site-content--list .site-content__body { - grid-template-columns: repeat(2, 1fr); - grid-template-rows: repeat(4, 1fr); } } - @media only screen and (min-width: 1248px) { - .site-content--section .site-content__body, - .site-content--list .site-content__body { - grid-template-columns: repeat(4, 1fr); - grid-template-rows: repeat(2, 1fr); } } - .site-content--section .site-content__body--list, - .site-content--list .site-content__body--list { - grid-template-columns: 1fr auto 1fr; - grid-template-rows: auto; - grid-template-areas: ". sections-list ."; } - .site-content--section .site-content__body--chart, - .site-content--list .site-content__body--chart { - grid-template-columns: 1em 100% 1fr; - grid-template-rows: 100%; - grid-template-areas: ". section-chart ."; } - .site-content--section .site-content__footer, - .site-content--list .site-content__footer { - grid-area: list-page-footer; } - -.site-content--single { - display: grid; - column-gap: 2em; - grid-template-columns: 0.4fr 0.6fr; - grid-template-rows: auto auto auto; } - .site-content--single .site-content__header, .site-content--single .site-content__footer { - display: grid; - grid-column-start: 1; - grid-column-end: 3; - background-color: #fffff0; - filter: brightness(80%); } - @media only screen and (min-width: 1248px) { - .site-content--single .site-content__header, .site-content--single .site-content__footer { - border: 2px solid #020202; - grid-column-end: 2; - padding: 2em; } } - .site-content--single .site-content__header { - grid-row-start: 1; - grid-row-end: 2; - overflow: auto; - border-bottom: 2px solid #020202; - margin-bottom: 2em; } - .site-content--single .site-content__header .article-header { - text-align: center; - background-color: #020202; - opacity: 0.8; - color: #fffff0; - display: grid; - grid-area: post-header-details; - grid-template-columns: 1fr; - padding: 20px; - grid-template-rows: 1fr auto auto 1fr; - justify-items: center; - align-items: center; - grid-template-areas: "." "post-title" "post-subtitle" "."; } - .site-content--single .site-content__header .article-header__series { - margin: 0 auto 1em; - font-size: 1.2em; } - .site-content--single .site-content__header .article-header__featured-image { - display: grid; - grid-template-columns: 15% 1fr 15%; - grid-template-rows: 20% 1fr 20%; - grid-template-areas: ". . ." ". post-header-details ." ". . ."; - background-position: center center; - background-repeat: no-repeat; - background-size: cover; - height: 40vh; - min-height: 380px; - width: 100%; - border: 2px solid #020202; } - .site-content--single .site-content__header .article-header__featured-image .attr { - background-color: #020202; - font-size: 0.7em; - color: #fffff0; - width: fit-content; - position: fixed; - padding: 0.2em 0.5em; - opacity: 0.8; - margin: 0 auto; } - .site-content--single .site-content__header .article-header__featured-image .attr a { - color: #fffff0; } - .site-content--single .site-content__header .article-header__title, .site-content--single .site-content__header .article-header__subtitle { - border-bottom: 2px inset #020202; - margin-top: 0.5em; - margin-bottom: 0.5em; - line-height: 1.2em; - border-bottom: 2px inset #020202; - margin-top: 0.5em; - margin-bottom: 0.5em; - line-height: 1.2em; } - .site-content--single .site-content__header .article-header__title-wrapper { - display: grid; - grid-area: post-header-details; - background-color: #020202; - opacity: 0.8; - text-align: center; - grid-template-columns: 1fr; - padding: 20px; - grid-template-rows: 1fr auto auto 1fr; - justify-items: center; - align-items: center; - grid-template-areas: "." "post-title" "post-subtitle" "."; } - .site-content--single .site-content__header .article-header__title-wrapper--no-title { - visibility: hidden; } - .site-content--single .site-content__header .article-header__title-wrapper .article-header__title, .site-content--single .site-content__header .article-header__title-wrapper .article-header__subtitle { - color: #fffff0; } - .site-content--single .site-content__header .article-header__title-wrapper .article-header__title { - grid-area: post-title; - font-weight: bold; } - .site-content--single .site-content__header .article-header__title-wrapper .article-header__title--long { - font-size: 1.5em; } - .site-content--single .site-content__header .article-header__title-wrapper .article-header__subtitle { - grid-area: post-subtitle; } - .site-content--single .site-content__header .article-header__word-count, .site-content--single .site-content__header .article-header__publish-date, .site-content--single .site-content__header .article-header__modified-date { - font-size: 1.2em; - margin: 0.2rem auto; } - .site-content--single .site-content__header .article-header__word-count { - margin-top: 1rem; } - .site-content--single .site-content__header .article-header__notes, .site-content--single .site-content__header .article-header__warnings { - width: 90%; - margin: 1.6em auto; - display: block; - padding-right: 1em; } - .site-content--single .site-content__header .article-header__notes ul, .site-content--single .site-content__header .article-header__warnings ul { - list-style: circle; } - .site-content--single .site-content__header .article-header__notes ul li, .site-content--single .site-content__header .article-header__warnings ul li { - margin: 0.5em 0; } - .site-content--single .site-content__header .article-header__notes { - background-color: #fffff0; - filter: brightness(70%); - border: 1px solid gray; } - .site-content--single .site-content__header .article-header__warnings { - border: 4px solid darkred; - background-color: #fc3a3a; - color: #fffff0; - font-weight: 500; } - .site-content--single .site-content__header .article-header__warnings ul { - list-style: disc; } - .site-content--single .site-content__header .article-header__table-of-contents ul { - list-style-type: arabic; - padding-left: 2em; } - .site-content--single .site-content__body { - grid-column-start: 1; - grid-column-end: 3; - grid-row-start: 2; - grid-row-end: 3; - /* Temporary until I've fixed all the figures */ - overflow-x: clip; - /* TODO: remove once replaced in content with figures */ } - @media only screen and (min-width: 1248px) { - .site-content--single .site-content__body { - grid-row-start: 1; - grid-row-end: 4; - grid-column-start: 2; } } - .site-content--single .site-content__body .heading { - text-align: center; - font-size: 2em; - font-weight: bold; } - .site-content--single .site-content__body .heading::before, - .site-content--single .site-content__body .heading::after { - content: " ~ "; } - .site-content--single .site-content__body .subheading { - font-size: 1.6em; - border-bottom: 2px inset #020202; - margin-top: 0.5em; - margin-bottom: 0.5em; - line-height: 1.2em; - text-align: center; } - .site-content--single .site-content__body .subheading__subtitle { - font-size: 1em; - border-bottom: 1px dashed #020202; - margin-top: 0; - margin-bottom: 1em; - padding-bottom: 0.5em; - line-height: 1em; - text-align: center; - font-weight: bold; - width: fit-content; - margin: auto; - padding: 0 3em 0.4em; } - .site-content--single .site-content__body .subsubheading { - font-size: 1em; - border-bottom: 1px dashed var(--dark); - margin-top: 1em; - margin-bottom: 1em; - padding-bottom: 0.5em; - line-height: 1em; - text-align: left; - font-weight: bold; } - .site-content--single .site-content__body blockquote { - padding-left: 1em; - border-left: 2px outset #020202; - display: inline-block; - max-width: 85%; } - .site-content--single .site-content__body blockquote footer { - text-align: right; - font-style: normal; - display: inline-block; - margin-left: 5em; } - .site-content--single .site-content__body blockquote footer::before { - content: "—"; } - .site-content--single .site-content__body blockquote:first-child { - font-size: 1.2em; - text-align: center; - display: block; - margin: 0 auto; - border-left: 0; - padding-left: 0; - width: 100%; - padding-top: 1em; - padding-bottom: 1.2em; - border-top: 2px outset #020202; - border-bottom: 2px inset #020202; } - .site-content--single .site-content__body blockquote p:first-child { - margin-top: 0; } - .site-content--single .site-content__body blockquote p:last-of-type { - margin-bottom: 0.5em; } - .site-content--single .site-content__body blockquote.script { - display: grid; - grid-template-columns: auto 1fr 0.2fr; - padding-bottom: 0.4em; - text-align: left; } - .site-content--single .site-content__body blockquote.script > p::before, .site-content--single .site-content__body blockquote.script > p::after { - content: none !important; } - .site-content--single .site-content__body blockquote.script > .script-line__character { - grid-column: 1; - margin: 0.5em 2em 0.5em 0.5em; - font-style: italic; } - .site-content--single .site-content__body blockquote.script > .script-line__text { - grid-column-start: 2; - grid-column-end: 4; - margin: 0.5em; } - .site-content--single .site-content__body blockquote.script footer { - grid-column-start: 1; - grid-column-end: 3; } - @media only screen and (min-width: 1024px) { - .site-content--single .site-content__body blockquote { - margin: 1em 2em; } } - .site-content--single .site-content__body img, - .site-content--single .site-content__body video { - max-width: 100%; - height: auto; - width: auto; - max-height: 50vh; - margin: auto; - display: block; } - .site-content--single .site-content__body .figure { - margin: 16px auto; - width: fit-content; } - .site-content--single .site-content__body .figure__image { - display: block; - width: auto; - max-width: 100%; - margin: auto; - height: auto; - max-height: 50vh; } - .site-content--single .site-content__body .figure__caption { - height: auto; - margin: auto; } - .site-content--single .site-content__body .figure__caption--no-height { - height: 0; } - .site-content--single .site-content__body .figure__caption .figcaption__caption { - font-size: 0.9em; - font-style: italic; - text-align: center; } - .site-content--single .site-content__body .figure__caption .figcaption__attr { - background-color: #020202; - font-size: 0.7em; - color: #fffff0; - width: fit-content; - top: -2em; - position: relative; - padding: 0.2em 0.5em; - opacity: 0.8; - margin: 0 auto; } - .site-content--single .site-content__body .figure__caption .figcaption__attr + .figcaption__caption { - margin-top: -0.5em; } - .site-content--single .site-content__footer { - grid-row-start: 3; - grid-row-end: 4; - border-top: 2px solid #020202; } - @media only screen and (min-width: 1248px) { - .site-content--single .site-content__footer { - margin-bottom: 2em; - grid-row-start: 2; - grid-row-end: 3; } } - .site-content--single .site-content__footer h2 { - margin: 1rem 0; } - .site-content--single .site-content__footer ul { - margin: 0; } - .site-content--single .site-content__footer #mapdiv { - border: 2px solid #020202; } - -.organisations-table { - grid-column-start: 1; - grid-column-end: 5; } - -#organisation-body .index { - display: grid; - grid-gap: 6px 5px; - grid-area: items; - grid-template-columns: repeat(4, 1fr); - grid-template-rows: 1fr; - justify-items: stretch; - align-items: stretch; - grid-template-areas: "item1 item2 item3 item4"; } - -#organisation-body .index .item:nth-child(1) { - grid-area: item1; } - -#organisation-body .index .item:nth-child(2) { - grid-area: item2; } - -#organisation-body .index .item:nth-child(3) { - grid-area: item3; } - -#organisation-body .index .item:nth-child(4) { - grid-area: item4; } - -#organisation-body details { - cursor: pointer; - opacity: 0.7; - border: 2px solid #020202; } - #organisation-body details:hover, #organisation-body details:focus { - opacity: 1; } - -#organisation-body summary::marker { - font-size: 2em; - padding-left: 2em; } - -#organisation-body summary .subheading { - display: inline; - width: 95%; - padding-bottom: 2em; } - -#organisation-body summary .index { - border-top: 2px solid #020202; } - -#hierarchy ul { - list-style: none; - padding-left: 1em; } - #hierarchy ul .hierarchy-item:before { - content: '\21B3'; - margin: 0 0.4em; } - #hierarchy ul .hierarchy-item--current { - font-weight: bold; } - #hierarchy ul .hierarchy-item--child:before { - content: '\2192'; } - -.timeline__legend span { - margin: 0 1em; } - .timeline__legend span * { - display: inline-block; } - .timeline__legend span .colour-square { - width: 1em; - height: 1em; - border-radius: 2.5px; - border: 1px solid #020202; } - .timeline__legend span .colour-square--unpaid-current { - background-color: #bbbbb0; } - .timeline__legend span .colour-square--unpaid-past { - background-color: #fffff0; } - .timeline__legend span .colour-square--paid-current { - background-color: #BCBC7E; } - .timeline__legend span .colour-square--paid-past { - background-color: #FCFCA6; } - -.site-content__body--chart #timeline, .site-content__body--chart #map { - width: 100%; - max-width: 100%; - grid-area: section-chart; } - -.site-content__body--list .site-content__sections-list { - grid-area: sections-list; - display: block; - list-style: none; - margin: auto; - padding-left: 0; } - .site-content__body--list .site-content__sections-list li * { - display: inline-block; } - -@media (prefers-color-scheme: dark) { - /*@import "themes/dark";*/ } diff --git a/css/print.9b18fc0a248362a8238bda82b3a22704be7a20b05b1f7cc9c0eab8c152e7be45.css b/css/print.9b18fc0a248362a8238bda82b3a22704be7a20b05b1f7cc9c0eab8c152e7be45.css new file mode 100644 index 0000000..9e10694 --- /dev/null +++ b/css/print.9b18fc0a248362a8238bda82b3a22704be7a20b05b1f7cc9c0eab8c152e7be45.css @@ -0,0 +1,22 @@ +@media print { + html { + font-size: 12pt; } + /* + a::after { + content: " (" attr(href) ")"; + } + */ + .site-header, + .site-footer { + display: none; } + .site-content { + column-width: 17em; + column-gap: 3em; + widows: 3; + orphans: 3; } + .site-content--single .site-content__header, .site-content--single .site-content__footer, .site-content--single .site-content .article__links { + background-color: none; } + .site-content .figure { + break-inside: avoid; } + .site-content .figure--gallery { + break-inside: auto; } } diff --git a/js/render-roles-timeline.js b/js/render-roles-timeline.js index 935db8d..07ff2ab 100644 --- a/js/render-roles-timeline.js +++ b/js/render-roles-timeline.js @@ -12,14 +12,35 @@ function drawChart() { dataTable.addRows([ [ - "Centro de Derechos Humanos Fray Bartolomé de Las Casas, Las Abejas", + "Accessibility Standing Group", + "Member", + "#BBBBB0", + new Date("2023-07-12"), + new Date("2023-08-07") + ], + [ + "Online Safety SIG", + "Member", + "#BBBBB0", + new Date("2023-07-12"), + new Date("2023-08-07") + ], + [ + "Youth Standing Group", + "Member", + "#BBBBB0", + new Date("2023-07-12"), + new Date("2023-08-07") + ], + [ + "Centro de Derechos Humanos Fray Bartolomé de las Casas, La Organización Sociedad Civil Las Abejas de Acteal", "BriCO Volunteer", "#FFFFF0", new Date("2023-06-26"), new Date("2023-07-13") ], [ - "CELMRAZ", + "Centro de Español y Lenguas Mayas Rebelde Autónomo Zapatista", "Student", "#FFFFF0", new Date("2023-06-05"), @@ -37,14 +58,14 @@ function drawChart() { "Workawayer", "#BBBBB0", new Date("2023-03-26"), - new Date("2023-06-30") + new Date("2023-08-07") ], [ "Cuba Solidarity Campaign", "Member", "#BBBBB0", new Date("2023-03-03"), - new Date("2023-06-30") + new Date("2023-08-07") ], [ "Workaway, Hospedaje Wounaan", @@ -72,7 +93,7 @@ function drawChart() { "Developer", "#BBBBB0", new Date("2023-01-19"), - new Date("2023-06-30") + new Date("2023-08-07") ], [ "Workaway, Finca DeLaRey", @@ -296,7 +317,7 @@ function drawChart() { "Supporter", "#BBBBB0", new Date("2022-01-14"), - new Date("2023-06-30") + new Date("2023-08-07") ], [ "Actica Consulting", @@ -352,14 +373,14 @@ function drawChart() { "Member", "#BBBBB0", new Date("2021-09-24"), - new Date("2023-06-30") + new Date("2023-08-07") ], [ "Mountain Training Association", "Trainee Member", "#BBBBB0", new Date("2021-08-24"), - new Date("2023-06-30") + new Date("2023-08-07") ], [ "North West Area Meeting", @@ -373,7 +394,7 @@ function drawChart() { "Member", "#BBBBB0", new Date("2021-07-26"), - new Date("2023-06-30") + new Date("2023-08-07") ], [ "Lancaster Quaker Meeting", @@ -464,7 +485,7 @@ function drawChart() { "Member", "#BBBBB0", new Date("2020-09-29"), - new Date("2023-06-30") + new Date("2023-08-07") ], [ "Executive Committee", @@ -485,7 +506,7 @@ function drawChart() { "Website Content Manager", "#BBBBB0", new Date("2020-08-31"), - new Date("2023-06-30") + new Date("2023-08-07") ], [ "Digital & Data Scout Active Support Unit", @@ -632,14 +653,14 @@ function drawChart() { "Associate Member", "#BBBBB0", new Date("2019-04-01"), - new Date("2023-06-30") + new Date("2023-08-07") ], [ "Youth Hostel Association", "Company Member", "#BBBBB0", new Date("2019-02-20"), - new Date("2023-06-30") + new Date("2023-08-07") ], [ "Friends of Lancaster Library", @@ -821,14 +842,14 @@ function drawChart() { "Member", "#BBBBB0", new Date("2018-06-20"), - new Date("2023-06-30") + new Date("2023-08-07") ], [ "UK England Chapter", "Member", "#BBBBB0", new Date("2018-06-13"), - new Date("2023-06-30") + new Date("2023-08-07") ], [ "Community Networks SIG", @@ -842,14 +863,14 @@ function drawChart() { "Member", "#BBBBB0", new Date("2018-06-06"), - new Date("2023-06-30") + new Date("2023-08-07") ], [ "Internet Society", "Member", "#BBBBB0", new Date("2018-06-04"), - new Date("2023-06-30") + new Date("2023-08-07") ], [ "Mitigate Cyber", @@ -1038,7 +1059,7 @@ function drawChart() { "Member", "#BBBBB0", new Date("2017-06-06"), - new Date("2023-06-30") + new Date("2023-08-07") ], [ "Lonsdale District Scout Network, Scout Network", @@ -1101,7 +1122,7 @@ function drawChart() { "Member", "#BBBBB0", new Date("2016-12-19"), - new Date("2023-06-30") + new Date("2023-08-07") ], [ "Pendle College, Lancaster University Students' Union", @@ -1472,7 +1493,7 @@ function drawChart() { "Librarian", "#BBBBB0", new Date("2013-05-01"), - new Date("2023-06-30") + new Date("2023-08-07") ], [ "Patient Participation Group", @@ -1528,7 +1549,7 @@ function drawChart() { "Minister", "#BBBBB0", new Date("2012-01-01"), - new Date("2023-06-30") + new Date("2023-08-07") ], [ "Salvation Army", diff --git a/layouts/404.html b/layouts/404.html deleted file mode 100644 index e69de29..0000000 diff --git a/layouts/_default/_markup/render-heading.html b/layouts/_default/_markup/render-heading.html index d5ca12d..0fdedcc 100644 --- a/layouts/_default/_markup/render-heading.html +++ b/layouts/_default/_markup/render-heading.html @@ -1 +1 @@ -{{ .Text | safeHTML }} +{{ .Text | safeHTML }} diff --git a/layouts/_default/_markup/render-link.html b/layouts/_default/_markup/render-link.html deleted file mode 100644 index 6791811..0000000 --- a/layouts/_default/_markup/render-link.html +++ /dev/null @@ -1 +0,0 @@ -{{- with 1 -}}{{- end -}}{{ .Text | safeHTML }}{{- with 1 -}}{{- end -}} diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 3737f9b..e86efaa 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -23,19 +23,24 @@ - {{ with .OutputFormats.Get "rss" }}{{ end }} + {{ with .OutputFormats.Get "rss" -}} + + {{- end }} - {{- $sass := resources.Get "css/main.scss" }} - {{- $style := $sass | resources.ToCSS | resources.Fingerprint }} - + {{- $mainStylesheet := resources.Get "css/main.scss" }} + {{- $mainStylesheet := $mainStylesheet | resources.ToCSS | resources.Fingerprint }} + + {{- $printStylesheet := resources.Get "css/print.scss" }} + {{- $printStylesheet := $printStylesheet | resources.ToCSS | resources.Fingerprint }} + {{- block "header-scripts" . -}}{{- end -}} {{- block "header-styles" . -}}{{- end -}} - + {{ block "header" . -}} {{- partialCached "header/site-header.html" . -}} {{- end }} @@ -50,7 +55,7 @@