3
0
mirror of https://git.coop/cotech/website.git synced 2025-12-17 12:37:32 +00:00
Files
cotech-website/_layouts/coop.html
Chris Lowis bb785c79ed Style the co-op pages to match the designs
I've decided to style these pages to look like "modals" for now, but I
haven't implemented them as such yet. I think we might be able to add
some progressive enhancement to retain the scroll position when a
co-op logo is clicked to make it feel more like a separate modal
dialog is opening.
2025-12-16 15:48:34 +00:00

31 lines
800 B
HTML

<!doctype html>
<html lang="en">
{% include head.html %}
<body class="padded">
<section class="coop-info-box">
<div class="coop-info-box__close">
<a href="/#members">
<img src="/assets/img/close.svg" alt="close" />
</a>
</div>
<div class="coop-info-box__logo">
<img class="greyscale" src="/images/coops/{{ page.logo }}" alt="{{ page.slug }}">
</div>
<div class="coop-info-box__content stack">
<p><strong>Co-operative name</strong></p>
<h2>{{ page.name }}</h2>
<p><strong>About this co-operative</strong></p>
{{ content }}
<p><strong>Co-operative website</strong></p>
<a class="btn" href="{{ page.website }}">{{ page.name }}</a>
</div>
</section>
</body>
</html>