-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'dev' of https://github.com/Le-Trefle-2-0/Website into dev
- Loading branch information
Showing
3 changed files
with
177 additions
and
17 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -20,6 +20,7 @@ | |
| { | ||
| "link-name": "off" | ||
| } | ||
| ] | ||
| ], | ||
| "disown-opener": "off" | ||
| } | ||
| } | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,159 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="fr-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" /><script src="https://cdn.counter.dev/script.js" data-id="f57a9dd6-2304-43c0-911b-bf75b45766bb" data-utcoffset="1"></script> | ||
| <meta name="description" content="Devenir bénévole au sein de l'association d'écoute Trèfle 2.0" /> | ||
| <meta name="keywords" content="recrutements, association, écoute, trèfle, 2.0, soutien moral, discord" /> | ||
| <title>Le Trèfle 2.0 - Recrutements</title> | ||
| <link rel="stylesheet" href="/benevoles/poste/style/main.css" /> | ||
| <link rel="icon" href="/assets/logo.svg" /> | ||
| </head> | ||
|
|
||
| <body> | ||
| <nav> | ||
| <div class="left"> | ||
| <a href="/"> | ||
| <img src="/assets/logo.svg" alt="Logo de l'association"> | ||
| <h1>Le Trèfle 2.0</h1> | ||
| </a> | ||
| </div> | ||
| <div class="right"> | ||
| <a href="/benevoles">Devenir bénévole</a> | ||
| <a onclick="openForm()">Contact</a> | ||
| <a href="/don" class="don">Faire un don</a> | ||
| </div> | ||
| </nav> | ||
|
|
||
| <div class="contact" id="contact"> | ||
| <div class="contact-box"> | ||
| <div class="close" onclick="closeForm()">X</div> | ||
| <h2>Nous contacter :</h2> | ||
| <form class="contact-form" action="https://api.web3forms.com/submit" method="post"> | ||
| <input type="hidden" name="access_key" value="ca3e2c67-3898-45e6-9d7a-8ba7329ccdff"/> | ||
| <input type="hidden" name="subject" value="Nouveau message depuis letrefle.org"> | ||
| <input type="hidden" name="from_name" value="Formulaire Contact"> | ||
|
|
||
| <input type="text" name="name" placeholder="Nom" required/> | ||
| <input type="email" name="email" placeholder="Adresse courriel" required/> | ||
| <textarea class="textarea" name="message" placeholder="Message" required></textarea class="textarea"> | ||
| <button type="submit">Envoyer</button> | ||
| </form> | ||
| </div> | ||
| </div> | ||
| <script src="/main.js"></script> | ||
|
|
||
| <div class="page"> | ||
| <h1>Recrutement - Graphiste (18 ans minimum)</h1> | ||
|
|
||
| <div> | ||
| <h3>Préambule :</h3> | ||
| Sur différents projets, tel que des campagnes de communication ou la mise en place d’une image publique, Le Trèfle 2.0 nécessite régulièrement la production d’images, que ce soit en illustration, en autocollant ou émoji sur notre serveur Discord. | ||
| <br/><br/> | ||
| L’équipe de graphisme est donc plus largement responsable de la création de l’identité et du contenu graphique de l’association. | ||
| </p> | ||
| </div> | ||
|
|
||
| <div> | ||
| <h3>Tâches :</h3> | ||
| <ul> | ||
| <li>Création de visuels et contenus graphiques selon la charte graphique de l’association ;</li> | ||
| <li>Production de contenus créatifs en support pour des projets globaux de l’association.</li> | ||
| </ul> | ||
| </div> | ||
|
|
||
| <div> | ||
| <h3>Responsabilités :</h3> | ||
| <p> | ||
| Lors de la mise en place de chaque projet, des échéances seront définies afin de maintenir une organisation interne, chaque graphiste est donc responsable de la compréhension du projet en question et du respect des échéances mises en place d’un commun accord. | ||
| <br/><br/> | ||
| Les graphistes sont également responsables de l’originalité et de l’authenticité du contenu produit, tout plagiat ou non-respect des conditions de réutilisation de la production d’un tiers ne sera pas toléré. | ||
| <br/><br/> | ||
| <i>NB : pour des raisons de budget, l’association ne peut actuellement pas fournir les outils professionnels, tel que logiciels, tablette graphique ou autre, il est donc de la responsabilité des graphistes de fournir leurs propres outils. A savoir que certains logiciels gratuits tels que InkScape ou GIMP sont bien évidemment utilisables, aucune contrainte logicielle n’est imposée.</i> | ||
| </p> | ||
| </div> | ||
|
|
||
| <div> | ||
| <h3>Qualifications :</h3> | ||
| <ul> | ||
| <li>Un bon esprit d’équipe, de collaboration ainsi qu’un respect des échéances ;</li> | ||
| <li>Connaissances techniques des logiciels utilisés ;</li> | ||
| <li>Tout talent créatif et original est un atout.</li> | ||
| </ul> | ||
| </div> | ||
|
|
||
| <div> | ||
| <a onclick="applyForm(true)">Postuler</a> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="form" id="form"> | ||
| <div class="content"> | ||
| <div class="close" onclick="applyForm(false)">X</div> | ||
|
|
||
| <div class="top"> | ||
| <h2>Formulaire de candidature - Graphiste</h2> | ||
| <p>Merci pour l'intéret que vous apportez à notre association ainsi que pour votre volonté d'investissement. Afin de pouvoir répondre plus en détails à votre candidature nous vous demandons de bien vouloir remplir le formulaire ci-dessous.</p> | ||
| </div> | ||
|
|
||
|
|
||
| <form class="content-form" action="https://api.web3forms.com/submit" method="post"> | ||
| <input type="hidden" name="access_key" value="ca3e2c67-3898-45e6-9d7a-8ba7329ccdff"/> | ||
| <input type="hidden" name="subject" value="Le Trèfle 2.0 - Candidature Graphiste"> | ||
| <input type="hidden" name="from_name" value="Candidatures"> | ||
|
|
||
| <div class="input"> | ||
| <input type="text" name="Prénom" required> | ||
| <span>Prénom</span> | ||
| </div> | ||
|
|
||
| <div class="input"> | ||
| <input type="text" name="Nom" required> | ||
| <span>Nom</span> | ||
| </div> | ||
|
|
||
| <div class="input"> | ||
| <input type="email" name="email" required> | ||
| <span>Adresse courriel</span> | ||
| </div> | ||
|
|
||
| <div class="input large-input"> | ||
| <textarea class="textarea" type="text" name="Motivation" minlength="1" spellcheck="false" autocomplete="off" required></textarea class="textarea"> | ||
| <span>Quelle est votre motivation a intégrer l'association ?</span> | ||
| </div> | ||
|
|
||
| <button type="submit"> | ||
| <span>Postuler</span> | ||
| </button> | ||
| </form> | ||
|
|
||
| <div class="responsive-error"> | ||
| <span>Ce formulaire n'est pas encore disponible depuis cet appareil ! Merci d'utiliser un ordinateur.</span> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <script src="/benevoles/poste/forms.js"></script> | ||
|
|
||
| <footer> | ||
| <div class="left"> | ||
| <div class="img"> | ||
| <img src="/assets/logo.svg" alt="Logo de l'association"> | ||
| </div> | ||
| <div class="footer-text"> | ||
| <p>Le Trèfle 2.0<br/> | ||
| 324, chemin de Goulsou<br/> | ||
| 30120 Le Vigan<br/> | ||
| RNA : W30 300 5428 | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="right"> | ||
| <a href="/faq">F.A.Q.</a> | ||
| <a href="/legal">Mentions Légales</a> | ||
| <a href="/don" class="don">Faire un don</a> | ||
| </div> | ||
| </footer> | ||
| </body> | ||
| </html> |