Théo Marchal
7d945f2bf4
Also optimized fonts, after discovering (when having all photos in one page) they were too heavy.
67 lines
3.0 KiB
HTML
67 lines
3.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Ginou • tableau nº</title>
|
|
<meta name="description" content="Site dédié à la mémoire et aux peintures de Geneviève Collignon, dite Ginou.">
|
|
<meta name="author" content="Famille Marchal">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="shortcut icon" href="images/favicon.png">
|
|
<link rel="stylesheet" href="styles/main.css" media="screen">
|
|
<script src="scripts/menu.js"></script>
|
|
<script src="plugins/jquery-3.5.1.min.js"></script>
|
|
<script src="scripts/painting.js"></script>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<nav>
|
|
<div id="hamburger">
|
|
<div class="container" onclick="mobilemenu()"><div class="bar1"></div><div class="bar2"></div><div class="bar3"></div></div>
|
|
</div>
|
|
<ul>
|
|
<li class="title">Ginou</li>
|
|
<li><a href="index.html">Accueil</a></li>
|
|
<li><a href="biographie.html">Biographie</a></li>
|
|
<li><a href="exposition.html">Exposition</a></li>
|
|
<li><a href="explorer.html">Explorer</a></li>
|
|
<li><a href="divers.html">Divers</a></li>
|
|
<li><a href="informations.html">Informations</a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
<article class="painting">
|
|
|
|
<div class="container">
|
|
<div></div>
|
|
<!-- fake div to center with a flex box -->
|
|
|
|
<div class="photo">
|
|
<img src="">
|
|
</div>
|
|
|
|
<div>
|
|
<ul class="metadata">
|
|
<li><span class="title">numéro :</span><span class="content number"> </span></li>
|
|
<li><span class="title">date :</span><span class="content date"> </span></li>
|
|
<li><span class="title">format :</span><span class="content dimension"> </span></li>
|
|
<li><span class="title">support :</span><span class="content support"> </span></li>
|
|
<li><span class="title">genre :</span><span class="content genre"> </span></li>
|
|
<li><span class="title">thème :</span><span class="content theme"> </span></li>
|
|
<li><span class="title">lieu :</span><span class="content place"> </span></li>
|
|
<li><span class="title">état photo :</span><span class="content photo"> </span></li>
|
|
<li><span class="title">aide requise :</span><span class="content help"> </span></li>
|
|
<li><span class="title">commentaire :</span><span class="content comment"> </span></li>
|
|
<li><span class="content original"><a href="photos/paintings/original/42.jpg">photo originale ⭧</a></span></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="info">
|
|
<span class="title"></span><span class="year"></span>
|
|
<span class="format"></span>
|
|
<span class="comment"> </span>
|
|
</div>
|
|
</article>
|
|
</body>
|
|
</html> |