34 lines
1.1 KiB
Text
34 lines
1.1 KiB
Text
---
|
|
eleventyImport:
|
|
collections: ["art"]
|
|
---
|
|
|
|
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link href="/app.css" rel="stylesheet">
|
|
<title>{{ title }}</title>
|
|
</head>
|
|
<body class="bg-gray-700 text-gray-200">
|
|
<header class="max-w-screen-xl py-48 px-4 mx-auto">
|
|
<h1 class="font-serif text-center text-4xl sm:text-6xl md:text-8xl mb-2">
|
|
<span class="text-ochre-300">g</span>aiety's <span class="text-beaver-400">g</span>allery
|
|
</h1>
|
|
<h2 class="font-serif text-center text-lg sm:text-xl md:text-2xl">photography, painting, sketches and illustrations</h2>
|
|
</header>
|
|
|
|
<main class="max-w-screen-xl p-4 mx-auto">
|
|
<ul class="gap-3 columns-1 sm:columns-2 md:columns-3 column-fill:_balance]">
|
|
{%- for art in collections.art -%}
|
|
<li>
|
|
<a href={{ art.url }}>
|
|
{% image art.data.src, art.data.alt, "(min-width: 30em) 50vw, 100vw", "rounded mb-3 drop-shadow-lg" %}
|
|
</a>
|
|
</li>
|
|
{%- endfor -%}
|
|
</ul>
|
|
</main>
|
|
</body>
|
|
</html>
|