63 lines
3.4 KiB
HTML
63 lines
3.4 KiB
HTML
|
<!DOCTYPE html>
|
||
|
<html lang="fr">
|
||
|
<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">
|
||
|
<link rel="icon" href="//api.gzod01.fr/pictures/gzod01.ico">
|
||
|
<link rel="stylesheet" href="//api.gzod01.fr/css/style.css">
|
||
|
<script src="//api.gzod01.fr/scripts/main.js"></script>
|
||
|
<title>Contact</title>
|
||
|
</head>
|
||
|
<body>
|
||
|
<div id="header"></div>
|
||
|
<div class=content>
|
||
|
<b>Me contacter par mail grâce au formulaire de contact</b>
|
||
|
<form onsubmit="sendmail()">
|
||
|
<label for="name">Votre nom:</label><input type="text" name="name" id=name><br>
|
||
|
<label for="email">Votre Email:</label><input type="email" name="email" id="email"><br>
|
||
|
<label for="objet">Le sujet:</label><br>
|
||
|
<select name="objet" id="objet">
|
||
|
<option value="">--Choisissez une option--</option>
|
||
|
<option value="infos">Demande d'infos</option>
|
||
|
<option value="suggest">Suggestion</option>
|
||
|
<option value="join"><abbr title="Si vous avez des compétences dans n'importe quel domaine et que vous voulez m'aider pour le site ou pour d'autres projets">Rejoindre</abbr></option>
|
||
|
<option value="parrot"><abbr title="veuillez préciser au début du message">Autres</abbr></option>
|
||
|
</select><br>
|
||
|
<label for=messagecontent>Votre message:</label><div contenteditable style="color: black; border: solid black; background-color: white" id="messagecontent" name="messagecontent">Votre message ici</div><br>
|
||
|
<button type="submit">Envoyer</button>
|
||
|
</form>
|
||
|
<script>
|
||
|
function gid(id){
|
||
|
return document.getElementById(id)
|
||
|
}
|
||
|
function sendmail(){
|
||
|
let bodystr = `Nom: ${gid('name').value} \n Email: ${gid('email').value}\n------\n${gid('messagecontent').innerHTML}`
|
||
|
let body = bodystr.replace('\n','<br>')
|
||
|
open(`mailto:gzod01@gzod01.fr?subject=${encodeURIComponent(gid('objet').value)}&body=${encodeURIComponent(body)}`)
|
||
|
}
|
||
|
</script><br><br>
|
||
|
<div name=line style="width:100%; border-bottom:solid 5px var(\-\-main-txt-color)"></div>
|
||
|
Ou me contacter grâce à mes moyens de communication ou les plateformes sur lesquelles je suis:
|
||
|
<a href="javascript:void(0)"title="GZod01">Steam</a> <a href="javascript:void(0)"title="G_Zod#1311">Discord</a> <a href="//github.com/gzod01/" title="GZod01">Github</a> <a href="//dsc.gg/cgms"title="Serveur Discord">Mon serveur discord</a> <a href="mailto:gzod01@gzod01.fr" title="gzod01@gzod01.fr">Mail</a>
|
||
|
<!--<b>Ou me contacter grâce à cette boite de commentaire (les commentaires peuvent être laisser anonymement)</b>
|
||
|
<div id="cusdis_thread"
|
||
|
data-host="https://cusdis.com"
|
||
|
B
|
||
|
data-app-id="2197b528-be9f-462b-98dc-57ac47aef210"
|
||
|
data-page-id="contact-form-mainsite"
|
||
|
data-page-url="//gzod01.fr/contact"
|
||
|
data-page-title="Me Contacter(MainSite)"
|
||
|
data-theme='auto'
|
||
|
></div>
|
||
|
<script async defer src="https://cusdis.com/js/cusdis.es.js"></script>
|
||
|
<script>let clschm = localStorage.getItem('colorscheme');
|
||
|
if(clschm === 'light' || clschm ==='dark'){
|
||
|
document.getElementById('cusdis_thread').setAttribute('data-theme',clschm)
|
||
|
} else{
|
||
|
document.getElementById('cusdis_thread').setAttribute('data-theme','auto')}</script>-->
|
||
|
</div>
|
||
|
<div id="footer"></div>
|
||
|
</body>
|
||
|
</html>
|