- commit
- 5bad1f4f2639f6512022544d56efd6279c9704d1
- parent
- 44dc7701dbab456c64eb5f093bfb0be07b0921ae
- Author
- Tobias Bengfort <tobias.bengfort@posteo.de>
- Date
- 2025-08-07 11:23
add images
Diffstat
53 files changed, 173 insertions, 50 deletions
diff --git a/content/_index.md b/content/_index.md
@@ -1,3 +1,9 @@ -1 1 --- -1 2 banner: 'img/pumkin.jpg' -1 3 bannerAttribution: 'Ben Peters' -1 4 bannerAttributionLink: 'http://www.dehondsdagen.nl/' -1 5 --- -1 6 1 7 Dear Guest, 2 8 3 9 Welcome to our Escape Room. We are so happy to see you here! @@ -43,5 +49,3 @@ affiliation, check out the RDM resources and support at [VU Amsterdam](https://l 43 49 [Leiden University](https://www.library.universiteitleiden.nl/researchers/data-management). 44 50 45 51 [**ENTER**](/intro/)46 -147 -1 Image by [Ben Peters](http://www.dehondsdagen.nl/)
diff --git a/content/intro/_index.md b/content/intro/_index.md
@@ -1,3 +1,9 @@ -1 1 --- -1 2 banner: 'img/sebastiaan-stam-WXeJcabNzhE-unsplash.jpg' -1 3 bannerAttribution: 'sebastiaan stam' -1 4 bannerAttributionLink: 'https://unsplash.com/photos/WXeJcabNzhE' -1 5 --- -1 6 1 7 You've received an urgent message from Professor Hutseephluts asking you to 2 8 come to an old office hidden away on the top floor. It’s Thursday, half past 3 9 six, and you’d rather go home, but you've never met the Professor and the email @@ -24,5 +30,3 @@ answer. 24 30 [You try the door](/intro/stepping-into-the-office/) 25 31 26 32 [Instead of entering the room you decide to read the posters hanging on the wall](https://vu.nl/en/about-vu/more-about/stories)27 -128 -1 Photo by [sebastiaan stam](https://unsplash.com/@sebastiaanstam)
diff --git a/content/intro/stepping-into-the-office/_index.md b/content/intro/stepping-into-the-office/_index.md
@@ -1,3 +1,9 @@ -1 1 --- -1 2 banner: 'img/kaur-kristjan-CpPF4W5PB1c-unsplash.jpg' -1 3 bannerAttribution: 'Kaur Kristjan' -1 4 bannerAttributionLink: 'https://unsplash.com/photos/CpPF4W5PB1c' -1 5 --- -1 6 1 7 You push against the door – it creaks open slowly giving you a glimpse into the 2 8 room. There's a desk light on, and it looks like someone was there maybe a 3 9 moment ago, but as the door fully opens, still no-one speaks... so you gingerly @@ -12,5 +18,3 @@ office. What do you do? 12 18 [Try to open the door](/locked-door/) 13 19 14 20 [Take a look around Professor Hutseephluts' office](/office/)15 -116 -1 Photo by [Kaur Kristjan](https://unsplash.com/photos/flat-screen-computer-monitors-on-table-CpPF4W5PB1c)
diff --git a/content/locked-door/_index.md b/content/locked-door/_index.md
@@ -1,9 +1,13 @@ -1 1 --- -1 2 banner: 'img/ashim-dsilva-IoByqNem10o-unsplash.jpg' -1 3 bannerAttribution: 'Ashim D’Silva' -1 4 bannerAttributionLink: 'https://unsplash.com/photos/IoByqNem10o' -1 5 --- -1 6 1 7 The door is locked! 2 8 3 9 A piece of paper has been nailed to the door and there's a message on it: 4 105 -1 -1 11  6 12 7 13 [Take a look around Professor Hutseephluts' office](/office/)8 -19 -1 Photo by [Ashim D’Silva](https://unsplash.com/photos/blue-wooden-door-with-gold-and-black-signage-IoByqNem10o)
diff --git a/content/locked-door/note.png b/content/locked-door/note.png
Binary files differ.diff --git a/content/office/_index.md b/content/office/_index.md
@@ -1,3 +1,9 @@ -1 1 --- -1 2 banner: 'img/janko-ferlic-QOnmy00-unsplash.jpg' -1 3 bannerAttribution: 'Janko Ferlič' -1 4 bannerAttributionLink: 'https://unsplash.com/photos/sfL_QOnmy00' -1 5 --- -1 6 1 7 So this is the office of Professor Hutseephluts. Although it's dimly lit, as 2 8 far as you can tell, it looks pretty much like any other researcher's office. 3 9 @@ -22,5 +28,3 @@ travelling bag and its contents seem to have been hastily emptied out. 22 28 [Look at the map on the wall](/office/map/) 23 29 24 30 [Open the door](/locked-door/)25 -126 -1 Photo by [Janko Ferlič](https://unsplash.com/photos/photo-of-library-with-turned-on-lights-sfL_QOnmy00)
diff --git a/content/office/cabinet/_index.md b/content/office/cabinet/_index.md
@@ -1,3 +1,9 @@ -1 1 --- -1 2 banner: 'img/safe.jpg' -1 3 bannerAttribution: 'Regionaal Archief Alkmaar / CC BY 2.0' -1 4 bannerAttributionLink: 'https://www.flickr.com/photos/archiefalkmaar/50143958452/in/album-72157715206432068/' -1 5 --- -1 6 1 7 The filing cabinet looks old, battered and heavily used. Probably the Professor 2 8 is storing lots of research data inside it alongside important documents. You 3 9 try to open it, but it's locked. On top of it lies a note with a mysterious @@ -29,5 +35,3 @@ sheet of paper. In thick, dark letters, there's just one word: HORROR. Shiver, 29 35 and make a note of it 30 36 31 37 [Take a look around Professor Hutseephluts' office](/office/)32 -133 -1 Photo: ["Voormalige kluis DNB Alkmaar"](https://www.flickr.com/photos/archiefalkmaar/50143958452/in/album-72157715206432068/) by Regionaal Archief Alkmaar / CC BY 2.0
diff --git a/content/office/camera/_index.md b/content/office/camera/_index.md
@@ -1,3 +1,9 @@ -1 1 --- -1 2 banner: 'img/dan-cristian-padure-bw2rUF3TNaM-unsplash.jpg' -1 3 bannerAttribution: 'Dan-Cristian Pădureț' -1 4 bannerAttributionLink: 'https://unsplash.com/photos/bw2rUF3TNaM' -1 5 --- -1 6 1 7 There is a video camera lying on the chair in the corner of the room. It looks 2 8 like it was recently taken out of the bag that's also on the chair. You've 3 9 heard that the Professor had just returned from some travels. @@ -21,6 +27,3 @@ Professor's whereabouts... 21 27 [Press on some of the buttons to get to the menu](/office/camera/manual/) 22 28 23 29 [Take a look around Professor Hutseephluts' office](/office/)24 -125 -126 -1 Photo by [Dan-Cristian Pădureț](https://unsplash.com/@dancristianp) on [Unsplash](https://unsplash.com/s/photos/video-camera)
diff --git a/content/office/camera/manual/_index.md b/content/office/camera/manual/_index.md
@@ -1,3 +1,9 @@ -1 1 --- -1 2 banner: 'img/alexander-jawfox-H3bUrt4t1ZI-unsplash.jpg' -1 3 bannerAttribution: 'Alexander Jawfox' -1 4 bannerAttributionLink: 'https://unsplash.com/photos/H3bUrt4t1ZI' -1 5 --- -1 6 1 7 You press on some buttons on the camera and a menu shows up. 2 8 3 9 It says: enter the FAIR code. @@ -10,6 +16,3 @@ Next to the camera, there is a booklet that looks like a manual. There are some 10 16 [Take one more look at the video on the camera](/office/camera/) 11 17 12 18 [Take a look around Professor Hutseephluts' office](/office/)13 -114 -115 -1 Photo by [Alexander Jawfox](https://unsplash.com/photos/black-video-camera-on-black-tripod-H3bUrt4t1ZI)
diff --git a/content/office/camera/menu/_index.md b/content/office/camera/menu/_index.md
@@ -1,3 +1,9 @@ -1 1 --- -1 2 banner: 'img/markus-winkler-HiB5ItDg4ME-unsplash.jpg' -1 3 bannerAttribution: 'Markus Winkler' -1 4 bannerAttributionLink: 'https://unsplash.com/photos/HiB5ItDg4ME' -1 5 --- -1 6 1 7 You open the booklet and hold it next to the camera menu 2 8 3 9 You see several statements about FAIR data in the manual. You need to enter the @@ -43,6 +49,3 @@ In the camera menu, there's only one option: DATA. Make a note of it 43 49 [Play the video that is on the camera](https://www.youtube.com/watch?v=2uZxFu9SFi8) 44 50 45 51 [Take a look around Professor Hutseephluts' office](/office/)46 -147 -148 -1 Photo by [Markus Winkler](https://unsplash.com/@markuswinkler) on [Unsplash](https://unsplash.com/s/photos/manual)
diff --git a/content/office/computer/_index.md b/content/office/computer/_index.md
@@ -1,3 +1,9 @@ -1 1 --- -1 2 banner: 'img/matthew-brodeur-zEFyM4sulJ8-unsplash.jpg' -1 3 bannerAttribution: 'Matthew Brodeur' -1 4 bannerAttributionLink: 'https://unsplash.com/photos/zEFyM4sulJ8' -1 5 --- -1 6 1 7 The Professor might have left the office open, but at least the computer is 2 8 locked so no-one can mess with his files. 3 9 @@ -16,9 +22,6 @@ Others with data management responsibilities: PhD candidate (name to be confirme 16 22 17 23 This is the first version of the data management plan of the research project about ghost sightings around Halloween. A Data Management Plan (DMP) is a living document, and will be updated as the project progresses 18 2419 -1 -1 25  20 26 21 27 [Take a look around Professor Hutseephluts' office](/office/)22 -123 -124 -1 Photo by [Matthew Brodeur](https://unsplash.com/@mrbrodeur)
diff --git a/content/office/computer/dmp.png b/content/office/computer/dmp.png
Binary files differ.diff --git a/content/office/desk/_index.md b/content/office/desk/_index.md
@@ -1,3 +1,9 @@ -1 1 --- -1 2 banner: 'img/clint-patterson-ulftbH1sA0k-unsplash.jpg' -1 3 bannerAttribution: 'Clint Patterson' -1 4 bannerAttributionLink: 'https://unsplash.com/photos/ulftbH1sA0k' -1 5 --- -1 6 1 7 You are looking at Professor Hutseephluts' desk. It's surprisingly empty. 2 8 3 9 Sitting on the desk is a computer and an address book. @@ -7,5 +13,3 @@ Sitting on the desk is a computer and an address book. 7 13 [Tap the computer](/office/computer/) 8 14 9 15 [Take a look around Professor Hutseephluts' office](/office/)10 -111 -1 Photo by [Clint Patterson](https://unsplash.com/photos/a-desk-with-a-lamp-and-a-laptop-on-it-ulftbH1sA0k)
diff --git a/content/office/desk/address-book/_index.md b/content/office/desk/address-book/_index.md
@@ -1,4 +1,4 @@1 -1 -1 1  2 2 3 3 Which of the data in the address book are personal data? (multiple answers possible) * 4 4
diff --git a/content/office/desk/address-book/address-book.png b/content/office/desk/address-book/address-book.png
Binary files differ.diff --git a/content/office/map/_index.md b/content/office/map/_index.md
@@ -1,11 +1,10 @@1 -1 2 -13 -1 Taken from Image base VU: https://vu.contentdm.oclc.org/digital/search/searchterm/382036441/field/identi-1 1 <figure> -1 2 <img src="./map.jpg" alt=""> -1 3 <figcaption><a href="http://imagebase.ubvu.vu.nl/getobj.php?ppn=382036441">Taken from Image base VU</a></figcaption> -1 4 </figure> 4 5 5 6 Next to this map, a folded-up note is taped to the wall. 6 7 7 8 [Read the note](/office/map/note/) 8 9 9 10 [Take a look around Professor Hutseephluts' office](/office/)10 -111 -1 Taken from Image base VU: <https://vu.contentdm.oclc.org/digital/search/searchterm/382036441/field/identi>
diff --git a/content/office/map/map.jpg b/content/office/map/map.jpg
Binary files differ.diff --git a/content/office/noticeboard/_index.md b/content/office/noticeboard/_index.md
@@ -1,3 +1,7 @@ -1 1 --- -1 2 banner: 'img/noticeboard.png' -1 3 --- -1 4 1 5 On the wall by Professor Hutseephluts' desk hangs a noticeboard. Papers are 2 6 pinned all over it in a confusion of printouts, flyers, pictures, reminders, 3 7 and souvenirs from travels around the world.
diff --git a/content/office/noticeboard/coded-sheet/_index.md b/content/office/noticeboard/coded-sheet/_index.md
@@ -1,3 +1,7 @@ -1 1 --- -1 2 banner: 'img/noticeboard.png' -1 3 --- -1 4 1 5 # Coded sheet 2 6 3 7 
diff --git a/content/office/noticeboard/coded-sheet/coded-sheet.png b/content/office/noticeboard/coded-sheet/coded-sheet.png
Binary files differ.diff --git a/content/office/noticeboard/coded-sheet/hint/_index.md b/content/office/noticeboard/coded-sheet/hint/_index.md
@@ -1,3 +1,7 @@ -1 1 --- -1 2 banner: 'img/noticeboard.png' -1 3 --- -1 4 1 5 # Coded sheet hint 2 6 3 7 An ORCID id is a 16-digit code (you can read more about it on a flyer on the
diff --git a/content/office/noticeboard/flyers/_index.md b/content/office/noticeboard/flyers/_index.md
@@ -1,3 +1,7 @@ -1 1 --- -1 2 banner: 'img/noticeboard.png' -1 3 --- -1 4 1 5 # Flyers 2 6 3 7 
diff --git a/content/office/noticeboard/postcard/_index.md b/content/office/noticeboard/postcard/_index.md
@@ -1,3 +1,9 @@ -1 1 --- -1 2 banner: 'img/salvador-altamirano-z_X0PxmBuIQ-unsplash.jpg' -1 3 bannerAttribution: 'Salvador Altamirano' -1 4 bannerAttributionLink: 'https://unsplash.com/photos/z_X0PxmBuIQ' -1 5 --- -1 6 1 7 The postcard shows an image of the Mexican Day of the Dead celebrations. 2 8 3 9 [Read the back of the postcard](/office/noticeboard/postcard/back/) @@ -9,6 +15,3 @@ The postcard shows an image of the Mexican Day of the Dead celebrations. 9 15 [Look at the coded sheet](/office/noticeboard/coded-sheet/) 10 16 11 17 [Take a look around Professor Hutseephluts' office](/office/)12 -113 -114 -1 Photo by [Salvador Altamirano](https://unsplash.com/photos/person-with-skull-face-paint-and-umbrella-z_X0PxmBuIQ)
diff --git a/content/office/noticeboard/postcard/back/_index.md b/content/office/noticeboard/postcard/back/_index.md
@@ -1,3 +1,9 @@ -1 1 --- -1 2 banner: 'img/brett-jordan-oO7txJP2hls-unsplash.jpg' -1 3 bannerAttribution: 'Brett Jordan' -1 4 bannerAttributionLink: 'https://unsplash.com/photos/oO7txJP2hls' -1 5 --- -1 6 1 7 # Postcard 2 8 3 9 The back of the postcard reads: @@ -43,5 +49,3 @@ The back of the postcard reads: 43 49 [Look at the coded sheet](/office/noticeboard/coded-sheet/) 44 50 45 51 [Take a look around Professor Hutseephluts' office](/office/)46 -147 -1 Photo by [Brett Jordan](https://unsplash.com/photos/the-new-york-times-square-oO7txJP2hls)
diff --git a/content/office/paper-bin/_index.md b/content/office/paper-bin/_index.md
@@ -1,3 +1,9 @@ -1 1 --- -1 2 banner: 'img/steve-johnson-Kr8Tc8Rugdk-unsplash.jpg' -1 3 bannerAttribution: 'Steve Johnson' -1 4 bannerAttributionLink: 'https://unsplash.com/photos/Kr8Tc8Rugdk' -1 5 --- -1 6 1 7 The waste paper bin in the office of Professor Hutseephluts is atonishingly 2 8 full, which is weird because you know that all the waste paper bins at the 3 9 department were emptied by the cleaner yesterday. The Professor must be @@ -15,6 +21,3 @@ Do you have time to look through everything? 15 21 [Look at the first hidden document](/office/paper-bin/document-1/) 16 22 17 23 [Take a look around Professor Hutseephluts' office](/office/)18 -119 -120 -1 Photo by [Steve Johnson](https://unsplash.com/@steve_j) on [Unsplash](https://unsplash.com/s/photos/mystery)
diff --git a/content/office/paper-bin/document-1/_index.md b/content/office/paper-bin/document-1/_index.md
@@ -1,3 +1,9 @@ -1 1 --- -1 2 banner: 'img/steve-johnson-Kr8Tc8Rugdk-unsplash.jpg' -1 3 bannerAttribution: 'Steve Johnson' -1 4 bannerAttributionLink: 'https://unsplash.com/photos/Kr8Tc8Rugdk' -1 5 --- -1 6 1 7 # Hidden document 1 2 8 3 9  @@ -12,6 +18,3 @@ why is it apparently hidden in the waste paper bin...? 12 18 [Return to the waste paper bin](/office/paper-bin/) 13 19 14 20 [Take a look around Professor Hutseephluts' office](/office/)15 -116 -117 -1 Photo by [Steve Johnson](https://unsplash.com/@steve_j) on [Unsplash](https://unsplash.com/s/photos/mystery)
diff --git a/content/office/paper-bin/document-1/re3data.jpg b/content/office/paper-bin/document-1/re3data.jpg
Binary files differ.diff --git a/content/office/paper-bin/document-2/_index.md b/content/office/paper-bin/document-2/_index.md
@@ -1,6 +1,12 @@ -1 1 --- -1 2 banner: 'img/steve-johnson-Kr8Tc8Rugdk-unsplash.jpg' -1 3 bannerAttribution: 'Steve Johnson' -1 4 bannerAttributionLink: 'https://unsplash.com/photos/Kr8Tc8Rugdk' -1 5 --- -1 6 1 7 # Hidden document 2 2 83 -1 -1 9  4 10 5 11 This one's a hand-written note. Is it the Professor's handwriting? Was the 6 12 Professor trying to investigate data repositories...? And a place to deposit
diff --git a/content/office/paper-bin/document-2/crumple.jpg b/content/office/paper-bin/document-2/crumple.jpg
Binary files differ.diff --git a/content/office/paper-bin/document-3/_index.md b/content/office/paper-bin/document-3/_index.md
@@ -1,3 +1,9 @@ -1 1 --- -1 2 banner: 'img/steve-johnson-Kr8Tc8Rugdk-unsplash.jpg' -1 3 bannerAttribution: 'Steve Johnson' -1 4 bannerAttributionLink: 'https://unsplash.com/photos/Kr8Tc8Rugdk' -1 5 --- -1 6 1 7 # Hidden document 3 2 8 3 9 You found a test! You better not disappoint Prof. Hutseephluts and answer all
diff --git a/content/office/paper-bin/old-papers/_index.md b/content/office/paper-bin/old-papers/_index.md
@@ -1,3 +1,9 @@ -1 1 --- -1 2 banner: 'img/sear-greyson-K-ZsC7YdJ6Y-unsplash.jpg' -1 3 bannerAttribution: 'Sear Greyson' -1 4 bannerAttributionLink: 'https://unsplash.com/photos/K-ZsC7YdJ6Y' -1 5 --- -1 6 1 7 The old papers are bundled in packs and bound with string. 2 8 3 9 You open up a couple of them, and as far as you can tell, each one contains @@ -9,6 +15,3 @@ If you start to go through these you really will be here all night.. 9 15 [Return to the waste paper bin](/office/paper-bin/) 10 16 11 17 [Take a look around Professor Hutseephluts' office](/office/)12 -113 -114 -1 Photo by [Sear Greyson](https://unsplash.com/photos/brown-binder-lot-K-ZsC7YdJ6Y)
diff --git a/hugo.toml b/hugo.toml
@@ -2,3 +2,6 @@ disableKinds = ['taxonomy', 'term'] 2 2 3 3 [outputs] 4 4 home = ["HTML"] -1 5 -1 6 [markup.goldmark.renderer] -1 7 unsafe = true # allow HTML
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -18,6 +18,16 @@ 18 18 </div> 19 19 </header> 20 20 <main> -1 21 {{ if .Params.Banner }} -1 22 <figure class="banner"> -1 23 <img src="{{ .Params.Banner | relURL }}" alt=""> -1 24 {{ if .Params.BannerAttribution }} -1 25 <figcaption> -1 26 © <a href="{{ .Params.BannerAttributionLink }}">{{ .Params.BannerAttribution }}</a> -1 27 </figcaption> -1 28 {{ end }} -1 29 </figure> -1 30 {{ end }} 21 31 <div class="container"> 22 32 {{ block "main" . }}{{ end }} 23 33 </div>
diff --git a/static/ORCID-flyer.pdf b/static/ORCID-flyer.pdf
Binary files differ.diff --git a/static/icon.jpg b/static/icon.jpg
Binary files differ.diff --git a/static/img/alexander-jawfox-H3bUrt4t1ZI-unsplash.jpg b/static/img/alexander-jawfox-H3bUrt4t1ZI-unsplash.jpg
Binary files differ.diff --git a/static/img/ashim-dsilva-IoByqNem10o-unsplash.jpg b/static/img/ashim-dsilva-IoByqNem10o-unsplash.jpg
Binary files differ.diff --git a/static/img/brett-jordan-oO7txJP2hls-unsplash.jpg b/static/img/brett-jordan-oO7txJP2hls-unsplash.jpg
Binary files differ.diff --git a/static/img/clint-patterson-ulftbH1sA0k-unsplash.jpg b/static/img/clint-patterson-ulftbH1sA0k-unsplash.jpg
Binary files differ.diff --git a/static/img/dan-cristian-padure-bw2rUF3TNaM-unsplash.jpg b/static/img/dan-cristian-padure-bw2rUF3TNaM-unsplash.jpg
Binary files differ.diff --git a/static/img/janko-ferlic-sfL_QOnmy00-unsplash.jpg b/static/img/janko-ferlic-sfL_QOnmy00-unsplash.jpg
Binary files differ.diff --git a/static/img/kaur-kristjan-CpPF4W5PB1c-unsplash.jpg b/static/img/kaur-kristjan-CpPF4W5PB1c-unsplash.jpg
Binary files differ.diff --git a/static/img/markus-winkler-HiB5ItDg4ME-unsplash.jpg b/static/img/markus-winkler-HiB5ItDg4ME-unsplash.jpg
Binary files differ.diff --git a/static/img/matthew-brodeur-zEFyM4sulJ8-unsplash.jpg b/static/img/matthew-brodeur-zEFyM4sulJ8-unsplash.jpg
Binary files differ.diff --git a/static/img/noticeboard.png b/static/img/noticeboard.png
Binary files differ.diff --git a/static/img/pumkin.jpg b/static/img/pumkin.jpg
Binary files differ.diff --git a/static/img/safe.jpg b/static/img/safe.jpg
Binary files differ.diff --git a/static/img/salvador-altamirano-z_X0PxmBuIQ-unsplash.jpg b/static/img/salvador-altamirano-z_X0PxmBuIQ-unsplash.jpg
Binary files differ.diff --git a/static/img/sear-greyson-K-ZsC7YdJ6Y-unsplash.jpg b/static/img/sear-greyson-K-ZsC7YdJ6Y-unsplash.jpg
Binary files differ.diff --git a/static/img/sebastiaan-stam-WXeJcabNzhE-unsplash.jpg b/static/img/sebastiaan-stam-WXeJcabNzhE-unsplash.jpg
Binary files differ.diff --git a/static/img/steve-johnson-Kr8Tc8Rugdk-unsplash.jpg b/static/img/steve-johnson-Kr8Tc8Rugdk-unsplash.jpg
Binary files differ.diff --git a/static/style.css b/static/style.css
@@ -4,6 +4,7 @@ 4 4 } 5 5 6 6 img { -1 7 display: block; 7 8 max-inline-size: 100%; 8 9 block-size: auto; 9 10 } @@ -34,7 +35,7 @@ footer { 34 35 padding-block: 1rem; 35 36 } 36 3737 -1 main {-1 38 main .container { 38 39 padding-block: 1rem 3rem; 39 40 } 40 41 @@ -73,3 +74,29 @@ nav a { 73 74 font-weight: bold; 74 75 text-decoration: none; 75 76 } -1 77 -1 78 .banner { -1 79 margin: 0; -1 80 } -1 81 -1 82 .banner img { -1 83 inline-size: 100%; -1 84 block-size: 20em; -1 85 max-block-size: 33vb; -1 86 object-fit: cover; -1 87 } -1 88 -1 89 figure { -1 90 position: relative; -1 91 } -1 92 -1 93 figcaption { -1 94 position: absolute; -1 95 inset-inline-end: 0; -1 96 inset-block-end: 0; -1 97 padding-inline: 0.5em; -1 98 padding-block: 0.1em; -1 99 font-size: 90%; -1 100 background-color: rgba(67,67,64,0.8); -1 101 color: #fff; -1 102 }