80 lines
3.8 KiB
HTML
80 lines
3.8 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="fr">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<link rel="stylesheet" href="../css/main.css">
|
||
|
|
<script type="text/javascript" src="../js/photo.js"></script>
|
||
|
|
<link rel="icon" href="../assets/logo.ico">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<meta name="keywords" content="art, photo, amateur, collection">
|
||
|
|
<meta name="description" content="Collection de mes photos, parfois étonnantes, souvent imparfaites, mais toujours très amateurs.">
|
||
|
|
<meta name="fediverse:creator" content="@_@mamot.fr">
|
||
|
|
<meta name="author" content="Joachim Rey">
|
||
|
|
<title>Collection de photos - Joachim Rey</title>
|
||
|
|
<link rel="canonical" href="https://uwo.nya.pub/stuff/photo.html">
|
||
|
|
<link rel="apple-touch-icon" href="../assets/logo.png">
|
||
|
|
<meta property="og:title" content="Collection de photos - Joachim Rey">
|
||
|
|
<meta property="og:description" content="Collection de mes photos, parfois étonnantes, souvent imparfaites, mais toujours très amateurs.">
|
||
|
|
<meta property="og:image" content="https://uwo.nya.pub/assets/photo/miniature/20240817-1.JPG">
|
||
|
|
<meta property="og:url" content="https://uwo.nya.pub/stuff/photo.html">
|
||
|
|
<meta name="twitter:card" content="summary_large_image">
|
||
|
|
<meta name="twitter:title" content="Collection de photos - Joachim Rey">
|
||
|
|
<meta name="twitter:description" content="Collection de mes photos, parfois étonnantes, souvent imparfaites, mais toujours très amateurs.">
|
||
|
|
<meta name="twitter:image" content="https://uwo.nya.pub/assets/photo/miniature/20240817-1.JPG">
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<header>
|
||
|
|
<a href="../index.html">
|
||
|
|
<img src="../assets/logo.png" alt="Logo de Joachim Rey" class="logo">
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<nav>
|
||
|
|
<a href="../forge" class="forge">
|
||
|
|
<div class="img">
|
||
|
|
<img src="../assets/close.svg" class="forge-ico" alt="Icône Forge">
|
||
|
|
<img src="../assets/open.svg" class="forge-ico-op" alt="Icône Forge ouverte">
|
||
|
|
</div>
|
||
|
|
<div class="text">Forge</div>
|
||
|
|
</a>
|
||
|
|
<a href="../nextcloud" class="cloud">
|
||
|
|
<div class="img">
|
||
|
|
<img src="../assets/close.svg" class="cloud-ico" alt="Icône Cloud">
|
||
|
|
<img src="../assets/open.svg" class="cloud-ico-op" alt="Icône Cloud ouverte">
|
||
|
|
</div>
|
||
|
|
<div class="text">Cloud</div>
|
||
|
|
</a>
|
||
|
|
<a href="../stuff.html" class="stuff">
|
||
|
|
<div class="img">
|
||
|
|
<img src="../assets/close.svg" class="stuff-ico" alt="Icône Autre">
|
||
|
|
<img src="../assets/open.svg" class="stuff-ico-op" alt="Icône Autre ouverte">
|
||
|
|
</div>
|
||
|
|
<div class="text">Autre</div>
|
||
|
|
</a>
|
||
|
|
</nav>
|
||
|
|
</header>
|
||
|
|
<hr>
|
||
|
|
<main>
|
||
|
|
<h1>Collection de photos</h1>
|
||
|
|
<p>Note : Parfois étonnantes, souvent imparfaites, mais toujours très amateurs, ces images ont été réduites de plus de 70 %.</p>
|
||
|
|
<div class="collection">
|
||
|
|
<button id="left" onclick="left()"><</button>
|
||
|
|
<figure>
|
||
|
|
<img src="../assets/photo/miniature/20230816-0.jpg" alt="Prise le 16/08/2023" id="mainFrame">
|
||
|
|
<figcaption id="desc">Prise le 16/08/2023 - <a href="../assets/photo/original/20230816-0.jpg">Image orignale</a></figcaption>
|
||
|
|
</figure>
|
||
|
|
<button id="right" onclick="right()">></button>
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
</body>
|
||
|
|
<footer>
|
||
|
|
<div>
|
||
|
|
<b>contact</b> <i>chez</i> <b>uwo.nya.pub</b> - <a href="https://www.creativecommons.org/licenses/by-sa/4.0/deed.fr" target="_blank" rel="noopener noreferrer">CC BY-SA 4.0</a> - <a rel="me" href="https://mamot.fr/@_" rel="noopener noreferrer">Mastodon</a>
|
||
|
|
</div>
|
||
|
|
</footer>
|
||
|
|
|
||
|
|
</html>
|
||
|
|
|
||
|
|
|