convert into Hugo module theme
This commit is contained in:
parent
b07a2a6cf5
commit
04abc92ae5
SSH key fingerprint:
SHA256:e5XfzNOr9UvWpEzyLfw0GtTMZWIFh3NmxH+/qQIi3xE
98 changed files with 2137 additions and 15971 deletions
113
assets/css/pages/_collection.scss
Normal file
113
assets/css/pages/_collection.scss
Normal file
|
|
@ -0,0 +1,113 @@
|
|||
.site-content--section,
|
||||
.site-content--list {
|
||||
display: grid;
|
||||
grid-gap: 10px;
|
||||
grid-template-columns: 0.2fr 1fr 0.2fr;
|
||||
grid-template-rows: auto auto auto;
|
||||
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-block-start: 5em;
|
||||
|
||||
@include mq("large") {
|
||||
grid-template-areas:
|
||||
". list-page-header ."
|
||||
"list-page-grid list-page-grid list-page-grid"
|
||||
". list-page-footer .";
|
||||
}
|
||||
|
||||
& .site-content__header {
|
||||
grid-area: list-page-header;
|
||||
text-align: center;
|
||||
|
||||
& .page-header__minor-links {
|
||||
text-align: center;
|
||||
overflow: auto;
|
||||
|
||||
& ul {
|
||||
list-style: none;
|
||||
|
||||
& li {
|
||||
float: inline-start;
|
||||
margin-block: 0;
|
||||
margin-inline: 1em;
|
||||
|
||||
& * {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
& .minor-links {
|
||||
&__categories {
|
||||
inline-size: fit-content;
|
||||
margin: auto;
|
||||
display: block;
|
||||
overflow: auto;
|
||||
|
||||
@include mq("large") {
|
||||
font-size: 1em !important;
|
||||
}
|
||||
}
|
||||
|
||||
&__years {
|
||||
display: block;
|
||||
margin: auto;
|
||||
inline-size: fit-content;
|
||||
|
||||
& li {
|
||||
inline-size: fit-content;
|
||||
min-inline-size: fit-content;
|
||||
padding: 0.5em;
|
||||
|
||||
@include mq("large") {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
& .site-content__body {
|
||||
inline-size: 100%;
|
||||
display: grid;
|
||||
grid-gap: 10px;
|
||||
grid-area: list-page-grid;
|
||||
grid-template-columns: 1fr;
|
||||
grid-template-rows: repeat(8, 1fr);
|
||||
justify-items: stretch;
|
||||
align-items: stretch;
|
||||
|
||||
@include mq("medium") {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
grid-template-rows: repeat(4, 1fr);
|
||||
}
|
||||
|
||||
@include mq("large") {
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
grid-template-rows: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
&--list {
|
||||
grid-template-columns: 1fr auto 1fr;
|
||||
grid-template-rows: auto;
|
||||
grid-template-areas: ". sections-list .";
|
||||
}
|
||||
|
||||
&--chart {
|
||||
grid-template-columns: 1em 100% 1fr;
|
||||
grid-template-rows: auto auto;
|
||||
grid-template-areas:
|
||||
". section-chart ."
|
||||
". section-content .";
|
||||
}
|
||||
}
|
||||
|
||||
& .site-content__footer {
|
||||
grid-area: list-page-footer;
|
||||
}
|
||||
}
|
||||
16
assets/css/pages/_home.scss
Normal file
16
assets/css/pages/_home.scss
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
.site-content--homepage {
|
||||
text-align: center;
|
||||
|
||||
& .page-title {
|
||||
font-size: 2.5em;
|
||||
margin-block-end: 1em;
|
||||
|
||||
@include mq("large") {
|
||||
font-size: 4em;
|
||||
}
|
||||
|
||||
& span {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
14
assets/css/pages/_organisations-list.scss
Normal file
14
assets/css/pages/_organisations-list.scss
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
.organisations-table {
|
||||
grid-column-start: 1;
|
||||
grid-column-end: 5;
|
||||
|
||||
&__items-icon {
|
||||
text-align: center;
|
||||
float: inline-start;
|
||||
padding-inline-end: 1em;
|
||||
|
||||
&--none {
|
||||
opacity: 0.4;
|
||||
}
|
||||
}
|
||||
}
|
||||
205
assets/css/pages/_single-organisation.scss
Normal file
205
assets/css/pages/_single-organisation.scss
Normal file
|
|
@ -0,0 +1,205 @@
|
|||
.organisation {
|
||||
&__description {
|
||||
margin-block-end: 2em;
|
||||
|
||||
details {
|
||||
margin-inline-start: 1em;
|
||||
padding-inline-start: 1em;
|
||||
border-inline-start: 2px solid $dark;
|
||||
|
||||
summary {
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__timeline {
|
||||
margin-block-end: 1em;
|
||||
|
||||
& #timeline {
|
||||
clear: both;
|
||||
|
||||
& > div > div {
|
||||
block-size: unset !important;
|
||||
|
||||
& > div {
|
||||
position: unset !important;
|
||||
inline-size: unset !important;
|
||||
block-size: unset !important;
|
||||
|
||||
& > div:first-of-type {
|
||||
overflow: unset !important;
|
||||
position: unset !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__related {
|
||||
& .related-section {
|
||||
text-align: center;
|
||||
|
||||
&--list {
|
||||
text-align: start;
|
||||
inline-size: 50%;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
padding-block: 0;
|
||||
padding-inline: 2em;
|
||||
}
|
||||
|
||||
& .related-items {
|
||||
margin-block: 2em;
|
||||
|
||||
&--tiles {
|
||||
& .index {
|
||||
display: grid;
|
||||
grid-gap: 1em;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
}
|
||||
}
|
||||
|
||||
&--collapsible {
|
||||
margin-block-end: 1em;
|
||||
|
||||
& summary {
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
padding-block-end: 1em;
|
||||
|
||||
&::marker {
|
||||
font-size: 2em;
|
||||
padding-inline-start: 2em;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&--list {
|
||||
.related-item {
|
||||
&__expiry,
|
||||
&__grade {
|
||||
font-size: 0.8em;
|
||||
display: block;
|
||||
margin-inline-start: 0.5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-title {
|
||||
border-block-end: none;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
& .related-item {
|
||||
&--expired {
|
||||
opacity: 0.4;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.organisation-table {
|
||||
&__logo {
|
||||
max-inline-size: 5em;
|
||||
max-block-size: 5em;
|
||||
}
|
||||
}
|
||||
|
||||
.timeline__legend > fieldset {
|
||||
inline-size: 45%;
|
||||
float: inline-start;
|
||||
text-align: center;
|
||||
border: none;
|
||||
|
||||
& legend {
|
||||
display: block;
|
||||
inline-size: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
#hierarchy ul {
|
||||
list-style: none;
|
||||
padding-inline-start: 1em;
|
||||
|
||||
& .hierarchy-item {
|
||||
&::before {
|
||||
content: "\21B3";
|
||||
margin-block: 0;
|
||||
margin-inline: 0.4em;
|
||||
}
|
||||
|
||||
&--current {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
&--child::before {
|
||||
content: "\2192";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.timeline__legend {
|
||||
& .legend__button {
|
||||
cursor: pointer;
|
||||
|
||||
& span {
|
||||
margin-block: 0;
|
||||
margin-inline: 1em;
|
||||
display: inline-block;
|
||||
|
||||
&.colour-square {
|
||||
inline-size: 1em;
|
||||
block-size: 1em;
|
||||
border-radius: 2.5px;
|
||||
border: 1px solid $dark;
|
||||
|
||||
&--unpaid-current {
|
||||
background-color: #bbbbb0;
|
||||
}
|
||||
|
||||
&--unpaid-past {
|
||||
background-color: #fffff0;
|
||||
}
|
||||
|
||||
&--paid-current {
|
||||
background-color: #bcbc7e;
|
||||
}
|
||||
|
||||
&--paid-past {
|
||||
background-color: #fcfca6;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&--disabled {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.site-content__body--chart {
|
||||
& #timeline,
|
||||
& #map {
|
||||
inline-size: 100%;
|
||||
max-inline-size: 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-inline-start: 0;
|
||||
|
||||
& li * {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
455
assets/css/pages/_single.scss
Normal file
455
assets/css/pages/_single.scss
Normal file
|
|
@ -0,0 +1,455 @@
|
|||
.site-content--single {
|
||||
display: grid;
|
||||
column-gap: 2em;
|
||||
grid-template-columns: 0.4fr 0.6fr;
|
||||
grid-template-rows: auto auto auto auto 60px;
|
||||
|
||||
@include mq("large") {
|
||||
grid-template-rows: auto auto auto auto;
|
||||
}
|
||||
|
||||
& .site-content__header,
|
||||
& .site-content__footer {
|
||||
display: grid;
|
||||
grid-column-start: 1;
|
||||
grid-column-end: 3;
|
||||
background-color: $light;
|
||||
filter: brightness(80%);
|
||||
|
||||
@include mq("large") {
|
||||
border: 2px solid $dark;
|
||||
grid-column-end: 2;
|
||||
padding: 2em;
|
||||
}
|
||||
}
|
||||
|
||||
& .site-content__header {
|
||||
grid-row-start: 1;
|
||||
grid-row-end: 2;
|
||||
overflow: auto;
|
||||
border-block-end: 2px solid $dark;
|
||||
margin-block-end: 2em;
|
||||
padding-inline: 1em;
|
||||
|
||||
& .article-header {
|
||||
text-align: center;
|
||||
background-color: $dark;
|
||||
opacity: 0.8;
|
||||
color: $light;
|
||||
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" ".";
|
||||
|
||||
&__series {
|
||||
margin-block: 0 1em;
|
||||
margin-inline: auto;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
&__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;
|
||||
block-size: 40vh;
|
||||
min-block-size: 380px;
|
||||
inline-size: 100%;
|
||||
border: 2px solid $dark;
|
||||
|
||||
& .attr {
|
||||
background-color: $dark;
|
||||
font-size: 0.7em;
|
||||
color: $light;
|
||||
inline-size: fit-content;
|
||||
position: fixed;
|
||||
padding-block: 0.2em;
|
||||
padding-inline: 0.5em;
|
||||
opacity: 0.8;
|
||||
margin-block: 0;
|
||||
margin-inline: auto;
|
||||
|
||||
& a {
|
||||
color: $light;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__title,
|
||||
&__subtitle {
|
||||
border-block-end: 2px inset $dark;
|
||||
margin-block: 0;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
|
||||
&__subtitle {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
&__title-wrapper {
|
||||
display: grid;
|
||||
grid-area: post-header-details;
|
||||
background-color: $dark;
|
||||
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" ".";
|
||||
|
||||
&--no-title {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
& .article-header__title,
|
||||
& .article-header__subtitle {
|
||||
color: $light;
|
||||
}
|
||||
|
||||
& .article-header__title {
|
||||
grid-area: post-title;
|
||||
font-weight: bold;
|
||||
|
||||
&--long {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
}
|
||||
|
||||
& .article-header__subtitle {
|
||||
grid-area: post-subtitle;
|
||||
}
|
||||
}
|
||||
|
||||
&__word-count,
|
||||
&__publish-date,
|
||||
&__modified-date {
|
||||
font-size: 1.2em;
|
||||
margin-block: 0.2rem;
|
||||
margin-inline: auto;
|
||||
}
|
||||
|
||||
&__word-count {
|
||||
margin-block-start: 1rem;
|
||||
}
|
||||
|
||||
&__warnings,
|
||||
&__notes {
|
||||
inline-size: 90%;
|
||||
margin-block: 1.6em;
|
||||
margin-inline: auto;
|
||||
display: block;
|
||||
padding-inline-end: 1em;
|
||||
|
||||
& ul {
|
||||
list-style: circle;
|
||||
|
||||
& li {
|
||||
margin-block: 0.5em;
|
||||
margin-inline: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__warnings {
|
||||
border: 4px solid darkred;
|
||||
background-color: #fc3a3a;
|
||||
color: $light;
|
||||
font-weight: 500;
|
||||
|
||||
& ul {
|
||||
list-style: disc;
|
||||
}
|
||||
|
||||
& + .article-header__notes {
|
||||
margin-block-start: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&__notes {
|
||||
background-color: $light;
|
||||
filter: brightness(70%);
|
||||
border: 1px solid gray;
|
||||
}
|
||||
|
||||
&__table-of-contents {
|
||||
& ul {
|
||||
list-style-type: arabic;
|
||||
padding-inline-start: 2em;
|
||||
margin-block-end: 0;
|
||||
|
||||
&.toc-list--appendices,
|
||||
&.toc-list--corrigenda {
|
||||
list-style-type: circle;
|
||||
margin-block-start: 0;
|
||||
|
||||
& ol {
|
||||
padding-inline-start: 2em;
|
||||
list-style-type: upper-latin !important;
|
||||
}
|
||||
}
|
||||
|
||||
& li {
|
||||
padding-block: 0.8em;
|
||||
padding-inline: 0;
|
||||
|
||||
@include mq("large") {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
& .site-content__body {
|
||||
grid-column-start: 1;
|
||||
grid-column-end: 3;
|
||||
grid-row-start: 2;
|
||||
grid-row-end: 3;
|
||||
padding-inline: 1em;
|
||||
|
||||
@include mq("large") {
|
||||
grid-row-start: 1;
|
||||
grid-row-end: 5;
|
||||
grid-column-start: 2;
|
||||
}
|
||||
|
||||
/* Temporary until I've fixed all the figures */
|
||||
overflow-inline: clip;
|
||||
|
||||
& .article__links {
|
||||
background-color: $light;
|
||||
filter: brightness(80%);
|
||||
inline-size: 60%;
|
||||
margin-inline: auto;
|
||||
margin-block: auto 1em;
|
||||
border: 2px solid $dark;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.article-body {
|
||||
&__summary {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.heading {
|
||||
text-align: center;
|
||||
font-size: 2em;
|
||||
font-weight: bold;
|
||||
|
||||
&::before,
|
||||
&::after {
|
||||
content: " ~ ";
|
||||
}
|
||||
}
|
||||
|
||||
.heading-anchor {
|
||||
font-size: 0.6em;
|
||||
line-height: 1em;
|
||||
text-decoration: none;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.subheading {
|
||||
font-size: 1.6em;
|
||||
border-block-end: 2px inset $dark;
|
||||
margin-block: 0.5em;
|
||||
line-height: 1.2em;
|
||||
text-align: center;
|
||||
|
||||
&--appendices,
|
||||
&--comments {
|
||||
text-decoration: underline;
|
||||
border-block-end: none;
|
||||
font-size: 2em;
|
||||
padding-block-start: 1em;
|
||||
border-block-start: 1px dashed $dark;
|
||||
}
|
||||
|
||||
&__subtitle {
|
||||
font-size: 1em;
|
||||
border-block-end: 1px dashed $dark;
|
||||
line-height: 1em;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
inline-size: fit-content;
|
||||
margin-block: 0 1em;
|
||||
margin-inline: auto;
|
||||
padding-block: 0 0.5em;
|
||||
padding-inline: 3em 0.4em;
|
||||
}
|
||||
}
|
||||
|
||||
.subsubheading {
|
||||
font-size: 1.4em;
|
||||
border-block-end: 1px dashed $dark;
|
||||
margin-block-start: 1em;
|
||||
margin-block-end: 1em;
|
||||
padding-block-end: 0.5em;
|
||||
line-height: 1em;
|
||||
text-align: start;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.subsubsubheading {
|
||||
font-size: 1.2em;
|
||||
margin-block-start: 1em;
|
||||
margin-block-end: 1em;
|
||||
line-height: 1em;
|
||||
text-align: start;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.article-body__content > blockquote {
|
||||
padding-inline-start: 1em;
|
||||
border-inline-start: 2px outset $dark;
|
||||
display: inline-block;
|
||||
max-inline-size: 85%;
|
||||
|
||||
& footer {
|
||||
text-align: end;
|
||||
font-style: normal;
|
||||
display: inline-block;
|
||||
margin-inline-start: 5em;
|
||||
|
||||
&::before {
|
||||
content: "—";
|
||||
}
|
||||
}
|
||||
|
||||
& p:first-child {
|
||||
margin-block-start: 0;
|
||||
}
|
||||
|
||||
& p:last-of-type {
|
||||
margin-block-end: 0.5em;
|
||||
}
|
||||
|
||||
&.script {
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr 0.2fr;
|
||||
padding-block-end: 0.4em;
|
||||
text-align: end;
|
||||
|
||||
& > p::before,
|
||||
& > p::after {
|
||||
content: none !important;
|
||||
}
|
||||
|
||||
& > .script-line__character {
|
||||
grid-column: 1;
|
||||
margin: 0.5em 2em 0.5em 0.5em;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
& > .script-line__text {
|
||||
grid-column-start: 2;
|
||||
grid-column-end: 4;
|
||||
margin: 0.5em;
|
||||
}
|
||||
|
||||
& footer {
|
||||
grid-column-start: 1;
|
||||
grid-column-end: 3;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.article-body__content > blockquote:not(.blockquote):first-child {
|
||||
font-size: 1.2em;
|
||||
text-align: center;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
border-inline-start: 0;
|
||||
padding-inline-start: 0;
|
||||
inline-size: 100%;
|
||||
padding-block-start: 1em;
|
||||
padding-block-end: 1.2em;
|
||||
border-block-start: 2px outset $dark;
|
||||
border-block-end: 2px inset $dark;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1024px) {
|
||||
blockquote {
|
||||
margin: 1em 2em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
& .site-content__comments {
|
||||
grid-column-start: 1;
|
||||
grid-column-end: 3;
|
||||
grid-row-start: 3;
|
||||
grid-row-end: 4;
|
||||
font-size: 0.8em;
|
||||
padding-inline-start: 1em;
|
||||
padding-inline-end: 1em;
|
||||
margin-block-end: 2em;
|
||||
@include mq("large") {
|
||||
grid-column-end: 2;
|
||||
grid-row-start: 2;
|
||||
grid-row-end: 3;
|
||||
padding: 1em 3em 1em 2em;
|
||||
border-inline-end: 2px solid $dark;
|
||||
}
|
||||
|
||||
& + .site_content__footer {
|
||||
grid-row-start: 4;
|
||||
grid-row-end: 5;
|
||||
|
||||
@include mq("large") {
|
||||
margin-block-end: 2em;
|
||||
grid-row-start: 3;
|
||||
grid-row-end: 4;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
& .site-content__footer {
|
||||
grid-row-start: 3;
|
||||
grid-row-end: 4;
|
||||
border-block-start: 2px solid $dark;
|
||||
padding-inline-start: 1em;
|
||||
padding-inline-end: 1em;
|
||||
|
||||
@include mq("large") {
|
||||
margin-block-end: 2em;
|
||||
grid-row-start: 2;
|
||||
grid-row-end: 3;
|
||||
}
|
||||
|
||||
& h2 {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
& ul {
|
||||
margin: 0;
|
||||
|
||||
& li {
|
||||
padding: 0.8em 0;
|
||||
|
||||
@include mq("large") {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
& section {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
#map {
|
||||
border: 2px solid $dark;
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue