source ⟩ hypertext ⟩ public ⟩ gallery ⟩ en.pug

//- meta
	slug: "gallery"
	translates: "gallery"
	lang: en
	title: "Hoornsche Gallerij"
	thumbnail: "gallery/lounge.jpg"
	thumbnailAlt: "A museum whose walls are absolutely covered in old oil paintings"
	description: "From ancient Greece to the internet, beautiful artworks from around the world"
	pageCreated: "2020-04-21"
	pageUpdated: "2025-04-21"

extends ../../views/layout.pug

append cosmetics
	link(href="/gallery/gallery.css", rel="stylesheet")

append head
	style.
		.centred {
			max-inline-size: 60ch;
			margin: auto;

			font-family: var(--source-serif);
			font-size: 1.2rem;
		}

		#intro p {
			font-style: italic;
			color: #4d4d60;
		}

		#intro p strong {
			color: var(--text);
			font-style: normal;
		}

		.fraktur {
			font-size: 1.05em;
		}

		img {
			max-inline-size: 75%;
			margin-inline: auto;
		}

		details {
			margin-block: 1em;
			padding: 0;

			border: none;
		}

		summary {
			padding: 0;

			color: #4c5b0d;
			text-align: start;

			border: none;
			border-block-end: none;
		}

		#guestbook summary {
			text-align: center;
		}

		main footer {
			margin-block: 2em;
		}

		#guestbook {
			--accent: #4c5b0d;
		}

		#guestbook h2 {
			padding: 0;
			
			box-shadow: none;
		}

prepend container
	include navbar.pug

block main
	.centred#intro
		img(src=qua("lounge.jpg") alt="A museum whose walls are absolutely covered in old oil paintings")
		p You find yourself in a busily-decorated lounge room whose contents flow far beyond the humble cottage into which you stepped. Behind a marble-plated desk in front of you sits what you have to conclude is a satyr — though his oversized golden mane and wispy tail bear greater resemblance to a lion than any kind of goat — in a glistering magenta suit, beaming at you as if he’s been waiting his whole life for this moment.
		details
			summary Sorry, who are you and where am i?
			p
				| The lion-man jolts out of his seat and reaches out for a stern handshake, which you (begrudgingly) accept. 
				strong Why, the name’s Vince!
				| , he exclaims in a baritone that nearly sheds the walls of their paint. 
				strong
					| I think you’ll find that i am the curator of this humble establishment we call the 
					span.fraktur
						span(lang="nl") Hoornſche Galerÿ
						|  of Arts and Hiſtory
					| .
				|  You’re not entirely sure how he did that with his voice, but were you to ask, you worry his response might risk the gallery’s structural integrity.
		details
			summary Is there a café or something? I’m starving.
			p
				strong
					| Why would you need a café when we here at the 
					span.fraktur(lang="nl") Hoornſche Galerÿ
					|  make use of only the 
					em finest
					|  in food technology?
				|  He swings his arm to point to a cobweb-ridden vending machine in the corner. Wrappers from Opal Fruits and Marathons of days gone by dot the dusty carpet beneath; the only item still in stock is a hefty supply of Bountys. You wouldn’t eat those even if they weren’t thirty years out of date.
		details
			summary Right — which way do i go in, then?
			p
				strong Well, you can go any way you like, my darling, but i’d recommend you start riiight — about — here!
				|  His pointer finger slams onto a laminated paper map, its contours made illegible by thousands of past hands tracing the same steps. 
				strong Our department of ancient arts trades in only the finest of antiquities. Then, you can just go around chronologically until you come right back here. Kapeesh?
		details
			summary Wait, is all this stuff stolen?
			p
				| Vince’s face freezes, just for a moment, while he tries to come up with an answer that won’t get him in trouble. 
				strong Wh— ah, you see, it’s— Look, you’ll have to take it up with the legal team, okay? They’re just, ah, down the corridor, to the left.
				|  The only corridors you can see lead directly into the gallery. You decline to press the matter further.
		details
			summary …Thanks for the help?
			p
				strong
					| No, no, no… thank 
					em you
					| , my dear! Please, enjoy your visit.
				|  You’ll certainly try.
	footer
		a(href="/")
			span.icon ↓🚪
			span
				strong Exit
		a(href="/gallery/oudheden")
			span.icon →
			span
				strong Oudheden
				small Ancient arts
	.centred#guestbook
		details
			summary
				| Sign the 
				span.fraktur Galerÿ
				| ’s Guestbook 📖
			+comments()