Rumperuu/Cataloguer
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

initial commit

Browse source
This commit is contained in:
Ben Goldsworthy 2025-01-04 21:19:12 +01:00
commit 5c664be9a8
No known key found for this signature in database
55 changed files with 8825 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

87
assets/css/pages/_collection.scss Normal file
View file

@ -0,0 +1,87 @@
.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;
@include mq('desktop') {
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;
margin: auto;
overflow: auto;
& ul {
list-style: none;
& li {
float: left;
margin: 0 1em;
& * {
display: inline-block;
}
}
}
& .minor-links__categories {
width: 100%;
display: block;
font-size: 0.8em !important;
overflow: auto;
@include mq('desktop') {
font-size: 1em !important;
}
}
& .minor-links__years {
width: 100%;
display: block;
margin: auto;
width: fit-content;
}
}
}
& .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: 1fr;
justify-items: stretch;
align-items: stretch;
&--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: 100%;
grid-template-areas: ". section-chart .";
}
}
& .site-content__footer {
grid-area: list-page-footer;
}
}

16
assets/css/pages/_home.scss Normal file
View file

@ -0,0 +1,16 @@
.site-content--homepage {
text-align: center;
& .page-title {
font-size: 2.5em;
margin-bottom: 1em;
@include mq('desktop') {
font-size: 4em;
}
& span {
display: block !important;
font-size: 0.3em;
}
}
}

4
assets/css/pages/_organisations-list.scss Normal file
View file

@ -0,0 +1,4 @@
.organisations-table {
grid-column-start: 1;
grid-column-end: 5;
}

124
assets/css/pages/_single-organisation.scss Normal file
View file

@ -0,0 +1,124 @@
#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";
}
& .index .item:nth-child(1) {
grid-area: item1;
}
& .index .item:nth-child(2) {
grid-area: item2;
}
& .index .item:nth-child(3) {
grid-area: item3;
}
& .index .item:nth-child(4) {
grid-area: item4;
}
& details {
cursor: pointer;
opacity: 0.7;
border: 2px solid $dark;
&:hover,
&:focus {
opacity: 1;
}
}
& summary {
&::marker {
font-size: 2em;
padding-left: 2em;
}
& .subheading {
display: inline;
width: 95%;
padding-bottom: 2em;
}
& .index {
border-top: 2px solid $dark;
}
}
}
#hierarchy ul {
list-style: none;
padding-left: 1em;
& .hierarchy-item {
&:before {
content: '\21B3';
margin: 0 0.4em;
}
&--current {
font-weight: bold;
}
&--child:before {
content: '\2192';
}
}
}
.timeline__legend {
& span {
margin: 0 1em;
& * {
display: inline-block;
}
& .colour-square {
width: 1em;
height: 1em;
border-radius: 2.5px;
border: 1px solid $dark;
&--current {
background-color: #bbbbb0;
}
&--past {
background-color: #fffff0;
}
}
}
}
.site-content__body--chart {
& #timeline,
& #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;
& li * {
display: inline-block;
}
}
}

381
assets/css/pages/_single.scss Normal file
View file

@ -0,0 +1,381 @@
.site-content--single {
display: grid;
column-gap: 2em;
grid-template-columns: 0.4fr 0.6fr;
grid-template-rows: 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('desktop') {
border: 2px solid $dark;
grid-column-end: 2;
padding: 2em;
}
}
& .site-content__header {
grid-row-start: 1;
grid-row-end: 2;
overflow: auto;
border-bottom: 2px solid $dark;
margin-bottom: 2em;
& .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: 0 auto 1em;
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;
height: 40vh;
min-height: 380px;
width: 100%;
border: 2px solid $dark;
& .attr {
background-color: $dark;
font-size: 0.7em;
color: $light;
width: fit-content;
position: fixed;
padding: 0.2em 0.5em;
opacity: 0.8;
margin: 0 auto;
& a {
color: $light;
}
}
}
&__title,
&__subtitle {
border-bottom: 2px inset $dark;
margin-top: 0.5em;
margin-bottom: 0.5em;
line-height: 1.2em;
border-bottom: 2px inset $dark;
margin-top: 0.5em;
margin-bottom: 0.5em;
line-height: 1.2em;
}
&__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: 0.2rem auto;
}
&__word-count {
margin-top: 1rem;
}
&__notes,
&__warnings {
width: 90%;
margin: 1.6em auto;
display: block;
padding-right: 1em;
& ul {
list-style: circle;
& li {
margin: 0.5em 0;
}
}
}
&__notes {
background-color: $light;
filter: brightness(70%);
border: 1px solid gray;
}
&__warnings {
border: 4px solid darkred;
background-color: #fc3a3a;
color: $light;
font-weight: 500;
& ul {
list-style: disc;
}
}
&__table-of-contents {
& ul {
list-style-type: arabic;
padding-left: 2em;
}
}
}
}
& .site-content__body {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 2;
grid-row-end: 3;
@include mq('desktop') {
grid-row-start: 1;
grid-row-end: 4;
grid-column-start: 2;
}
/* Temporary until I've fixed all the figures */
overflow-x: clip;
.heading {
text-align: center;
font-size: 2em;
font-weight: bold;
}
.heading::before,
.heading::after {
content: " ~ ";
}
.subheading {
font-size: 1.6em;
border-bottom: 2px inset $dark;
margin-top: 0.5em;
margin-bottom: 0.5em;
line-height: 1.2em;
text-align: center;
&__subtitle {
font-size: 1em;
border-bottom: 1px dashed $dark;
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;
}
}
blockquote {
padding-left: 1em;
border-left: 2px outset $dark;
display: inline-block;
max-width: 85%;
& footer {
text-align: right;
font-style: normal;
display: inline-block;
margin-left: 5em;
&::before {
content: "—";
}
}
&: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 $dark;
border-bottom: 2px inset $dark;
}
& p:first-child {
margin-top: 0;
}
& p:last-of-type {
margin-bottom: 0.5em;
}
&.script {
display: grid;
grid-template-columns: auto 1fr 0.2fr;
padding-bottom: 0.4em;
text-align: left;
& > 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;
}
}
}
@media only screen and (min-width: 1024px) {
blockquote {
margin: 1em 2em;
}
}
/* TODO: remove once replaced in content with figures */
img,
video {
max-width: 100%;
height: auto;
width: auto;
max-height: 50vh;
margin: auto;
display: block;
}
.figure {
margin: 16px auto;
width: fit-content;
&__image {
display: block;
width: auto;
max-width: 100%;
margin: auto;
height: auto;
max-height: 50vh;
}
&__caption {
height: auto;
margin: auto;
&--no-height {
height: 0;
}
& .figcaption {
&__caption {
font-size: 0.9em;
font-style: italic;
text-align: center;
}
&__attr {
background-color: $dark;
font-size: 0.7em;
color: $light;
width: fit-content;
top: -2em;
position: relative;
padding: 0.2em 0.5em;
opacity: 0.8;
margin: 0 auto;
}
&__attr + .figcaption__caption {
margin-top: -0.5em;
}
}
}
}
}
& .site-content__footer {
grid-row-start: 3;
grid-row-end: 4;
border-top: 2px solid $dark;
@include mq('desktop') {
margin-bottom: 2em;
grid-row-start: 2;
grid-row-end: 3;
}
& h2 {
margin: 1rem 0;
}
& ul {
margin: 0;
}
#mapdiv {
border: 2px solid $dark;
}
}
}