From 2a0ecfc3ecbca478d0b688ed696a9df635042b6e Mon Sep 17 00:00:00 2001 From: Ben Goldsworthy Date: Sun, 5 Mar 2023 14:21:04 -0500 Subject: [PATCH] Update theme --- ...27897d072036532bed80dfe8fa4ab3f3cbd6f7.css | 1053 +++++++++++++++++ js/render-roles-timeline.js | 128 +- layouts/_default/_markup/render-heading.html | 2 +- layouts/_default/baseof.html | 2 +- layouts/blog/single.html | 8 +- layouts/shortcodes/figure.html | 8 +- 6 files changed, 1155 insertions(+), 46 deletions(-) create mode 100644 css/main.df83a036757824b991ef81dcf127897d072036532bed80dfe8fa4ab3f3cbd6f7.css diff --git a/css/main.df83a036757824b991ef81dcf127897d072036532bed80dfe8fa4ab3f3cbd6f7.css b/css/main.df83a036757824b991ef81dcf127897d072036532bed80dfe8fa4ab3f3cbd6f7.css new file mode 100644 index 0000000..a82cad9 --- /dev/null +++ b/css/main.df83a036757824b991ef81dcf127897d072036532bed80dfe8fa4ab3f3cbd6f7.css @@ -0,0 +1,1053 @@ +@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/js/render-roles-timeline.js b/js/render-roles-timeline.js index 256d394..cc3e003 100644 --- a/js/render-roles-timeline.js +++ b/js/render-roles-timeline.js @@ -11,19 +11,75 @@ function drawChart() { dataTable.addColumn({ type: 'date', id: 'End' }); dataTable.addRows([ + [ + "Workaway, Hospedaje Wounaan", + "Workawayer", + "#BBBBB0", + new Date("2023-02-24"), + new Date("2023-03-05") + ], + [ + "Workaway, Finca DeLaRey", + "Workawayer", + "#FFFFF0", + new Date("2023-01-30"), + new Date("2023-02-10") + ], + [ + "El Ranchito Surf Camp", + "Volunteer", + "#FFFFF0", + new Date("2023-01-26"), + new Date("2023-01-26") + ], + [ + "Self-employed, Lost Corporation", + "Developer", + "#BBBBB0", + new Date("2023-01-19"), + new Date("2023-03-05") + ], + [ + "Workaway, Finca DeLaRey", + "Workawayer", + "#FFFFF0", + new Date("2023-01-11"), + new Date("2023-01-23") + ], + [ + "Workaway, Bolita Hostel", + "Workawayer", + "#FFFFF0", + new Date("2022-12-20"), + new Date("2022-12-27") + ], + [ + "Workaway", + "Workawayer", + "#FFFFF0", + new Date("2022-11-25"), + new Date("2022-12-20") + ], + [ + "Workaway, Bolita Hostel", + "Workawayer (House-Sitting)", + "#FFFFF0", + new Date("2022-11-16"), + new Date("2022-11-24") + ], [ "Morecambe Net", "Web Developer", "#BCBC7E", new Date("2022-10-26"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "Chartered Institute for Information Security", "Associate Member", "#BBBBB0", new Date("2022-08-09"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "West Lancs Scouts Active Support", @@ -37,112 +93,112 @@ function drawChart() { "Member", "#BBBBB0", new Date("2022-06-06"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "Computer Arts Society", "Member", "#BBBBB0", new Date("2022-06-06"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "Computer Conservation Society", "Member", "#BBBBB0", new Date("2022-06-06"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "Consultancy Specialist Group", "Member", "#BBBBB0", new Date("2022-06-06"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "Enterprise Architecture Specialist Group", "Member", "#BBBBB0", new Date("2022-06-06"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "Green IT Specialist Group", "Member", "#BBBBB0", new Date("2022-06-06"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "Health & Care Specialist Group", "Member", "#BBBBB0", new Date("2022-06-06"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "Internet Specialist Group", "Member", "#BBBBB0", new Date("2022-06-06"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "Information Risk Management and Assurance Specialist Group", "Member", "#BBBBB0", new Date("2022-06-06"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "Information Security Specialist Group", "Member", "#BBBBB0", new Date("2022-06-06"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "IT Ethics Specialist Group", "Member", "#BBBBB0", new Date("2022-06-06"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "Law Specialist Group", "Member", "#BBBBB0", new Date("2022-06-06"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "BCS Nottingham & Derby Branch", "Member", "#BBBBB0", new Date("2022-06-06"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "Open Source Specialist Group", "Member", "#BBBBB0", new Date("2022-06-06"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "Sociotechnical Specialist Group", "Member", "#BBBBB0", new Date("2022-06-06"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "BCS, the Chartered Institute for IT", "Professional Member", "#BBBBB0", new Date("2022-06-06"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "Chartered Institute for Information Security", @@ -163,7 +219,7 @@ function drawChart() { "Student Member", "#BBBBB0", new Date("2022-05-26"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "MORS Cyber CoP", @@ -205,7 +261,7 @@ function drawChart() { "Supporter", "#BBBBB0", new Date("2022-01-14"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "Actica Consulting", @@ -261,14 +317,14 @@ function drawChart() { "Member", "#BBBBB0", new Date("2021-09-24"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "Mountain Training Association", "Trainee Member", "#BBBBB0", new Date("2021-08-24"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "North West Area Meeting", @@ -282,7 +338,7 @@ function drawChart() { "Member", "#BBBBB0", new Date("2021-07-26"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "Lancaster Quaker Meeting", @@ -338,7 +394,7 @@ function drawChart() { "Participant", "#BBBBB0", new Date("2021-01-23"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "footnotes", @@ -373,7 +429,7 @@ function drawChart() { "Member", "#BBBBB0", new Date("2020-09-29"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "Executive Committee", @@ -394,7 +450,7 @@ function drawChart() { "Website Content Manager", "#BBBBB0", new Date("2020-08-31"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "Unity2020", @@ -548,14 +604,14 @@ function drawChart() { "Associate Member", "#BBBBB0", new Date("2019-04-01"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "Youth Hostel Association", "Company Member", "#BBBBB0", new Date("2019-02-20"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "Friends of Lancaster Library", @@ -737,14 +793,14 @@ function drawChart() { "Member", "#BBBBB0", new Date("2018-06-20"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "UK England Chapter", "Member", "#BBBBB0", new Date("2018-06-13"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "Community Networks SIG", @@ -758,14 +814,14 @@ function drawChart() { "Member", "#BBBBB0", new Date("2018-06-06"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "Internet Society", "Member", "#BBBBB0", new Date("2018-06-04"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "Mitigate Cyber", @@ -954,7 +1010,7 @@ function drawChart() { "Member", "#BBBBB0", new Date("2017-06-06"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "Lonsdale District Scout Network, Scout Network", @@ -1017,7 +1073,7 @@ function drawChart() { "Member", "#BBBBB0", new Date("2016-12-19"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "Pendle College, Lancaster University Students' Union", @@ -1388,7 +1444,7 @@ function drawChart() { "Librarian", "#BBBBB0", new Date("2013-05-01"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "Patient Participation Group", @@ -1444,7 +1500,7 @@ function drawChart() { "Minister", "#BBBBB0", new Date("2012-01-01"), - new Date("2023-02-17") + new Date("2023-03-05") ], [ "Salvation Army", diff --git a/layouts/_default/_markup/render-heading.html b/layouts/_default/_markup/render-heading.html index 352fd45..d5ca12d 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/baseof.html b/layouts/_default/baseof.html index ed6cdb4..1e1ed48 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -22,7 +22,7 @@ {{- $sass := resources.Get "css/main.scss" }} {{- $style := $sass | resources.ToCSS | resources.Fingerprint }} - + {{- block "header-scripts" . -}}{{- end -}} diff --git a/layouts/blog/single.html b/layouts/blog/single.html index f0197f5..5f06f7d 100644 --- a/layouts/blog/single.html +++ b/layouts/blog/single.html @@ -46,7 +46,7 @@ {{ end }} {{ if in . "charts" }} - + {{ end }} {{ end }} {{ end }} @@ -123,6 +123,12 @@ {{ define "main-body" }}
{{ .Content }} + {{ if fileExists ( path.Join $.Page.File.Dir "appendices.md" ) }} +
+

Appendices

+ {{ readFile ( path.Join $.Page.File.Dir "appendices.md" ) | markdownify }} +
+ {{ end }}
{{ end }} diff --git a/layouts/shortcodes/figure.html b/layouts/shortcodes/figure.html index 689d3a2..02b6ec6 100644 --- a/layouts/shortcodes/figure.html +++ b/layouts/shortcodes/figure.html @@ -83,13 +83,7 @@ {{- end -}} {{- with .Get "title" -}}

{{ . }}

{{- end -}} {{- with .Get "caption" -}} -

{{ . | markdownify }} - {{- with $src -}} - {{- if ( and ( eq .ResourceType "image" ) (or (gt .Width 2000) (gt .Height 2000) ) ) -}} - View full size - {{- end -}} - {{- end -}} -

+

{{ . | markdownify }}

{{- end -}} {{- end -}}