photo_mem/index.html

65 lines
2.5 KiB
HTML

<!DOCTYPE html>
<html lang="fr">
<!--
Copyright © 2017-2021 J. PLISSON
Copyleft 🄯 2021-current Liness et al.
License: GNU AGPL v3
-->
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>photo_mem v1.0.0</title>
<!--v1.0.0 is not actual, it is set in script.js-->
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>photo_mem v<span class="version">1.0.0</span></h1>
</header>
<main>
<input id="file" multiple type="file" class=cotecote onChange="lecfic(this.files);" />
<input id="file" type="button" class=cotecote value="Enregistrer xml" onclick="enregistrer_fichier(enreg_xml)" />
<input id="file" type="button" class=cotecote value="Enregistrer image " onclick="image_finale()" />
<div style="position: relative; ">
<img src="" id="ima_fond" style="position: absolute; left: 0; top: 0; z-index: 0;">
</div>
<svg class="invisible" style="position: absolute" ;>
<circle id="cirsvg" cx="30" cy="30" r="28" />
</svg>
<div id="ajout" class="invisible" style="position: relative; z-index: 1;">
<form name="ajout_personne">
<center>
<font color="green">NOUVELLE PERSONNE</font>
</center>
Nom : <INPUT type="text" name="nom" id="nom" autofocus><BR>
Née : <INPUT type="text" name="nom_jf" id="nom_jeune_fille"><BR>
Prénom : <INPUT type="text" name="prénom" id="prenom"><BR>
Année : <INPUT type="text" name="année" id="annee"><BR>
Note : <INPUT type="text" name="note" id="note"><BR>
<INPUT type="reset" id="enreg" value="Ajouter" onClick=ajouter_personne_xml();>
<INPUT type="reset" value="Annuler" onClick='document.getElementById("ajout").className="invisible";'>
</form>
</div>
<div id="menu_modif" class="invisible">
<div id="modifier" onClick="window.print();menu.style.visibility='hidden';">modifier </div>
<div id="supprimer" onClick="supprimer_personne();menu.style.visibility='hidden';">supprimer</div>
<div id="annuler" onClick="menu.style.visibility='hidden';">annuler</div>
</div>
</main>
<footer>
<div class="center">
&#127279; Liness <em>et al.</em>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>