From cfa86a148229108fccbe03319dc03acebf33d144 Mon Sep 17 00:00:00 2001 From: Linnnus Date: Wed, 27 Mar 2024 13:57:10 +0100 Subject: Add info boxes to index --- static/base.jpeg | Bin 0 -> 92603 bytes static/crew.jpeg | Bin 0 -> 261527 bytes static/index.css | 38 ++++++++++++++++++++++++++++++++++++++ 3 files changed, 38 insertions(+) create mode 100644 static/base.jpeg create mode 100644 static/crew.jpeg (limited to 'static') diff --git a/static/base.jpeg b/static/base.jpeg new file mode 100644 index 0000000..c51aca5 Binary files /dev/null and b/static/base.jpeg differ diff --git a/static/crew.jpeg b/static/crew.jpeg new file mode 100644 index 0000000..9f93e76 Binary files /dev/null and b/static/crew.jpeg differ diff --git a/static/index.css b/static/index.css index 0838304..504b859 100644 --- a/static/index.css +++ b/static/index.css @@ -64,3 +64,41 @@ .achievements__item__text { } + +.boxes { + /* The columns should be aligned in the center. + * N.B. margin matches padding of achievements. */ + max-width: 600px; + margin: 2rem auto; +} + +.boxes__column { + --gap: 1rem; + width: calc(50% - var(--gap) / 2); +} + +.boxes__column--right { + float: right; +} + +.boxes__column--left { + float: left; + margin-right: var(--gap); +} + +.boxes__item { + +} + +.boxes__header { + +} + +.boxes__body-text { + line-height: 1.5; +} + +.boxes__image { + max-width: 100%; + height: auto; +} \ No newline at end of file -- cgit v1.2.3