siwa-journey-website/public/friend/index.html
2026-02-19 14:07:19 +01:00

226 lines
8.4 KiB
HTML

<!doctype html>
<html class="dark" lang="en">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Friends - Siwa Gallery</title>
<link rel="canonical" href="//localhost:1313/friend/" />
<link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
<link rel="icon" type="image/png" href="/images/favicon.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" />
<meta name="description" content="All the nice people I met that I want to keep close to my heart." />
<meta name="keywords" content="People, Kukama" />
<meta name="robots" content="index, follow" />
<meta property="og:url" content="//localhost:1313/friend/" />
<meta property="og:site_name" content="Siwa Gallery" />
<meta property="og:title" content="Friends" />
<meta property="og:description" content="All the nice people I met that I want to keep close to my heart." />
<meta property="og:locale" content="en" />
<meta property="og:type" content="article" />
<meta property="og:image" content="//localhost:1313/friend/nameless_friend_losing_name_hu_3d999a139cf761b7.png" />
<link rel="stylesheet" href="/css/main.min.929a37b4f846bf86c1bf9935695bb75dbed775e4c8f11304661afa14f26407c0.css" />
<script src="/js/main.0de0d73fb334e8aef574046cb537325b517c7abcd818150338b9a53e8d3b8dc2.js" defer></script></head>
<body>
<header>
<a class="btn btn-square" href="/" title="Siwa Gallery">
<svg width="24" height="24" data-slot="icon" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path clip-rule="evenodd" fill-rule="evenodd" d="M11.03 3.97a.75.75 0 0 1 0 1.06l-6.22 6.22H21a.75.75 0 0 1 0 1.5H4.81l6.22 6.22a.75.75 0 1 1-1.06 1.06l-7.5-7.5a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 0 1 1.06 0Z"></path>
</svg>
</a>
<ul>
<li>
<button class="btn btn-square" id="menu-toggle" aria-expanded="false" type="button" title="Menu">
<svg class="icon-menu" width="24" height="24" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path clip-rule="evenodd" fill-rule="evenodd" d="M3 6.75A.75.75 0 0 1 3.75 6h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 6.75ZM3 12a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 12Zm0 5.25a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Z"></path>
</svg>
<svg class="icon-close hidden" width="24" height="24" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path clip-rule="evenodd" fill-rule="evenodd" d="M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z"></path>
</svg>
</button>
</li>
</ul>
</header>
<menu class="hidden" id="menu">
<li itemscope itemtype="http://www.schema.org/SiteNavigationElement">
<a aria-current="false" href="/" itemprop="url">
<span itemprop="name">Home</span>
</a>
</li>
<li itemscope itemtype="http://www.schema.org/SiteNavigationElement">
<a aria-current="true" href="/friend/" itemprop="url">
<span itemprop="name">Friends</span>
</a>
</li>
<li itemscope itemtype="http://www.schema.org/SiteNavigationElement">
<a aria-current="false" href="/landscapes/" itemprop="url">
<span itemprop="name">Landscapes</span>
</a>
</li>
<li itemscope itemtype="http://www.schema.org/SiteNavigationElement">
<a aria-current="false" href="/not-friends/" itemprop="url">
<span itemprop="name">Not Friends</span>
</a>
</li>
</menu>
<main>
<hgroup>
<h1>Friends</h1>
<p>All the nice people I met that I want to keep close to my heart.</p>
</hgroup>
<section class="gallery">
<div id="gallery" style="visibility: hidden; height: 1px; overflow: hidden">
<a class="gallery-item" href="/friend/nameless_friend_losing_name.png" data-pswp-src="/friend/nameless_friend_losing_name_hu_3d999a139cf761b7.png" data-pswp-width="630" data-pswp-height="500" data-pswp-target="nameless_friend_losing_name.png" title="Loved the ceremony, the vibes, the atmosphere but... What is going on ?" itemscope itemtype="https://schema.org/ImageObject" style="aspect-ratio: 600 / 476">
<figure style="background-color: #201a19; aspect-ratio: 600 / 476">
<img class="lazyload" width="600" height="476" data-src="/friend/nameless_friend_losing_name_hu_e2c616eee0a3fb6c.png" alt="Loved the ceremony, the vibes, the atmosphere but... What is going on ?" />
</figure>
<meta itemprop="contentUrl" content="/friend/nameless_friend_losing_name.png" />
<span itemprop="creator" itemtype="https://schema.org/Person" itemscope>
<meta itemprop="name" content="CLeM" />
</span>
</a>
<a class="gallery-item" href="/friend/nameless_friend.png" data-pswp-src="/friend/nameless_friend_hu_d19231bdf4718fa6.png" data-pswp-width="152" data-pswp-height="274" data-pswp-target="nameless_friend.png" title="He is kind and gave me water while I was dehydrated. Never gave his name though..." itemscope itemtype="https://schema.org/ImageObject" style="aspect-ratio: 152 / 274">
<figure style="background-color: #1e2012; aspect-ratio: 152 / 274">
<img class="lazyload" width="152" height="274" data-src="/friend/nameless_friend_hu_304d0502da80c1cb.png" alt="He is kind and gave me water while I was dehydrated. Never gave his name though..." />
</figure>
<meta itemprop="contentUrl" content="/friend/nameless_friend.png" />
<span itemprop="creator" itemtype="https://schema.org/Person" itemscope>
<meta itemprop="name" content="CLeM" />
</span>
</a>
</div>
</section>
</main>
<footer>
<section class="social-icons">
<a target="_blank" rel="noopener" title="Website" href="https://cutelittlemonsters.fr">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true">
<path fill="currentColor" d="M8.904 16.5h6.192C14.476 19.773 13.235 22 12 22c-1.197 0-2.4-2.094-3.038-5.204zh6.192zm-5.838.001h4.306c.364 2.082.983 3.854 1.792 5.093a10.029 10.029 0 0 1-5.952-4.814zm13.563 0h4.305a10.028 10.028 0 0 1-6.097 5.093c.755-1.158 1.344-2.778 1.715-4.681zh4.305zm.302-6.5h4.87a10.047 10.047 0 0 1-.257 5H16.84a28.676 28.676 0 0 0 .13-4.344zh4.87zM2.2 10h4.87a28.211 28.211 0 0 0 .033 4.42l.057.58H2.456a10.047 10.047 0 0 1-.258-5m6.377 0h6.849a25.838 25.838 0 0 1-.037 4.425l-.062.575H8.674a25.987 25.987 0 0 1-.132-4.512zh6.849zm6.368-7.424l-.108-.17A10.027 10.027 0 0 1 21.373 8.5h-4.59c-.316-2.416-.957-4.492-1.838-5.923l-.108-.17zm-5.902-.133l.122-.037c-.88 1.351-1.535 3.33-1.883 5.654l-.062.44H2.63a10.028 10.028 0 0 1 6.413-6.057l.122-.037zM12 2.002c1.319 0 2.646 2.542 3.214 6.183l.047.315H8.739C9.28 4.691 10.644 2.002 12 2.002" />
</svg>
</a>
<a title="E-Mail" href="mailto:info@cutelittlemonsters.fr">
<svg width="24" height="24" fill="currentColor" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M2.5 3A1.5 1.5 0 0 0 1 4.5v.793c.026.009.051.02.076.032L7.674 8.51c.206.1.446.1.652 0l6.598-3.185A.755.755 0 0 1 15 5.293V4.5A1.5 1.5 0 0 0 13.5 3h-11Z"></path>
<path d="M15 6.954 8.978 9.86a2.25 2.25 0 0 1-1.956 0L1 6.954V11.5A1.5 1.5 0 0 0 2.5 13h11a1.5 1.5 0 0 0 1.5-1.5V6.954Z"></path>
</svg>
</a>
</section>
<section>
© Cute Little Monsters
<a href="/imprint/">
Imprint
</a>
<a href="https://docs.getgrist.com/forms/mwCShmbmmgMnq3gL32brmV/24">
Support us
</a>
</section>
</footer>
</body>
</html>