Première version
This commit is contained in:
Simon C
27
layouts/404.html
Normal file
27
layouts/404.html
Normal file
@ -0,0 +1,27 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" class="h-full">
|
||||
{{ partial "head.html" . }}
|
||||
<body class="h-full">
|
||||
<main class="grid min-h-full place-items-center bg-white px-6 py-24 sm:py-32 lg:px-8">
|
||||
<div class="text-center">
|
||||
<p class="text-base font-semibold text-indigo-600">
|
||||
404
|
||||
</p>
|
||||
<h1 class="mt-4 text-3xl font-bold tracking-tight text-gray-900 sm:text-5xl">
|
||||
Page non trouvée
|
||||
</h1>
|
||||
<p class="mt-6 text-base leading-7 text-gray-600">
|
||||
Désolé la page que vous cherchez n'existe pas ou a changé de place.
|
||||
</p>
|
||||
<div class="mt-10 flex items-center justify-center gap-x-6">
|
||||
<a href="/" class="rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">
|
||||
Revenir à la page d'accueil
|
||||
</a>
|
||||
<a href="mailto:support@p4pillon.org" class="text-sm font-semibold text-gray-900">
|
||||
Contacter le support <span aria-hidden="true">→</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
16
layouts/_default/baseof.html
Normal file
16
layouts/_default/baseof.html
Normal file
@ -0,0 +1,16 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr" class="h-full">
|
||||
<head>
|
||||
{{ partial "head.html" . }}
|
||||
</head>
|
||||
<body class="h-full">
|
||||
<div class="container mx-auto">
|
||||
<div class="bg-white">
|
||||
{{ partial "header.html" . }}
|
||||
</div>
|
||||
{{ block "main" . }}{{ end }}
|
||||
</div>
|
||||
{{ partial "footer.html" . }}
|
||||
{{ partial "scripts.html" . }}
|
||||
</body>
|
||||
</html>
|
||||
8
layouts/_default/list.html
Normal file
8
layouts/_default/list.html
Normal file
@ -0,0 +1,8 @@
|
||||
{{ define "main" }}
|
||||
{{ .Content }}
|
||||
<ul>
|
||||
{{ range .Pages }}
|
||||
<li><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
{{ end }}
|
||||
9
layouts/_default/single.html
Normal file
9
layouts/_default/single.html
Normal file
@ -0,0 +1,9 @@
|
||||
{{ define "main" }}
|
||||
<div class="relative w-full bg-white my-20 px-6 py-12 shadow-xl shadow-slate-700/10 ring-1 ring-gray-900/5 md:mx-auto md:max-w-3xl lg:max-w-4xl lg:py-16">
|
||||
<div class="mx-auto max-w-prose lg:text-lg">
|
||||
<article class="prose prose-slate mx-auto lg:prose-xl">
|
||||
{{ .Content }}
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
200
layouts/annuaire/annuaire.html
Normal file
200
layouts/annuaire/annuaire.html
Normal file
@ -0,0 +1,200 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr" class="h-full">
|
||||
<head>
|
||||
{{ partial "head.html" . }}
|
||||
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.1/dist/leaflet.css" integrity="sha256-sA+zWATbFveLLNqWO2gtiw3HL/lh1giY/Inf1BJ0z14=" crossorigin=""/>
|
||||
<link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.css" crossorigin=""/>
|
||||
<link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.Default.css" crossorigin=""/>
|
||||
<link rel="stylesheet" href="https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.css" />
|
||||
<script src="https://unpkg.com/leaflet@1.9.1/dist/leaflet.js" integrity="sha256-NDI0K41gVbWqfkkaHj15IzU7PtMoelkzyKp8TOaFQ3s=" crossorigin=""></script>
|
||||
<script src="https://unpkg.com/leaflet.markercluster@1.4.1/dist/leaflet.markercluster.js" crossorigin=""></script>
|
||||
<script src="https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.js"></script>
|
||||
<script src="/leaflet.permalink.js"></script>
|
||||
</head>
|
||||
<body class="h-full relative">
|
||||
<div class="bg-white">
|
||||
{{ partial "header.html" . }}
|
||||
</div>
|
||||
<div class="absolute sm:bg-opacity-80 left-0 bottom-0 right-0 h-14 w-full max-w-none sm:w-80 sm:right-auto sm:left-4 sm:bottom-4 z-20 border-t sm:border border-green-700 bg-white sm:rounded-lg shadow-2xl p-4 text-center">
|
||||
<label class="inline-flex items-center mr-4">
|
||||
<input class="text-green-700" id="layerMSP" type="checkbox" checked="">
|
||||
<span class="ml-2">Maison de santé</span>
|
||||
</label>
|
||||
<label class="inline-flex items-center">
|
||||
<input class="text-green-700" id="layerPharmacie" type="checkbox">
|
||||
<span class="ml-2">Officine</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div id="info" class="hidden sm:bg-opacity-80 absolute left-0 bottom-14 sm:bottom-24 right-0 sm:right-auto sm:left-4 w-full max-w-none sm:w-80 z-20 border-t sm:border border-green-700 bg-white sm:rounded-lg sm:shadow-2xl prose">
|
||||
<!-- Modal content -->
|
||||
<!-- Modal header -->
|
||||
<div class="flex items-center justify-between p-4 border-b rounded-t-lg">
|
||||
<h4 class="title text-xl font-semibold text-gray-900 my-0">
|
||||
MAISON DE SANTE (MSP) DE SAINT CHELY D'APCHER (48)
|
||||
</h4>
|
||||
<button type="button" class="btnClose bg-transparent border border-white hover:border-green-700 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex self-start" data-modal-hide="staticModal">
|
||||
<svg class="w-5 h-5 stroke-green-700" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
|
||||
</button>
|
||||
</div>
|
||||
<!-- Modal body -->
|
||||
<div class="p-4 space-y-6">
|
||||
<p id="content" class="text-base leading-relaxed text-gray-500 my-0">
|
||||
Établissement FINESS N°480002732<br>
|
||||
SIREN : 837840933
|
||||
</p>
|
||||
</div>
|
||||
<!-- Modal footer -->
|
||||
<div id="contact" class="flex justify-center items-center p-4 space-x-4 border-t border-gray-200 rounded-b-lg">
|
||||
<a id="phone" href="tel:0448250145" title="04 48 25 01 45" data-modal-hide="staticModal" type="button" class="text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-2 py-2 text-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 sm:w-5 sm:h-5">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z" />
|
||||
</svg>
|
||||
</a>
|
||||
<a id="mail" href="tel:0448250145" title="04 48 25 01 45" data-modal-hide="staticModal" type="button" class="text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-2 py-2 text-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 sm:w-5 sm:h-5">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75" />
|
||||
</svg>
|
||||
</a>
|
||||
<a id="website" href="tel:0448250145" title="04 48 25 01 45" data-modal-hide="staticModal" type="button" class="text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-2 py-2 text-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 sm:w-5 sm:h-5">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M9 17.25v1.007a3 3 0 01-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0115 18.257V17.25m6-12V15a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 15V5.25m18 0A2.25 2.25 0 0018.75 3H5.25A2.25 2.25 0 003 5.25m18 0V12a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 12V5.25" />
|
||||
</svg>
|
||||
</a>
|
||||
<button id="edit" onclick="displayLayout('editLayout')" title="Éditer" data-modal-hide="staticModal" type="button" class="text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-2 py-2 text-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 sm:w-5 sm:h-5">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="editLayout" class="hidden overflow-auto layout absolute sm:bg-opacity-90 left-0 sm:left-80 lg:left-auto sm:ml-8 top-20 bottom-14 sm:bottom-4 right-0 sm:right-4 lg:right-16 w-full sm:w-auto max-w-none lg:max-w-md z-30 border-t sm:border border-green-700 bg-white sm:rounded-lg sm:shadow-2xl prose">
|
||||
<div class="flex items-center justify-between p-4 border-b rounded-t-lg">
|
||||
<h4 class="title text-xl font-semibold text-gray-900 my-0">
|
||||
MAISON DE SANTE (MSP) DE SAINT CHELY D'APCHER (48)
|
||||
</h4>
|
||||
<button type="button" class="btnClose bg-transparent border border-white hover:border-green-700 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex self-start" data-modal-hide="staticModal">
|
||||
<svg class="w-5 h-5 stroke-green-700" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
|
||||
</button>
|
||||
</div>
|
||||
<!-- Modal body -->
|
||||
<div class="p-4 space-y-6">
|
||||
<form id="formInfo" method="POST" action="https://formulaire.p4pillon.org/items/MSP_INFO">
|
||||
<div class="grid grid-cols-1 gap-6">
|
||||
<label class="block">
|
||||
<span class="text-gray-700">Nofinesset</span>
|
||||
<input id="msp-nofinesset" type="text" name="nofinesset" class="mt-1 block w-full" placeholder="">
|
||||
</label>
|
||||
<label class="block">
|
||||
<span class="text-gray-700">Nom</span>
|
||||
<input id="msp-nom" type="text" name="nom" class="mt-1 block w-full" placeholder="">
|
||||
</label>
|
||||
<label class="block">
|
||||
<span class="text-gray-700">Prénom Leader</span>
|
||||
<input id="msp-prenom_leader" type="text" name="prenom_leader" class="mt-1 block w-full" placeholder="">
|
||||
</label>
|
||||
<label class="block">
|
||||
<span class="text-gray-700">Nom Leader</span>
|
||||
<input id="msp-nom_leader" type="text" name="nom_leader" class="mt-1 block w-full" placeholder="">
|
||||
</label>
|
||||
<div class="block">
|
||||
<label class="inline-flex items-center">
|
||||
<input id="msp-avec_sante" type="checkbox" checked="" name="avec_sante">
|
||||
<span class="ml-2">Avec santé</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="block">
|
||||
<label class="inline-flex items-center">
|
||||
<input id="msp-accord_conventionnel_interprofessionnel" type="checkbox" checked="" name="accord_conventionnel_interprofessionnel">
|
||||
<span class="ml-2">Accord Conventionnel Interprofessionnel</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block">
|
||||
<button type="submit" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">Envoyer</button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
|
||||
|
||||
<fieldset class="hidden">
|
||||
<legend>informations générales</legend>
|
||||
<label for="noms">Nom de la structure :</label>
|
||||
<input type="text" name="structure" placeholder="nom de la SISA" required="required">
|
||||
<label for="ville">Ville :</label>
|
||||
<input type="text" name="structure" placeholder="ville" required="required">
|
||||
<label for="code">Code postal :</label>
|
||||
<input type="text" name="structure" placeholder="Ex: 87000" required="required">
|
||||
<label for="rue"> Rue :</label>
|
||||
<input type="text" name="structure" placeholder="Ex: " required="required">
|
||||
|
||||
|
||||
|
||||
<!-- A mettre : dans un premier temps pouvoir mettre un chiffre puis dans un second temps le ventiullé sur le type de praticien -->
|
||||
<label for="npro">Nombre professionnels</label>
|
||||
<select>
|
||||
<option selected>Choisissez</option>
|
||||
<option>moins de 16 professionnels</option>
|
||||
<option>plus de 16 professionnels</option>
|
||||
</select>
|
||||
|
||||
<div class="open">
|
||||
<!-- A mettre -->
|
||||
<label for="ipa">Présence d'un IPA dans l'équipe</label>
|
||||
<label for="yes">Oui</label><input type="radio" name="yes" id="yes" /><label for="no">Non</label><input
|
||||
type="radio" name="no" id="no" />
|
||||
</div>
|
||||
|
||||
|
||||
<div class="open">
|
||||
<!-- A mettre -->
|
||||
<label for="ipam">Formation des jeunes professionnels de santé</label>
|
||||
<label for="prof_sant_yes">Oui</label><input type="radio" name="prof_sant" value="true"
|
||||
id="prof_sant_yes" /><label for="no">Non</label><input type="radio" name="no" id="no" />
|
||||
</div>
|
||||
|
||||
|
||||
<div class="open">
|
||||
<!-- A mettre + champ pour citer le logiciel utilisé (il faut la liste) -->
|
||||
<!-- Système d'information labellisé : -->
|
||||
<!-- https://esante.gouv.fr/offres-services/label-esante/solutions-labellisees -->
|
||||
<label for="sina">Système d'information labellisé niveau avancé (ASIP Santé)</label>
|
||||
<label for="yes">Oui</label><input type="radio" name="yes" id="yes" /><label for="no">Non</label><input
|
||||
type="radio" name="no" id="no" />
|
||||
</div>
|
||||
|
||||
<input type="submit" name="submit" value="ENVOYER">
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="zoom" class="hidden sm:flex flex-col-reverse items-center justify-between absolute bottom-4 right-4 w-8 h-16 z-20 sm:shadow-2xl">
|
||||
<button id="btnLess" type="button" class="p-1.5 bg-white border rounded-b-lg border-green-700 hover:bg-green-700 stroke-green-700 stroke-2 hover:stroke-white" data-modal-hide="staticModal">
|
||||
<svg class="w-full h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15" />
|
||||
</svg>
|
||||
</button>
|
||||
<button id="btnMore" type="button" class="p-1.5 bg-white border-t border-x rounded-t-lg border-green-700 hover:bg-green-700 stroke-green-700 stroke-2 hover:stroke-white" data-modal-hide="staticModal">
|
||||
<svg class="w-full h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
|
||||
<path strokeLinecap="round" strokeLinejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="absolute w-screen h-screen bottom-0 left-0 top-0 right-0 z-10">
|
||||
<div id="map" style="width: 100%; height: 100%;" class=""></div>
|
||||
</div>
|
||||
{{ $js := resources.Get "scripts/annuaire.js" }}
|
||||
{{ with $js }}
|
||||
{{ $secureJS := . | js.Build }}
|
||||
{{ if not $.Site.Params.debug }}
|
||||
{{ $secureJS = $secureJS | minify }}
|
||||
{{ end }}
|
||||
{{ $secureJS = $secureJS | fingerprint }}
|
||||
<script type="module" src="{{ $secureJS.Permalink }}" integrity="{{ $secureJS.Data.Integrity }}"></script>
|
||||
{{ end }}
|
||||
{{ partial "scripts.html" . }}
|
||||
</body>
|
||||
</html>
|
||||
11
layouts/index.html
Normal file
11
layouts/index.html
Normal file
@ -0,0 +1,11 @@
|
||||
{{ define "main" }}
|
||||
{{ partial "heroe" . }}
|
||||
<div class="relative w-full bg-white mb-32 px-6 py-12 shadow-xl shadow-slate-700/10 ring-1 ring-gray-900/5 md:mx-auto md:max-w-3xl lg:max-w-4xl lg:py-16">
|
||||
<div class="mx-auto max-w-prose lg:text-lg">
|
||||
<article class="prose prose-slate mx-auto lg:prose-xl">
|
||||
{{ .Content }}
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
{{ partial "newsletter.html" . }}
|
||||
{{ end }}
|
||||
36
layouts/partials/footer.html
Normal file
36
layouts/partials/footer.html
Normal file
@ -0,0 +1,36 @@
|
||||
<!--
|
||||
Heads up! 👋
|
||||
|
||||
This component comes with some `rtl` classes. Please remove them if they are not needed in your project.
|
||||
-->
|
||||
|
||||
<footer class="bg-white">
|
||||
<div class="mx-auto max-w-screen-xl px-4 pb-6 pt-6 sm:px-6 lg:px-8">
|
||||
<div class="border-gray-100">
|
||||
<div class="text-center sm:flex sm:justify-between sm:text-left">
|
||||
<p class="text-sm text-gray-500">
|
||||
<a
|
||||
class="inline-block text-green-700 underline transition hover:text-teal-600/75"
|
||||
href="/"
|
||||
>
|
||||
Politique de confidentialité
|
||||
</a>
|
||||
|
||||
<span>·</span>
|
||||
|
||||
<a
|
||||
class="inline-block text-green-700 underline transition hover:text-teal-600/75"
|
||||
href="/"
|
||||
>
|
||||
Mentions légales
|
||||
</a>
|
||||
</p>
|
||||
|
||||
<p class="mt-4 text-sm text-gray-500 sm:order-first sm:mt-0">
|
||||
© 2023 P4Pillon
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
16
layouts/partials/head.html
Normal file
16
layouts/partials/head.html
Normal file
@ -0,0 +1,16 @@
|
||||
<meta charset="utf-8" />
|
||||
<title>
|
||||
{{ .Title }}
|
||||
</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="{{ .Description }}" />
|
||||
{{/* styles */}}
|
||||
{{ $options := dict "inlineImports" true }}
|
||||
{{ $styles := resources.Get "styles/styles.css" }}
|
||||
{{ $styles = $styles | resources.PostCSS $options }}
|
||||
{{ if hugo.IsProduction }}
|
||||
{{ $styles = $styles | minify | fingerprint | resources.PostProcess }}
|
||||
{{/* {{ else }}
|
||||
<link href="/tailwindcss.css" rel="stylesheet" /> */}}
|
||||
{{ end }}
|
||||
<link href="{{ $styles.RelPermalink }}" rel="stylesheet" />
|
||||
57
layouts/partials/header.html
Normal file
57
layouts/partials/header.html
Normal file
@ -0,0 +1,57 @@
|
||||
<header class="absolute inset-x-0 top-0 z-50">
|
||||
<nav class="flex items-center justify-between p-6 lg:px-8" aria-label="Global">
|
||||
<div class="flex lg:flex-1">
|
||||
<a href="/" class="-m-1.5 p-1.5 flex items-center justify-center">
|
||||
<img class="h-8 w-auto" src="/p4pillon-cyan-400.png" alt="">
|
||||
<span class="pl-4 text-2xl font-black text-green-700">P4Pillon</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="flex lg:hidden">
|
||||
<button id="menuOpen" type="button" class="-m-2.5 border border-emerald-700 bg-white shadow-2xl inline-flex items-center justify-center rounded-md p-2.5 text-gray-700">
|
||||
<span class="sr-only">Open main menu</span>
|
||||
<svg class="h-6 w-6 stroke-emerald-700" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="hidden lg:flex lg:gap-x-12">
|
||||
<a href="/notre-histoire/" class="text-sm font-semibold leading-6 text-green-700">Histoire</a>
|
||||
<a href="/qui-sommes-nous/" class="text-sm font-semibold leading-6 text-green-700">We 4re</a>
|
||||
<a href="/annuaire/" class="text-sm font-semibold leading-6 text-green-700">Annuaire</a>
|
||||
</div>
|
||||
<div class="hidden lg:flex lg:flex-1 lg:justify-end">
|
||||
<a href="/se-connecter/" class="text-sm font-semibold leading-6 text-green-700">Se connecter <span aria-hidden="true">→</span></a>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- Mobile menu, show/hide based on menu open state. -->
|
||||
<div id="menu" class="hidden" role="dialog" aria-modal="true">
|
||||
<!-- Background backdrop, show/hide based on slide-over state. -->
|
||||
<div class="fixed inset-0 z-50"></div>
|
||||
<div class="fixed inset-y-0 right-0 z-50 w-full overflow-y-auto bg-white px-6 py-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10">
|
||||
<div class="flex items-center justify-between">
|
||||
<a href="/" class="-m-1.5 p-1.5 flex items-center justify-center">
|
||||
<img class="h-8 w-auto" src="/p4pillon-cyan-400.png" alt="">
|
||||
<span class="pl-4 text-2xl font-black text-green-700">P4Pillon</span>
|
||||
</a>
|
||||
<button id="menuClose" type="button" class="-m-2.5 rounded-md p-2.5 text-gray-700 border border-white hover:border-green-700">
|
||||
<span class="sr-only">Close menu</span>
|
||||
<svg class="h-6 w-6 stroke-green-700" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="mt-6 flow-root">
|
||||
<div class="-my-6 divide-y divide-gray-500/10">
|
||||
<div class="space-y-2 py-6">
|
||||
<a href="/notre-histoire/" class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-green-700 hover:bg-gray-50">Histoire</a>
|
||||
<a href="/qui-sommes-nous/" class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-green-700 hover:bg-gray-50">We 4re</a>
|
||||
<a href="/annuaire/" class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-green-700 hover:bg-gray-50">Annuaire</a>
|
||||
</div>
|
||||
<div class="py-6">
|
||||
<a href="/se-connecter/" class="-mx-3 block rounded-lg px-3 py-2.5 text-base font-semibold leading-7 text-green-700 hover:bg-gray-50">Se connecter</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
28
layouts/partials/heroe.html
Normal file
28
layouts/partials/heroe.html
Normal file
@ -0,0 +1,28 @@
|
||||
<div class="bg-white">
|
||||
<div class="relative isolate px-6 pt-14 lg:px-8">
|
||||
<div class="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80" aria-hidden="true">
|
||||
<div class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
|
||||
</div>
|
||||
<div class="mx-auto max-w-2xl py-32 sm:py-48 lg:py-56">
|
||||
<div class="hidden sm:mb-8 sm:flex sm:justify-center">
|
||||
<div class="relative rounded-full px-3 py-1 text-sm leading-6 text-gray-600 ring-1 ring-gray-900/10 hover:ring-gray-900/20">
|
||||
Prenez connaissance de l'historique du projet. <a href="/notre-histoire/" class="font-semibold text-indigo-600"><span class="absolute inset-0" aria-hidden="true"></span> <span aria-hidden="true">→</span></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<h1 class="text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl">{{ .Title }}</h1>
|
||||
<p class="mt-6 text-lg leading-8 text-gray-600">
|
||||
P4Pillon est une initiative de recherche et développement en santé et en soins de premiers recours située sur la Montagne Limousine, au cœur du Parc Naturel Régional du Plateau de Millevaches.
|
||||
</p>
|
||||
<div class="mt-10 flex items-center justify-center gap-x-6">
|
||||
<a href="/annuaire/" class="btn-primary">Voir l'annuaire</a>
|
||||
<a href="/qui-sommes-nous/" class="text-sm font-semibold leading-6 text-gray-900">Qui somme-nous <span aria-hidden="true">?</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]" aria-hidden="true">
|
||||
<div class="relative left-[calc(50%+3rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%+36rem)] sm:w-[72.1875rem]" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
38
layouts/partials/newsletter.html
Normal file
38
layouts/partials/newsletter.html
Normal file
@ -0,0 +1,38 @@
|
||||
</div>
|
||||
<div class="relative isolate overflow-hidden bg-gray-900 py-16 sm:py-24 lg:py-32">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div class="mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:grid-cols-2">
|
||||
<div class="max-w-xl lg:max-w-lg">
|
||||
<h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">Lettre d'information</h2>
|
||||
<p class="mt-4 text-lg leading-8 text-gray-300">Pour rester informer de notre évolution, nos différents avancées n'hésitez pas à vous inscrire.</p>
|
||||
<div class="mt-6 flex max-w-md gap-x-4">
|
||||
<label for="email-address" class="sr-only">Email address</label>
|
||||
<input id="email-address" name="email" type="email" autocomplete="email" required class="min-w-0 flex-auto rounded-md border-0 bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-inset ring-white/10 focus:ring-2 focus:ring-inset focus:ring-indigo-500 sm:text-sm sm:leading-6" placeholder="Entrer votre mail">
|
||||
<button type="submit" class="flex-none rounded-md bg-indigo-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-500">S'inscrire</button>
|
||||
</div>
|
||||
</div>
|
||||
<dl class="grid grid-cols-1 gap-x-8 gap-y-10 sm:grid-cols-2 lg:pt-2">
|
||||
<div class="flex flex-col items-start">
|
||||
<div class="rounded-md bg-white/5 p-2 ring-1 ring-white/10">
|
||||
<svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5m-9-6h.008v.008H12v-.008zM12 15h.008v.008H12V15zm0 2.25h.008v.008H12v-.008zM9.75 15h.008v.008H9.75V15zm0 2.25h.008v.008H9.75v-.008zM7.5 15h.008v.008H7.5V15zm0 2.25h.008v.008H7.5v-.008zm6.75-4.5h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V15zm0 2.25h.008v.008h-.008v-.008zm2.25-4.5h.008v.008H16.5v-.008zm0 2.25h.008v.008H16.5V15z" />
|
||||
</svg>
|
||||
</div>
|
||||
<dt class="mt-4 font-semibold text-white">Un mail tous les semestres</dt>
|
||||
<dd class="mt-2 leading-7 text-gray-400">Vous recevrez une lettre d'information tous les semestres</dd>
|
||||
</div>
|
||||
<div class="flex flex-col items-start">
|
||||
<div class="rounded-md bg-white/5 p-2 ring-1 ring-white/10">
|
||||
<svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M10.05 4.575a1.575 1.575 0 10-3.15 0v3m3.15-3v-1.5a1.575 1.575 0 013.15 0v1.5m-3.15 0l.075 5.925m3.075.75V4.575m0 0a1.575 1.575 0 013.15 0V15M6.9 7.575a1.575 1.575 0 10-3.15 0v8.175a6.75 6.75 0 006.75 6.75h2.018a5.25 5.25 0 003.712-1.538l1.732-1.732a5.25 5.25 0 001.538-3.712l.003-2.024a.668.668 0 01.198-.471 1.575 1.575 0 10-2.228-2.228 3.818 3.818 0 00-1.12 2.687M6.9 7.575V12m6.27 4.318A4.49 4.49 0 0116.35 15m.002 0h-.002" />
|
||||
</svg>
|
||||
</div>
|
||||
<dt class="mt-4 font-semibold text-white">Pas de spam</dt>
|
||||
<dd class="mt-2 leading-7 text-gray-400">Nous ne communiquons les mails à aucun partenaire, et vous pouvez vous désinscrire à chaque mail</dd>
|
||||
</div>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
<div class="absolute left-1/2 top-0 -z-10 -translate-x-1/2 blur-3xl xl:-top-6" aria-hidden="true">
|
||||
<div class="aspect-[1155/678] w-[72.1875rem] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
|
||||
</div>
|
||||
9
layouts/partials/scripts.html
Normal file
9
layouts/partials/scripts.html
Normal file
@ -0,0 +1,9 @@
|
||||
{{ $js := resources.Get "scripts/main.js" }}
|
||||
{{ with $js }}
|
||||
{{ $secureJS := . | js.Build }}
|
||||
{{ if not $.Site.Params.debug }}
|
||||
{{ $secureJS = $secureJS | minify }}
|
||||
{{ end }}
|
||||
{{ $secureJS = $secureJS | fingerprint }}
|
||||
<script type="module" src="{{ $secureJS.Permalink }}" integrity="{{ $secureJS.Data.Integrity }}"></script>
|
||||
{{ end }}
|
||||
39
layouts/se-connecter/se-connecter.html
Normal file
39
layouts/se-connecter/se-connecter.html
Normal file
@ -0,0 +1,39 @@
|
||||
{{ define "main" }}
|
||||
<div class="absolu top-0 left-0 right-0 bottom-0 flex min-h-full flex-col justify-center px-6 py-12 lg:px-8">
|
||||
<div class="sm:mx-auto sm:w-full sm:max-w-sm">
|
||||
<img class="mx-auto h-10 w-auto" src="https://tailwindui.com/img/logos/mark.svg?color=indigo&shade=600" alt="Your Company">
|
||||
<h2 class="mt-10 text-center text-2xl font-bold leading-9 tracking-tight text-gray-900">Connectez vous à votre compte</h2>
|
||||
</div>
|
||||
<div class="mt-10 sm:mx-auto sm:w-full sm:max-w-sm">
|
||||
<form class="space-y-6" action="#" method="POST">
|
||||
<div>
|
||||
<label for="email" class="block text-sm font-medium leading-6 text-gray-900">Adresse mail</label>
|
||||
<div class="mt-2">
|
||||
<input id="email" name="email" type="email" autocomplete="email" required class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div class="flex items-center justify-between">
|
||||
<label for="password" class="block text-sm font-medium leading-6 text-gray-900">Mot de passe</label>
|
||||
<div class="text-sm">
|
||||
<a href="#" class="font-semibold text-indigo-600 hover:text-indigo-500">Mot de passe oublié ?</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-2">
|
||||
<input id="password" name="password" type="password" autocomplete="current-password" required class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<button type="submit" class="flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Se connecter</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<p class="mt-10 text-center text-sm text-gray-500">
|
||||
Not a member?
|
||||
<a href="#" class="font-semibold leading-6 text-indigo-600 hover:text-indigo-500">Start a 14 day free trial</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
Reference in New Issue
Block a user