mirror of
https://scm.univ-tours.fr/22107988t/rappaurio-sae501_502.git
synced 2025-08-29 23:55:58 +02:00
Revert "permet l'ajout des frameworks et des routes"
This reverts commit 361112699c
This commit is contained in:
Dario Duchateau-weinberger
@@ -1,71 +0,0 @@
|
||||
|
||||
<section class="relative z-10 pt-[180px] pb-[120px]">
|
||||
<div class="container">
|
||||
<div class="flex flex-wrap mx-[-16px]">
|
||||
<div class="w-full px-4">
|
||||
<div class="max-w-[530px] mx-auto text-center">
|
||||
<div class="mx-auto mb-9 text-center">
|
||||
<svg class="w-full mx-auto text-center" height="210" viewBox="0 0 474 210" fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path opacity="0.5"
|
||||
d="M25 163.051H101.211V191H133.308V163.051H153V136.111H133.308V32H91.2871L25 136.577V163.051ZM101.831 136.111H58.8025V134.869L100.591 68.6445H101.831V136.111Z"
|
||||
stroke="url(#paint0_linear_116:1137)" stroke-width="3" />
|
||||
<path opacity="0.5"
|
||||
d="M307 133.051H383.211V161H415.308V133.051H435V106.111H415.308V2H373.287L307 106.577V133.051ZM383.831 106.111H340.803V104.869L382.591 38.6445H383.831V106.111Z"
|
||||
stroke="url(#paint1_linear_116:1137)" stroke-width="3" />
|
||||
<circle opacity="0.8" cx="227.5" cy="81.5" r="68.5" fill="#4A6CF7" />
|
||||
<mask id="mask0_116:1137" style="mask-type: alpha" maskUnits="userSpaceOnUse" x="159"
|
||||
y="13" width="137" height="137">
|
||||
<circle opacity="0.8" cx="227.5" cy="81.5" r="68.5" fill="#4A6CF7" />
|
||||
</mask>
|
||||
<g mask="url(#mask0_116:1137)">
|
||||
<circle opacity="0.8" cx="227.5" cy="81.5" r="68.5"
|
||||
fill="url(#paint2_radial_116:1137)" />
|
||||
<g opacity="0.8" filter="url(#filter0_f_116:1137)">
|
||||
<circle cx="233.543" cy="49.2645" r="28.2059" fill="white" />
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_f_116:1137" x="175.337" y="-8.94141" width="116.412"
|
||||
height="116.412" filterUnits="userSpaceOnUse"
|
||||
color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix" />
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix"
|
||||
result="shape" />
|
||||
<feGaussianBlur stdDeviation="15" result="effect1_foregroundBlur_116:1137" />
|
||||
</filter>
|
||||
<linearGradient id="paint0_linear_116:1137" x1="25" y1="183" x2="126.155"
|
||||
y2="27.0837" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#4A6CF7" stop-opacity="0" />
|
||||
<stop offset="1" stop-color="#4A6CF7" />
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_116:1137" x1="307" y1="153" x2="408.155"
|
||||
y2="-2.91631" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#4A6CF7" stop-opacity="0" />
|
||||
<stop offset="1" stop-color="#4A6CF7" />
|
||||
</linearGradient>
|
||||
<radialGradient id="paint2_radial_116:1137" cx="0" cy="0" r="1"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(227.5 81.5) rotate(90) scale(73.5368)">
|
||||
<stop stop-opacity="0.47" />
|
||||
<stop offset="1" stop-opacity="0" />
|
||||
</radialGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="font-bold text-black dark:text-white text-3xl sm:text-4xl mb-4">
|
||||
Oups ! La page n'a pas été trouvée.
|
||||
</h3>
|
||||
<p
|
||||
class="font-medium text-body-color text-base sm:text-lg leading-relaxed sm:leading-relaxed mb-10">
|
||||
La page que vous avez demandée peut avoir été déplacée, supprimée ou n'a jamais existé. Vous avez peut-être suivi un lien incorrect ou une URL mal orthographiée.
|
||||
</p>
|
||||
<a href="/" class="text-base font-semibold text-white bg-primary py-4 px-8 hover:bg-opacity-80 mx-2 rounded-md transition duration-300 ease-in-out">
|
||||
page d'accueil
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -1,30 +0,0 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<section id="home"
|
||||
class="relative overflow-hidden z-10 pt-[120px] pb-[110px] md:pt-[150px] md:pb-[120px] xl:pt-[180px] xl:pb-[160px] 2xl:pt-[210px] 2xl:pb-[200px]">
|
||||
<div class="container">
|
||||
<div class="flex flex-wrap mx-[-16px]">
|
||||
<div class="w-full px-4">
|
||||
|
||||
|
||||
<table>
|
||||
|
||||
<!-- Statistiques -->
|
||||
<tr>
|
||||
<th style="background-color: #202932 ; text-align:center; padding: 12px;" colspan="2">HISTORIQUE</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Nom</th>
|
||||
<td>Bidon</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -1,455 +0,0 @@
|
||||
<!--BIENVENUE-->
|
||||
|
||||
<section id="home"
|
||||
class="relative overflow-hidden z-10 pt-[120px] pb-[110px] md:pt-[150px] md:pb-[120px] xl:pt-[180px] xl:pb-[160px] 2xl:pt-[210px] 2xl:pb-[200px]">
|
||||
<div class="container">
|
||||
<div class="flex flex-wrap mx-[-16px]">
|
||||
<div class="w-full px-4">
|
||||
<div class="mx-auto max-w-[570px] text-center wow fadeInUp" data-wow-delay=".2s">
|
||||
<h1
|
||||
class="text-black dark:text-white font-bold text-3xl sm:text-4xl md:text-5xl leading-tight sm:leading-tight md:leading-tight mb-8">
|
||||
Comparateur d'articles Wikipédia
|
||||
</h1>
|
||||
<img src="assets/images/wikipedia.png" alt="logo wikipedia" width="150"
|
||||
class="mx-auto mb-8 dark:hidden" />
|
||||
<img src="assets/images/wikipedia-dark.png" alt="logo wikipedia" width="150"
|
||||
class="mx-auto mb-8 hidden dark:block" />
|
||||
<p
|
||||
class="font-lg text-lg md:text-xl leading-relaxed md:leading-relaxed text-body-color dark:text-white dark:opacity-90 mb-12">
|
||||
Bienvenue sur notre outil de comparaison d'articles Wikipédia ! Cet outil permet de comparer les
|
||||
données contenues dans les infoboîtes ainsi que les statistiques liées aux utilisateurs tels que
|
||||
les
|
||||
vues et le nombre de contributions.
|
||||
</p>
|
||||
<div class="flex items-center justify-center">
|
||||
<a href="/#comparaison" id="letzgooo"
|
||||
class="text-base font-semibold text-white bg-primary py-4 px-8 hover:bg-opacity-80 mx-2 rounded-md transition duration-300 ease-in-out">
|
||||
C'est parti !
|
||||
</a>
|
||||
<!--
|
||||
<a href="/#savoir-plus"
|
||||
class="text-base font-semibold text-black bg-black bg-opacity-10 dark:text-white dark:bg-white dark:bg-opacity-10 py-4 px-8 hover:bg-opacity-20 dark:hover:bg-opacity-20 mx-2 rounded-md transition duration-300 ease-in-out">
|
||||
En savoir plus
|
||||
</a>
|
||||
-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!--COMPARAISON DES SITES-->
|
||||
|
||||
<section id="comparaison" class="pt-[120px] overflow-hidden">
|
||||
|
||||
<!--ENVOYER LA COMPARAISON-->
|
||||
<div class="container">
|
||||
<div class="flex flex-wrap mx-[-16px]">
|
||||
<div class="w-full px-4">
|
||||
<div class="bg-dark bg-opacity-15 dark:text-white dark:bg-dark rounded-md p-11 mb-4 lg:mb-5 sm:p-[55px] lg:p-11 xl:p-[55px] wow fadeInUp"
|
||||
data-wow-delay=".15s">
|
||||
|
||||
<h2
|
||||
class="font-bold text-white dark:text-white text-2xl sm:text-3xl lg:text-2xl xl:text-3xl mb-6 flex items-center justify-center">
|
||||
Articles à Comparer
|
||||
</h2>
|
||||
<p class="text-body-color text-base font-medium mb-16 flex items-center justify-center">
|
||||
Completer les champs suivant :
|
||||
</p>
|
||||
|
||||
<!--FORMULAIRE-->
|
||||
<form id="formulaire-comp" method="POST" autocomplete="off">
|
||||
<div class="flex flex-wrap mx-[-16px] p-10">
|
||||
<div class="w-full md:w-1/2 px-4">
|
||||
<div class="mb-8">
|
||||
<label for="name" class="block text-sm font-medium text-white dark:text-white mb-3">
|
||||
Premier article <sup class="text-body-color">*</sup>
|
||||
</label>
|
||||
|
||||
<input type="text" name="articleTitle1" id="articleTitle1" required="required"
|
||||
autocomplete="new-password" placeholder="Rechercher un article..."
|
||||
class="w-full border border-transparent bg-primary bg-opacity-10 dark:bg-[#242B51] rounded-md shadow-one dark:shadow-signUp py-3 px-6 text-body-color text-base placeholder-body-color outline-none focus-visible:shadow-none focus:border-primary" />
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-full mb-8 md:w-1/2 px-4">
|
||||
<div class="mb-8 ">
|
||||
<label for="text" class="block text-sm font-medium text-white dark:text-white mb-3">
|
||||
Deuxième article <sup class="text-body-color">*</sup>
|
||||
</label>
|
||||
<input type="text" name="articleTitle2" id="articleTitle2" required="required"
|
||||
autocomplete="new-password" placeholder="Rechercher un article..."
|
||||
class="w-full border border-transparent bg-primary bg-opacity-10 dark:bg-[#242B51] rounded-md shadow-one dark:shadow-signUp py-3 px-6 text-body-color text-base placeholder-body-color outline-none focus-visible:shadow-none focus:border-primary " />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-full px-4 flex items-center justify-center">
|
||||
<button type="submit"
|
||||
class="text-base mb-16 font-medium text-white bg-primary py-4 px-9 hover:bg-opacity-80 hover:shadow-signUp rounded-md transition duration-300 ease-in-out">
|
||||
Comparer
|
||||
</button>
|
||||
</div>
|
||||
<sup class="text-body-color">* champs obligatoires</sup>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!--RESULTAT RECHERCHE-->
|
||||
<section id="resultat" class="pt-[120px] pb-[120px]">
|
||||
<div class="container">
|
||||
<div class="flex flex-wrap mx-[-16px] justify-center">
|
||||
|
||||
<!--ANNIMATION CHAREMENT-->
|
||||
<div id="loading" class="hidden">
|
||||
<div class="loadingio-spinner-dual-ring-4e7xs5jqq4d">
|
||||
<div class="ldio-jzq166pp4c">
|
||||
<div></div>
|
||||
<div>
|
||||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--RESULTAT INTROUVABLE-->
|
||||
<div id="articleIntrouvable"
|
||||
class="hidden font-lg text-lg md:text-xl leading-relaxed md:leading-relaxed text-body-color dark:text-white dark:opacity-90 mb-12 text-center">
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!--Article 1-->
|
||||
|
||||
<div id="articleContainer1" class="w-full md:w-2/3 lg:w-1/2 xl:w-2/4 px-4 hidden">
|
||||
<div class="relative bg-dark bg-opacity-15 text-white dark:text-white dark:bg-dark shadow-one rounded-md overflow-hidden mb-10 wow fadeInUp"
|
||||
data-wow-delay=".1s">
|
||||
|
||||
<div class="p-6 sm:p-8 md:py-8 md:px-6 lg:p-8 xl:py-8 xl:px-5 2xl:p-8 mb-12 pb-4">
|
||||
<div
|
||||
class="mb-12 pb-8 border-b border-body-color border-opacity-5 dark:border-white dark:border-opacity-10">
|
||||
<h3 class="font-bold text-white dark:text-white text-xl sm:text-2xl block mb-6">
|
||||
<span id="articleInfo1Title"></span>
|
||||
</h3>
|
||||
<p id="articleInfo1extract" class="pb-8"></p>
|
||||
|
||||
<div class="flex items-center justify-center">
|
||||
<a id="articleInfo1url" href="#" target="_blank"
|
||||
class="text-base font-semibold bg-opacity-10 text-white bg-white py-4 px-8 hover:bg-opacity-20 mx-2 rounded-md transition duration-300 ease-in-out">
|
||||
Voir l'article (wiki)
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<table>
|
||||
<!-- Infobox -->
|
||||
<tr>
|
||||
<th style="background-color: #151b20; text-align:center; padding: 12px;"
|
||||
colspan="2">INFOBOX</th>
|
||||
</tr>
|
||||
|
||||
<tbody id="infoboxcontainer1"></tbody>
|
||||
|
||||
<!-- Statistiques -->
|
||||
<tr>
|
||||
<th style="background-color: #151b20 ; text-align:center; padding: 12px;"
|
||||
colspan="2">STATISTIQUES</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Dernière modification</th>
|
||||
<td><span id="articleInfo1lastEdit"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Nombre de révisions</th>
|
||||
<td><span id="articleInfo1numRevisions"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Taille de la page</th>
|
||||
<td><span id="articleInfo1pageSize"></span> octets</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Auteur de la première révision</th>
|
||||
<td><span id="articleInfo1firstRevisionUser"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>ID de la dernière révision</th>
|
||||
<td><span id="articleInfo1latestRevisionId"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>ID de la page</th>
|
||||
<td><span id="articleInfo1pageId"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Dernière version</th>
|
||||
<td><span id="articleInfo1latestVersion"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Nombre de mots</th>
|
||||
<td><span id="articleInfo1wordCount"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Nombre de caractères</th>
|
||||
<td><span id="articleInfo1charCount"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Dernier contributeur</th>
|
||||
<td><span id="articleInfo1lastContributor"></span></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
<a id="articleInfo1image" href="#" class="w-full block relative" target="_blank">
|
||||
<img id="articleInfo1image" src="#" alt="image" class="w-full" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--Article 2-->
|
||||
|
||||
<div id="articleContainer2" class="w-full md:w-2/3 lg:w-1/2 xl:w-2/4 px-4 hidden">
|
||||
<div class="relative bg-dark bg-opacity-15 text-white dark:text-white dark:bg-dark shadow-one rounded-md overflow-hidden mb-10 wow fadeInUp"
|
||||
data-wow-delay=".1s">
|
||||
|
||||
<div class="p-6 sm:p-8 md:py-8 md:px-6 lg:p-8 xl:py-8 xl:px-5 2xl:p-8 mb-12 pb-4">
|
||||
<div
|
||||
class="mb-12 pb-8 border-b border-body-color border-opacity-5 dark:border-white dark:border-opacity-10">
|
||||
<h3>
|
||||
<h3 class="font-bold text-white dark:text-white text-xl sm:text-2xl block mb-6">
|
||||
<span id="articleInfo2Title"></span>
|
||||
</h3>
|
||||
</h3>
|
||||
<p id="articleInfo2extract" class="pb-8"></p>
|
||||
<div class="flex items-center justify-center">
|
||||
<a id="articleInfo2url" href="#" target="_blank"
|
||||
class="text-base font-semibold bg-opacity-10 text-white bg-white py-4 px-8 hover:bg-opacity-20 mx-2 rounded-md transition duration-300 ease-in-out">
|
||||
Voir l'article (wiki)
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<table>
|
||||
<!-- Infobox -->
|
||||
<tr>
|
||||
<th style="background-color: #151b20; text-align:center; padding: 12px;"
|
||||
colspan="2">INFOBOX</th>
|
||||
</tr>
|
||||
|
||||
<tbody id="infoboxcontainer2"></tbody>
|
||||
|
||||
<!-- Statistiques -->
|
||||
<tr>
|
||||
<th style="background-color: #151b20 ; text-align:center; padding: 12px;"
|
||||
colspan="2">STATISTIQUES</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Dernière modification</th>
|
||||
<td><span id="articleInfo2lastEdit"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Nombre de révisions</th>
|
||||
<td><span id="articleInfo2numRevisions"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Taille de la page</th>
|
||||
<td><span id="articleInfo2pageSize"></span> octets</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Auteur de la première révision</th>
|
||||
<td><span id="articleInfo2firstRevisionUser"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>ID de la dernière révision</th>
|
||||
<td><span id="articleInfo2latestRevisionId"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>ID de la page</th>
|
||||
<td><span id="articleInfo2pageId"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Dernière version</th>
|
||||
<td><span id="articleInfo2latestVersion"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Nombre de mots</th>
|
||||
<td><span id="articleInfo2wordCount"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Nombre de caractères</th>
|
||||
<td><span id="articleInfo2charCount"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Dernier contributeur</th>
|
||||
<td><span id="articleInfo2lastContributor"></span></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<a id="articleInfo2image" href="#" class="w-full block relative" target="_blank">
|
||||
<img id="articleInfo2image" src="#" alt="image" class="w-full" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</section>
|
||||
|
||||
<!--EN SAVOIR PLUS-->
|
||||
|
||||
<!--
|
||||
<section id="savoir-plus" class="pt-[150px] pb-[120px]">
|
||||
<div class="container">
|
||||
<div class="flex flex-wrap justify-center mx-[-16px]">
|
||||
<div class="w-full lg:w-8/12 px-4">
|
||||
<div>
|
||||
<h2
|
||||
class="font-bold text-black dark:text-white text-3xl sm:text-4xl leading-tight sm:leading-tight mb-12 pb-4 border-b border-body-color border-opacity-5 dark:border-white dark:border-opacity-10">
|
||||
En savoir plus
|
||||
</h2>
|
||||
|
||||
<div>
|
||||
<p
|
||||
class="font-medium text-body-color text-base sm:text-lg lg:text-base xl:text-lg sm:leading-relaxed lg:leading-relaxed xl:leading-relaxed leading-relaxed mb-10">
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
|
||||
nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat.
|
||||
</p>
|
||||
<div class="w-full rounded overflow-hidden mb-10">
|
||||
<img src="assets/images/blog-details-02.jpg" alt="image"
|
||||
class="w-full h-full object-cover object-center" />
|
||||
</div>
|
||||
<p
|
||||
class="font-medium text-body-color text-base sm:text-lg lg:text-base xl:text-lg sm:leading-relaxed lg:leading-relaxed xl:leading-relaxed leading-relaxed mb-8">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
|
||||
incididunt ut labore et
|
||||
dolore magna aliqua. Quis enim lobortis scelerisque fermentum. Neque sodales ut
|
||||
etiam sit amet. Ligula ullamcorper
|
||||
<strong class="text-primary dark:text-white"> malesuada </strong>
|
||||
proin libero nunc consequat interdum varius. Quam pellentesque nec nam aliquam sem et
|
||||
tortor consequat.
|
||||
Pellentesque adipiscing commodo elit at imperdiet.
|
||||
</p>
|
||||
<p
|
||||
class="font-medium text-body-color text-base sm:text-lg lg:text-base xl:text-lg sm:leading-relaxed lg:leading-relaxed xl:leading-relaxed leading-relaxed mb-10">
|
||||
Semper auctor neque vitae tempus quam pellentesque nec.
|
||||
<span class="text-primary dark:text-white underline"> Amet dictum sit amet justo </span>
|
||||
donec enim diam. Varius sit amet mattis vulputate enim nulla aliquet porttitor. Odio
|
||||
pellentesque diam
|
||||
volutpat commodo sed.
|
||||
</p>
|
||||
<h3
|
||||
class="font-bold text-black dark:text-white font-xl sm:text-2xl lg:text-xl xl:text-2xl leading-tight sm:leading-tight lg:leading-tight xl:leading-tight mb-10">
|
||||
Digital marketplace for Ui/Ux designers.
|
||||
</h3>
|
||||
<p
|
||||
class="font-medium text-body-color text-base sm:text-lg lg:text-base xl:text-lg sm:leading-relaxed lg:leading-relaxed xl:leading-relaxed leading-relaxed mb-10">
|
||||
consectetur adipiscing elit in voluptate velit esse cillum dolore eu fugiat nulla
|
||||
pariatur. Excepteur
|
||||
sint occaecat mattis vulputate cupidatat.
|
||||
</p>
|
||||
<ul class="list-disc list-inside text-body-color mb-10">
|
||||
<li class="font-medium text-body-color text-base sm:text-lg lg:text-base xl:text-lg mb-2">
|
||||
Consectetur
|
||||
adipiscing elit in voluptate velit.</li>
|
||||
<li class="font-medium text-body-color text-base sm:text-lg lg:text-base xl:text-lg mb-2">
|
||||
Mattis
|
||||
vulputate cupidatat.</li>
|
||||
<li class="font-medium text-body-color text-base sm:text-lg lg:text-base xl:text-lg mb-2">
|
||||
Vulputate enim
|
||||
nulla aliquet porttitor odio pellentesque</li>
|
||||
<li class="font-medium text-body-color text-base sm:text-lg lg:text-base xl:text-lg mb-2">
|
||||
Ligula
|
||||
ullamcorper malesuada proin</li>
|
||||
</ul>
|
||||
<div
|
||||
class="rounded-md overflow-hidden p-8 md:p-9 lg:p-8 xl:p-9 bg-black bg-opacity-10 dark:text-white dark:bg-dark relative z-10 mb-10">
|
||||
<p class="text-center text-base text-body-color italic font-medium">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod incididunt
|
||||
utionals labore et
|
||||
dolore magna aliqua. Quis lobortis scelerisque fermentum, The Neque ut etiam
|
||||
sit amet.
|
||||
</p>
|
||||
</div>
|
||||
<p
|
||||
class="font-medium text-body-color text-base sm:text-lg lg:text-base xl:text-lg sm:leading-relaxed lg:leading-relaxed xl:leading-relaxed leading-relaxed mb-10">
|
||||
consectetur adipiscing elit in voluptate velit esse cillum dolore eu fugiat nulla
|
||||
pariatur. Excepteur
|
||||
sint occaecat mattis vulputate cupidatat.
|
||||
</p>
|
||||
|
||||
|
||||
<div
|
||||
class="sm:flex items-center justify-between py-6 border-t border-body-color border-opacity-5 dark:border-white dark:border-opacity-10">
|
||||
<div class="mb-5">
|
||||
<h5 class="font-medium text-body-color text-sm mb-3">
|
||||
Nous contacter :
|
||||
</h5>
|
||||
<div class="flex items-center">
|
||||
<a href="mailto:contact@dariow.fr" target="_blank"
|
||||
class="inline-flex items-center justify-center py-2 px-4 mr-4 rounded-md text-black bg-black bg-opacity-10 dark:text-white dark:bg-white dark:bg-opacity-10 hover:bg-opacity-20 dark:hover:bg-opacity-20 transition duration-300 ease-in-out">
|
||||
Dario WEINBERGER
|
||||
</a>
|
||||
|
||||
<a href="mailto:raphael.alexis.payet@gmail.com"
|
||||
class="inline-flex items-center justify-center py-2 px-4 mr-4 rounded-md text-black bg-black bg-opacity-10 dark:text-white dark:bg-white dark:bg-opacity-10 hover:bg-opacity-20 dark:hover:bg-opacity-20 transition duration-300 ease-in-out">
|
||||
Raphael PAYET
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-5">
|
||||
<h5 class="font-medium text-body-color text-sm sm:text-right mb-3">
|
||||
Code source du projet :
|
||||
</h5>
|
||||
<div class="flex items-center sm:justify-end">
|
||||
<a href="#gitea" target="_blank"
|
||||
class="inline-flex items-center justify-center w-9 h-9 sm:ml-3 rounded-md text-black bg-black bg-opacity-10 dark:text-white dark:bg-white dark:bg-opacity-10 hover:bg-opacity-20 dark:hover:bg-opacity-20 transition duration-300 ease-in-out">
|
||||
<svg version="1.1" id="main_outline" xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 640 640"
|
||||
style="enable-background:new 0 0 640 640; width: 28px;"
|
||||
xml:space="preserve">
|
||||
<g>
|
||||
<path id="teabag" style="fill:#FFFFFF"
|
||||
d="M395.9,484.2l-126.9-61c-12.5-6-17.9-21.2-11.8-33.8l61-126.9c6-12.5,21.2-17.9,33.8-11.8 c17.2,8.3,27.1,13,27.1,13l-0.1-109.2l16.7-0.1l0.1,117.1c0,0,57.4,24.2,83.1,40.1c3.7,2.3,10.2,6.8,12.9,14.4 c2.1,6.1,2,13.1-1,19.3l-61,126.9C423.6,484.9,408.4,490.3,395.9,484.2z" />
|
||||
<g>
|
||||
<g>
|
||||
<path style="fill:#609926"
|
||||
d="M622.7,149.8c-4.1-4.1-9.6-4-9.6-4s-117.2,6.6-177.9,8c-13.3,0.3-26.5,0.6-39.6,0.7c0,39.1,0,78.2,0,117.2 c-5.5-2.6-11.1-5.3-16.6-7.9c0-36.4-0.1-109.2-0.1-109.2c-29,0.4-89.2-2.2-89.2-2.2s-141.4-7.1-156.8-8.5 c-9.8-0.6-22.5-2.1-39,1.5c-8.7,1.8-33.5,7.4-53.8,26.9C-4.9,212.4,6.6,276.2,8,285.8c1.7,11.7,6.9,44.2,31.7,72.5 c45.8,56.1,144.4,54.8,144.4,54.8s12.1,28.9,30.6,55.5c25,33.1,50.7,58.9,75.7,62c63,0,188.9-0.1,188.9-0.1s12,0.1,28.3-10.3 c14-8.5,26.5-23.4,26.5-23.4s12.9-13.8,30.9-45.3c5.5-9.7,10.1-19.1,14.1-28c0,0,55.2-117.1,55.2-231.1 C633.2,157.9,624.7,151.8,622.7,149.8z M125.6,353.9c-25.9-8.5-36.9-18.7-36.9-18.7S69.6,321.8,60,295.4 c-16.5-44.2-1.4-71.2-1.4-71.2s8.4-22.5,38.5-30c13.8-3.7,31-3.1,31-3.1s7.1,59.4,15.7,94.2c7.2,29.2,24.8,77.7,24.8,77.7 S142.5,359.9,125.6,353.9z M425.9,461.5c0,0-6.1,14.5-19.6,15.4c-5.8,0.4-10.3-1.2-10.3-1.2s-0.3-0.1-5.3-2.1l-112.9-55 c0,0-10.9-5.7-12.8-15.6c-2.2-8.1,2.7-18.1,2.7-18.1L322,273c0,0,4.8-9.7,12.2-13c0.6-0.3,2.3-1,4.5-1.5c8.1-2.1,18,2.8,18,2.8 l110.7,53.7c0,0,12.6,5.7,15.3,16.2c1.9,7.4-0.5,14-1.8,17.2C474.6,363.8,425.9,461.5,425.9,461.5z" />
|
||||
<path style="fill:#609926"
|
||||
d="M326.8,380.1c-8.2,0.1-15.4,5.8-17.3,13.8c-1.9,8,2.0,16.3,9.1,20c7.7,4,17.5,1.8,22.7-5.4 c5.1-7.1,4.3-16.9-1.8-23.1l24-49.1c1.5,0.1,3.7,0.2,6.2-0.5c4.1-0.9,7.1-3.6,7.1-3.6c4.2,1.8,8.6,3.8,13.2,6.1 c4.8,2.4,9.3,4.9,13.4,7.3c0.9,0.5,1.8,1.1,2.8,1.9c1.6,1.3,3.4,3.1,4.7,5.5c1.9,5.5-1.9,14.9-1.9,14.9 c-2.3,7.6-18.4,40.6-18.4,40.6c-8.1-0.2-15.3,5-17.7,12.5c-2.6,8.1,1.1,17.3,8.9,21.3c7.8,4,17.4,1.7,22.5-5.3 c5.0-6.8,4.6-16.3-1.1-22.6c1.9-3.7,3.7-7.4,5.6-11.3c5-10.4,13.5-30.4,13.5-30.4c0.9-1.7,5.7-10.3,2.7-21.3 c-2.5-11.4-12.6-16.7-12.6-16.7c-12.2-7.9-29.2-15.2-29.2-15.2s0-4.1-1.1-7.1c-1.1-3.1-2.8-5.1-3.9-6.3c4.7-9.7,9.4-19.3,14.1-29 c-4.1-2-8.1-4-12.2-6.1c-4.8,9.8-9.7,19.7-14.5,29.5c-6.7-0.1-12.9,3.5-16.1,9.4c-3.4,6.3-2.7,14.1,1.9,19.8 C343.2,346.5,335,363.3,326.8,380.1z" />
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
-->
|
||||
@@ -1,69 +0,0 @@
|
||||
|
||||
<section class="relative overflow-hidden z-10 pt-[180px] pb-[120px]">
|
||||
<div class="container">
|
||||
<div class="flex flex-wrap mx-[-16px]">
|
||||
<div class="w-full px-4">
|
||||
<div class="max-w-[500px] mx-auto bg-dark bg-opacity-15 dark:bg-dark rounded-md p-12 sm:p-[60px]">
|
||||
<h3 class="font-bold text-white dark:text-white text-2xl sm:text-3xl mb-6 text-center">
|
||||
Connexion à votre compte
|
||||
</h3>
|
||||
|
||||
<form>
|
||||
<div class="mb-8">
|
||||
<label for="email" class="block text-sm font-medium text-white dark:text-white mb-3">
|
||||
Your Email
|
||||
</label>
|
||||
<input type="email" name="email" placeholder="Entrer votre Email..."
|
||||
class="w-full border border-transparent bg-primary bg-opacity-10 dark:bg-[#242B51] rounded-md shadow-one dark:shadow-signUp py-3 px-6 text-body-color text-base placeholder-body-color outline-none focus-visible:shadow-none focus:border-primary" />
|
||||
</div>
|
||||
<div class="mb-8">
|
||||
<label for="password" class="block text-sm font-medium text-white dark:text-white mb-3">
|
||||
Your Password
|
||||
</label>
|
||||
<input type="password" name="password" placeholder="Entrer votre mot de passe..."
|
||||
class="w-full border border-transparent bg-primary bg-opacity-10 dark:bg-[#242B51] rounded-md shadow-one dark:shadow-signUp py-3 px-6 text-body-color text-base placeholder-body-color outline-none focus-visible:shadow-none focus:border-primary" />
|
||||
</div>
|
||||
<div class="flex items-center justify-between mb-8">
|
||||
<div>
|
||||
<label for="checkboxLabel"
|
||||
class="flex items-center cursor-pointer text-body-color text-sm font-medium select-none">
|
||||
<div class="relative">
|
||||
<input type="checkbox" id="checkboxLabel" class="sr-only" />
|
||||
<div
|
||||
class="box flex items-center justify-center w-5 h-5 rounded border border-body-color border-opacity-20 dark:border-white dark:border-opacity-10 mr-4">
|
||||
<span class="opacity-0">
|
||||
<svg width="11" height="8" viewBox="0 0 11 8" fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M10.0915 0.951972L10.0867 0.946075L10.0813 0.940568C9.90076 0.753564 9.61034 0.753146 9.42927 0.939309L4.16201 6.22962L1.58507 3.63469C1.40401 3.44841 1.11351 3.44879 0.932892 3.63584C0.755703 3.81933 0.755703 4.10875 0.932892 4.29224L0.932878 4.29225L0.934851 4.29424L3.58046 6.95832C3.73676 7.11955 3.94983 7.2 4.1473 7.2C4.36196 7.2 4.55963 7.11773 4.71406 6.9584L10.0468 1.60234C10.2436 1.4199 10.2421 1.1339 10.0915 0.951972ZM4.2327 6.30081L4.2317 6.2998C4.23206 6.30015 4.23237 6.30049 4.23269 6.30082L4.2327 6.30081Z"
|
||||
fill="#3056D3" stroke="#3056D3" stroke-width="0.4" />
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
Rester connecté
|
||||
</label>
|
||||
</div>
|
||||
<div>
|
||||
<a href="javascript:void(0)"
|
||||
class="text-primary text-sm font-medium hover:underline">
|
||||
Mot de passe oublié? </a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-6">
|
||||
<button
|
||||
class="w-full flex items-center justify-center text-base font-medium text-white bg-primary py-4 px-9 hover:shadow-signUp hover:bg-opacity-80 transition duration-300 ease-in-out rounded-md">
|
||||
Connexion
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
<p class="font-medium text-base text-body-color text-center">
|
||||
Vous n'avez pas de compte?
|
||||
<a href="/inscription" class="text-primary hover:underline"> Inscription </a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -1,78 +0,0 @@
|
||||
|
||||
<section class="relative overflow-hidden z-10 pt-[180px] pb-[120px]">
|
||||
<div class="container">
|
||||
<div class="flex flex-wrap mx-[-16px]">
|
||||
<div class="w-full px-4">
|
||||
<div class="max-w-[500px] mx-auto bg-dark bg-opacity-15 dark:bg-dark rounded-md p-12 sm:p-[60px]">
|
||||
<h3 class="font-bold text-white dark:text-white text-2xl sm:text-3xl mb-6 text-center">
|
||||
Créez votre compte
|
||||
</h3>
|
||||
<form>
|
||||
<div class="mb-8">
|
||||
<label for="name" class="block text-sm font-medium text-white dark:text-white mb-3">
|
||||
Votre nom </label>
|
||||
<input type="text" name="name" placeholder="Entrer votre nom..."
|
||||
class="w-full border border-transparent bg-primary bg-opacity-10 dark:bg-[#242B51] rounded-md shadow-one dark:shadow-signUp py-3 px-6 text-body-color text-base placeholder-body-color outline-none focus-visible:shadow-none focus:border-primary" />
|
||||
</div>
|
||||
<div class="mb-8">
|
||||
<label for="email" class="block text-sm font-medium text-white dark:text-white mb-3">
|
||||
Votre Email </label>
|
||||
<input type="email" name="email" placeholder="Entrer votre Email..."
|
||||
class="w-full border border-transparent bg-primary bg-opacity-10 dark:bg-[#242B51] rounded-md shadow-one dark:shadow-signUp py-3 px-6 text-body-color text-base placeholder-body-color outline-none focus-visible:shadow-none focus:border-primary" />
|
||||
</div>
|
||||
<div class="mb-12">
|
||||
<label for="password" class="block text-sm font-medium text-white dark:text-white mb-3">
|
||||
Votre mot de passe
|
||||
</label>
|
||||
<input type="password" name="password" placeholder="Entrer votre mot de passe..."
|
||||
class="w-full border border-transparent bg-primary bg-opacity-10 dark:bg-[#242B51] rounded-md shadow-one dark:shadow-signUp py-3 px-6 text-body-color text-base placeholder-body-color outline-none focus-visible:shadow-none focus:border-primary" />
|
||||
</div>
|
||||
|
||||
<!-- CONDITIONS D'UTILISATION
|
||||
|
||||
<div class="flex mb-8">
|
||||
<label for="checkboxLabel"
|
||||
class="flex cursor-pointer text-body-color text-sm font-medium select-none">
|
||||
<div class="relative">
|
||||
<input type="checkbox" id="checkboxLabel" class="sr-only" />
|
||||
<div
|
||||
class="box flex items-center justify-center w-5 h-5 rounded border border-body-color border-opacity-20 dark:border-white dark:border-opacity-10 mr-4 mt-1">
|
||||
<span class="opacity-0">
|
||||
<svg width="11" height="8" viewBox="0 0 11 8" fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M10.0915 0.951972L10.0867 0.946075L10.0813 0.940568C9.90076 0.753564 9.61034 0.753146 9.42927 0.939309L4.16201 6.22962L1.58507 3.63469C1.40401 3.44841 1.11351 3.44879 0.932892 3.63584C0.755703 3.81933 0.755703 4.10875 0.932892 4.29224L0.932878 4.29225L0.934851 4.29424L3.58046 6.95832C3.73676 7.11955 3.94983 7.2 4.1473 7.2C4.36196 7.2 4.55963 7.11773 4.71406 6.9584L10.0468 1.60234C10.2436 1.4199 10.2421 1.1339 10.0915 0.951972ZM4.2327 6.30081L4.2317 6.2998C4.23206 6.30015 4.23237 6.30049 4.23269 6.30082L4.2327 6.30081Z"
|
||||
fill="#3056D3" stroke="#3056D3" stroke-width="0.4" />
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<span>
|
||||
By creating account means you agree to the
|
||||
<a href="javascript:void(0)" class="text-primary hover:underline"> Terms and
|
||||
Conditions </a>
|
||||
, and our
|
||||
<a href="javascript:void(0)" class="text-primary hover:underline"> Privacy
|
||||
Policy </a>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
-->
|
||||
|
||||
<div class="mb-6">
|
||||
<button
|
||||
class="w-full flex items-center justify-center text-base font-medium text-white bg-primary py-4 px-9 hover:shadow-signUp hover:bg-opacity-80 transition duration-300 ease-in-out rounded-md">
|
||||
Inscription
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
<p class="font-medium text-base text-body-color text-center">
|
||||
Déjà un compte?
|
||||
<a href="/connexion" class="text-primary hover:underline"> Connexion </a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -1,176 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr" class="{{ theme }}">
|
||||
|
||||
<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" />
|
||||
<meta name="title" content="Rappaurio | Projet Universitaire" />
|
||||
<meta name="darkreader-lock">
|
||||
<title>Rappaurio - Wiki</title>
|
||||
<link rel="icon" href="assets/images/icon.png">
|
||||
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
||||
<link href="assets/css/style.css" rel="stylesheet">
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-decoration: none;
|
||||
list-style: none;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
cookieBanner.init();
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body class="dark:bg-black">
|
||||
|
||||
<div id="cookieBlur"></div>
|
||||
|
||||
<!--BAR DE NAVIGATION-->
|
||||
|
||||
<header class="header bg-primary bg-opacity-5 bg-transparent absolute top-0 left-0 z-40 w-full flex items-center">
|
||||
<div class="container">
|
||||
<div class="flex mx-[-16px] items-center justify-between relative">
|
||||
<div class="px-4 w-60 max-w-full">
|
||||
<a href="/" class="w-full block py-8 header-logo">
|
||||
<img src="assets/images/logo-2.svg" alt="logo" class="w-full dark:hidden" />
|
||||
<img src="assets/images/logo.svg" alt="logo" class="w-full hidden dark:block" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="flex px-4 justify-between items-center w-full">
|
||||
<div>
|
||||
<button id="navbarToggler" aria-label="Mobile Menu"
|
||||
class="block absolute right-4 top-1/2 translate-y-[-50%] lg:hidden focus:ring-2 ring-primary px-3 py-[6px] rounded-lg">
|
||||
<span class="relative w-[30px] h-[2px] my-[6px] block bg-dark dark:bg-white"></span>
|
||||
<span class="relative w-[30px] h-[2px] my-[6px] block bg-dark dark:bg-white"></span>
|
||||
<span class="relative w-[30px] h-[2px] my-[6px] block bg-dark dark:bg-white"></span>
|
||||
</button>
|
||||
<nav id="navbarCollapse"
|
||||
class="absolute py-5 lg:py-0 lg:px-4 xl:px-6 bg-white dark:bg-dark lg:dark:bg-transparent lg:bg-transparent shadow-lg rounded-lg max-w-[250px] w-full lg:max-w-full lg:w-full right-4 top-full hidden lg:block lg:static lg:shadow-none">
|
||||
<ul class="block lg:flex">
|
||||
<li class="relative group">
|
||||
<a href="/historique"
|
||||
class="text-base text-dark dark:text-white group-hover:opacity-70 py-2 lg:py-6 lg:inline-flex lg:px-0 flex mx-8 lg:mr-0">
|
||||
Historique
|
||||
</a>
|
||||
</li>
|
||||
<!--
|
||||
<li class="relative group">
|
||||
<a href="/erreur"
|
||||
class="text-base text-dark dark:text-white group-hover:opacity-70 py-2 lg:py-6 lg:inline-flex lg:px-0 flex mx-8 lg:mr-0 lg:ml-8 xl:ml-12">
|
||||
Erreur 404
|
||||
</a>
|
||||
</li>
|
||||
-->
|
||||
<li class="relative group submenu-item">
|
||||
<a href="javascript:void(0)"
|
||||
class="text-base text-dark dark:text-white group-hover:opacity-70 py-2 lg:py-6 lg:inline-flex lg:pl-0 lg:pr-4 flex mx-8 lg:mr-0 lg:ml-8 xl:ml-12 relative after:absolute after:w-2 after:h-2 after:border-b-2 after:border-r-2 after:border-current after:rotate-45 lg:after:right-0 after:right-1 after:top-1/2 after:translate-y-[-50%] after:mt-[-2px]">
|
||||
Contact
|
||||
</a>
|
||||
<div
|
||||
class="submenu hidden relative lg:absolute w-[250px] top-full lg:top-[110%] left-0 rounded-md lg:shadow-lg p-4 lg:block lg:opacity-0 lg:invisible group-hover:opacity-100 lg:group-hover:visible lg:group-hover:top-full bg-white dark:bg-dark transition-[top] duration-300">
|
||||
<a href="https://blog-raph.dariow.fr/" target="_blank"
|
||||
class="block text-base rounded py-[10px] px-4 text-dark dark:text-white hover:opacity-70">
|
||||
Raphael Payet
|
||||
</a>
|
||||
<a href="https://blog.dariow.fr/" target="_blank"
|
||||
class="block text-base rounded py-[10px] px-4 text-dark dark:text-white hover:opacity-70">
|
||||
Dario Weinberger
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="visible md:invisible lg:invisible relative group submenu-item">
|
||||
<a href="javascript:void(0)"
|
||||
class="text-base text-dark dark:text-white group-hover:opacity-70 py-2 lg:py-6 lg:inline-flex lg:pl-0 lg:pr-4 flex mx-8 lg:mr-0 lg:ml-8 xl:ml-12 relative after:absolute after:w-2 after:h-2 after:border-b-2 after:border-r-2 after:border-current after:rotate-45 lg:after:right-0 after:right-1 after:top-1/2 after:translate-y-[-50%] after:mt-[-2px]">
|
||||
Plus
|
||||
</a>
|
||||
<div
|
||||
class="submenu hidden relative lg:absolute w-[150px] top-full lg:top-[110%] left-0 rounded-md lg:shadow-lg p-4 lg:block lg:opacity-0 lg:invisible group-hover:opacity-100 lg:group-hover:visible lg:group-hover:top-full bg-white dark:bg-dark transition-[top] duration-300">
|
||||
<a href="connexion"
|
||||
class="block text-base rounded py-[10px] px-4 text-dark dark:text-white hover:opacity-70">
|
||||
Connexion
|
||||
</a>
|
||||
<a href="inscription"
|
||||
class="block text-base font-bold rounded py-[10px] px-4 text-dark dark:text-white hover:opacity-70">
|
||||
Inscription
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="flex justify-end items-center pr-16 lg:pr-0">
|
||||
<a href="connexion"
|
||||
class="hidden visible sm:invisible md:block text-base font-bold text-dark dark:text-white hover:opacity-70 py-3 px-7">
|
||||
Connexion
|
||||
</a>
|
||||
<a href="inscription"
|
||||
class="hidden visible sm:invisible md:block text-base font-bold text-white bg-primary py-3 px-8 md:px-9 lg:px-6 xl:px-9 hover:shadow-signUp hover:bg-opacity-90 rounded-md transition ease-in-up duration-300">
|
||||
Inscription
|
||||
</a>
|
||||
<div>
|
||||
<label for="darkToggler"
|
||||
class="cursor-pointer w-9 h-9 md:w-14 md:h-14 rounded-full flex items-center justify-center bg-gray-2 dark:bg-dark-bg text-black dark:text-white">
|
||||
<input type="checkbox" name="darkToggler" id="darkToggler" class="sr-only" aria-label="darkToggler" />
|
||||
<svg viewBox="0 0 23 23" class="stroke-current dark:hidden w-5 h-5 md:w-6 md:h-6" fill="none">
|
||||
<path
|
||||
d="M9.55078 1.5C5.80078 1.5 1.30078 5.25 1.30078 11.25C1.30078 17.25 5.80078 21.75 11.8008 21.75C17.8008 21.75 21.5508 17.25 21.5508 13.5C13.3008 18.75 4.30078 9.75 9.55078 1.5Z"
|
||||
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
|
||||
</svg>
|
||||
<svg viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"
|
||||
class="hidden dark:block w-5 h-5 md:w-6 md:h-6">
|
||||
<mask id="path-1-inside-1_977:1934" fill="white">
|
||||
<path
|
||||
d="M12.0508 16.5C10.8573 16.5 9.71271 16.0259 8.8688 15.182C8.02489 14.3381 7.55078 13.1935 7.55078 12C7.55078 10.8065 8.02489 9.66193 8.8688 8.81802C9.71271 7.97411 10.8573 7.5 12.0508 7.5C13.2443 7.5 14.3888 7.97411 15.2328 8.81802C16.0767 9.66193 16.5508 10.8065 16.5508 12C16.5508 13.1935 16.0767 14.3381 15.2328 15.182C14.3888 16.0259 13.2443 16.5 12.0508 16.5ZM12.0508 18C13.6421 18 15.1682 17.3679 16.2934 16.2426C17.4186 15.1174 18.0508 13.5913 18.0508 12C18.0508 10.4087 17.4186 8.88258 16.2934 7.75736C15.1682 6.63214 13.6421 6 12.0508 6C10.4595 6 8.93336 6.63214 7.80814 7.75736C6.68292 8.88258 6.05078 10.4087 6.05078 12C6.05078 13.5913 6.68292 15.1174 7.80814 16.2426C8.93336 17.3679 10.4595 18 12.0508 18ZM12.0508 0C12.2497 0 12.4405 0.0790176 12.5811 0.21967C12.7218 0.360322 12.8008 0.551088 12.8008 0.75V3.75C12.8008 3.94891 12.7218 4.13968 12.5811 4.28033C12.4405 4.42098 12.2497 4.5 12.0508 4.5C11.8519 4.5 11.6611 4.42098 11.5205 4.28033C11.3798 4.13968 11.3008 3.94891 11.3008 3.75V0.75C11.3008 0.551088 11.3798 0.360322 11.5205 0.21967C11.6611 0.0790176 11.8519 0 12.0508 0V0ZM12.0508 19.5C12.2497 19.5 12.4405 19.579 12.5811 19.7197C12.7218 19.8603 12.8008 20.0511 12.8008 20.25V23.25C12.8008 23.4489 12.7218 23.6397 12.5811 23.7803C12.4405 23.921 12.2497 24 12.0508 24C11.8519 24 11.6611 23.921 11.5205 23.7803C11.3798 23.6397 11.3008 23.4489 11.3008 23.25V20.25C11.3008 20.0511 11.3798 19.8603 11.5205 19.7197C11.6611 19.579 11.8519 19.5 12.0508 19.5ZM24.0508 12C24.0508 12.1989 23.9718 12.3897 23.8311 12.5303C23.6905 12.671 23.4997 12.75 23.3008 12.75H20.3008C20.1019 12.75 19.9111 12.671 19.7705 12.5303C19.6298 12.3897 19.5508 12.1989 19.5508 12C19.5508 11.8011 19.6298 11.6103 19.7705 11.4697C19.9111 11.329 20.1019 11.25 20.3008 11.25H23.3008C23.4997 11.25 23.6905 11.329 23.8311 11.4697C23.9718 11.6103 24.0508 11.8011 24.0508 12ZM4.55078 12C4.55078 12.1989 4.47176 12.3897 4.33111 12.5303C4.19046 12.671 3.99969 12.75 3.80078 12.75H0.800781C0.601869 12.75 0.411103 12.671 0.270451 12.5303C0.129799 12.3897 0.0507813 12.1989 0.0507812 12C0.0507813 11.8011 0.129799 11.6103 0.270451 11.4697C0.411103 11.329 0.601869 11.25 0.800781 11.25H3.80078C3.99969 11.25 4.19046 11.329 4.33111 11.4697C4.47176 11.6103 4.55078 11.8011 4.55078 12ZM20.5363 3.5145C20.6769 3.65515 20.7559 3.84588 20.7559 4.04475C20.7559 4.24362 20.6769 4.43435 20.5363 4.575L18.4153 6.6975C18.3455 6.76713 18.2628 6.82235 18.1717 6.86C18.0806 6.89765 17.983 6.91699 17.8845 6.91692C17.6855 6.91678 17.4947 6.83758 17.354 6.69675C17.2844 6.62702 17.2292 6.54425 17.1915 6.45318C17.1539 6.36211 17.1345 6.26452 17.1346 6.16597C17.1348 5.96695 17.214 5.77613 17.3548 5.6355L19.4758 3.5145C19.6164 3.3739 19.8072 3.29491 20.006 3.29491C20.2049 3.29491 20.3956 3.3739 20.5363 3.5145ZM6.74678 17.304C6.88738 17.4446 6.96637 17.6354 6.96637 17.8342C6.96637 18.0331 6.88738 18.2239 6.74678 18.3645L4.62578 20.4855C4.48433 20.6221 4.29488 20.6977 4.09823 20.696C3.90158 20.6943 3.71347 20.6154 3.57442 20.4764C3.43536 20.3373 3.35648 20.1492 3.35478 19.9526C3.35307 19.7559 3.42866 19.5665 3.56528 19.425L5.68628 17.304C5.82693 17.1634 6.01766 17.0844 6.21653 17.0844C6.4154 17.0844 6.60614 17.1634 6.74678 17.304ZM20.5363 20.4855C20.3956 20.6261 20.2049 20.7051 20.006 20.7051C19.8072 20.7051 19.6164 20.6261 19.4758 20.4855L17.3548 18.3645C17.2182 18.223 17.1426 18.0336 17.1443 17.8369C17.146 17.6403 17.2249 17.4522 17.3639 17.3131C17.503 17.1741 17.6911 17.0952 17.8877 17.0935C18.0844 17.0918 18.2738 17.1674 18.4153 17.304L20.5363 19.425C20.6769 19.5656 20.7559 19.7564 20.7559 19.9552C20.7559 20.1541 20.6769 20.3449 20.5363 20.4855ZM6.74678 6.6975C6.60614 6.8381 6.4154 6.91709 6.21653 6.91709C6.01766 6.91709 5.82693 6.8381 5.68628 6.6975L3.56528 4.575C3.49365 4.50582 3.43651 4.42306 3.39721 4.33155C3.3579 4.24005 3.33721 4.14164 3.33634 4.04205C3.33548 3.94247 3.35445 3.84371 3.39216 3.75153C3.42988 3.65936 3.48557 3.57562 3.55598 3.5052C3.6264 3.43478 3.71014 3.37909 3.80232 3.34138C3.89449 3.30367 3.99325 3.2847 4.09283 3.28556C4.19242 3.28643 4.29083 3.30712 4.38233 3.34642C4.47384 3.38573 4.5566 3.44287 4.62578 3.5145L6.74678 5.6355C6.81663 5.70517 6.87204 5.78793 6.90985 5.87905C6.94766 5.97017 6.96712 6.06785 6.96712 6.1665C6.96712 6.26515 6.94766 6.36283 6.90985 6.45395C6.87204 6.54507 6.81663 6.62783 6.74678 6.6975Z" />
|
||||
</mask>
|
||||
<path
|
||||
d="M12.0508 16.5C10.8573 16.5 9.71271 16.0259 8.8688 15.182C8.02489 14.3381 7.55078 13.1935 7.55078 12C7.55078 10.8065 8.02489 9.66193 8.8688 8.81802C9.71271 7.97411 10.8573 7.5 12.0508 7.5C13.2443 7.5 14.3888 7.97411 15.2328 8.81802C16.0767 9.66193 16.5508 10.8065 16.5508 12C16.5508 13.1935 16.0767 14.3381 15.2328 15.182C14.3888 16.0259 13.2443 16.5 12.0508 16.5ZM12.0508 18C13.6421 18 15.1682 17.3679 16.2934 16.2426C17.4186 15.1174 18.0508 13.5913 18.0508 12C18.0508 10.4087 17.4186 8.88258 16.2934 7.75736C15.1682 6.63214 13.6421 6 12.0508 6C10.4595 6 8.93336 6.63214 7.80814 7.75736C6.68292 8.88258 6.05078 10.4087 6.05078 12C6.05078 13.5913 6.68292 15.1174 7.80814 16.2426C8.93336 17.3679 10.4595 18 12.0508 18ZM12.0508 0C12.2497 0 12.4405 0.0790176 12.5811 0.21967C12.7218 0.360322 12.8008 0.551088 12.8008 0.75V3.75C12.8008 3.94891 12.7218 4.13968 12.5811 4.28033C12.4405 4.42098 12.2497 4.5 12.0508 4.5C11.8519 4.5 11.6611 4.42098 11.5205 4.28033C11.3798 4.13968 11.3008 3.94891 11.3008 3.75V0.75C11.3008 0.551088 11.3798 0.360322 11.5205 0.21967C11.6611 0.0790176 11.8519 0 12.0508 0V0ZM12.0508 19.5C12.2497 19.5 12.4405 19.579 12.5811 19.7197C12.7218 19.8603 12.8008 20.0511 12.8008 20.25V23.25C12.8008 23.4489 12.7218 23.6397 12.5811 23.7803C12.4405 23.921 12.2497 24 12.0508 24C11.8519 24 11.6611 23.921 11.5205 23.7803C11.3798 23.6397 11.3008 23.4489 11.3008 23.25V20.25C11.3008 20.0511 11.3798 19.8603 11.5205 19.7197C11.6611 19.579 11.8519 19.5 12.0508 19.5ZM24.0508 12C24.0508 12.1989 23.9718 12.3897 23.8311 12.5303C23.6905 12.671 23.4997 12.75 23.3008 12.75H20.3008C20.1019 12.75 19.9111 12.671 19.7705 12.5303C19.6298 12.3897 19.5508 12.1989 19.5508 12C19.5508 11.8011 19.6298 11.6103 19.7705 11.4697C19.9111 11.329 20.1019 11.25 20.3008 11.25H23.3008C23.4997 11.25 23.6905 11.329 23.8311 11.4697C23.9718 11.6103 24.0508 11.8011 24.0508 12ZM4.55078 12C4.55078 12.1989 4.47176 12.3897 4.33111 12.5303C4.19046 12.671 3.99969 12.75 3.80078 12.75H0.800781C0.601869 12.75 0.411103 12.671 0.270451 12.5303C0.129799 12.3897 0.0507813 12.1989 0.0507812 12C0.0507813 11.8011 0.129799 11.6103 0.270451 11.4697C0.411103 11.329 0.601869 11.25 0.800781 11.25H3.80078C3.99969 11.25 4.19046 11.329 4.33111 11.4697C4.47176 11.6103 4.55078 11.8011 4.55078 12ZM20.5363 3.5145C20.6769 3.65515 20.7559 3.84588 20.7559 4.04475C20.7559 4.24362 20.6769 4.43435 20.5363 4.575L18.4153 6.6975C18.3455 6.76713 18.2628 6.82235 18.1717 6.86C18.0806 6.89765 17.983 6.91699 17.8845 6.91692C17.6855 6.91678 17.4947 6.83758 17.354 6.69675C17.2844 6.62702 17.2292 6.54425 17.1915 6.45318C17.1539 6.36211 17.1345 6.26452 17.1346 6.16597C17.1348 5.96695 17.214 5.77613 17.3548 5.6355L19.4758 3.5145C19.6164 3.3739 19.8072 3.29491 20.006 3.29491C20.2049 3.29491 20.3956 3.3739 20.5363 3.5145ZM6.74678 17.304C6.88738 17.4446 6.96637 17.6354 6.96637 17.8342C6.96637 18.0331 6.88738 18.2239 6.74678 18.3645L4.62578 20.4855C4.48433 20.6221 4.29488 20.6977 4.09823 20.696C3.90158 20.6943 3.71347 20.6154 3.57442 20.4764C3.43536 20.3373 3.35648 20.1492 3.35478 19.9526C3.35307 19.7559 3.42866 19.5665 3.56528 19.425L5.68628 17.304C5.82693 17.1634 6.01766 17.0844 6.21653 17.0844C6.4154 17.0844 6.60614 17.1634 6.74678 17.304ZM20.5363 20.4855C20.3956 20.6261 20.2049 20.7051 20.006 20.7051C19.8072 20.7051 19.6164 20.6261 19.4758 20.4855L17.3548 18.3645C17.2182 18.223 17.1426 18.0336 17.1443 17.8369C17.146 17.6403 17.2249 17.4522 17.3639 17.3131C17.503 17.1741 17.6911 17.0952 17.8877 17.0935C18.0844 17.0918 18.2738 17.1674 18.4153 17.304L20.5363 19.425C20.6769 19.5656 20.7559 19.7564 20.7559 19.9552C20.7559 20.1541 20.6769 20.3449 20.5363 20.4855ZM6.74678 6.6975C6.60614 6.8381 6.4154 6.91709 6.21653 6.91709C6.01766 6.91709 5.82693 6.8381 5.68628 6.6975L3.56528 4.575C3.49365 4.50582 3.43651 4.42306 3.39721 4.33155C3.3579 4.24005 3.33721 4.14164 3.33634 4.04205C3.33548 3.94247 3.35445 3.84371 3.39216 3.75153C3.42988 3.65936 3.48557 3.57562 3.55598 3.5052C3.6264 3.43478 3.71014 3.37909 3.80232 3.34138C3.89449 3.30367 3.99325 3.2847 4.09283 3.28556C4.19242 3.28643 4.29083 3.30712 4.38233 3.34642C4.47384 3.38573 4.5566 3.44287 4.62578 3.5145L6.74678 5.6355C6.81663 5.70517 6.87204 5.78793 6.90985 5.87905C6.94766 5.97017 6.96712 6.06785 6.96712 6.1665C6.96712 6.26515 6.94766 6.36283 6.90985 6.45395C6.87204 6.54507 6.81663 6.62783 6.74678 6.6975Z"
|
||||
fill="black" stroke="white" stroke-width="2" mask="url(#path-1-inside-1_977:1934)" />
|
||||
</svg>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
{{{body}}}
|
||||
|
||||
|
||||
|
||||
<!--FOOTER-->
|
||||
|
||||
<footer id="leFooter" class="relative z-10 bg-primary bg-opacity-5 wow fadeInUp w-full" data-wow-delay=".1s">
|
||||
<div class="py-8 bg-primary bg-opacity-10 relative bottom-0">
|
||||
<div class="container">
|
||||
<p class="text-body-color dark:text-slate-50 text-base text-center">
|
||||
© 2023 | <a href="mailto:contact@dariow.fr" class="dark:hover:text-white hover:text-primary">Dario W.</a>
|
||||
/ <a href="mailto:raphael.alexis.payet@gmail.com" class="dark:hover:text-white hover:text-primary">Raphael
|
||||
P.</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
|
||||
<a href="javascript:void(0)"
|
||||
class="hidden items-center justify-center bg-primary text-white w-10 h-10 rounded-md fixed bottom-8 right-8 left-auto z-[999] hover:shadow-signUp hover:bg-opacity-80 transition duration-300 ease-in-out back-to-top shadow-md">
|
||||
<span class="w-3 h-3 border-t border-l border-white rotate-45 mt-[6px]"></span>
|
||||
</a>
|
||||
|
||||
<!--SCRIPTS JS-->
|
||||
<script defer src="assets/js/custom.js"></script>
|
||||
<script defer src="assets/js/bundle.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user