supression des adresses mails au profit du formulaire de contact #2

Merged
meewan merged 1 commits from remove-email into master 2024-08-24 13:20:38 +02:00
3 changed files with 44 additions and 23 deletions
Showing only changes of commit 1803c132a1 - Show all commits

View File

@ -2,7 +2,6 @@ html {
overflow-y: auto !important; overflow-y: auto !important;
} }
.logo .logo
{ {
margin-right: 10px; margin-right: 10px;
@ -45,7 +44,8 @@ html {
width:100%; width:100%;
} }
#service_pro li::before, #service_con li::before { #service_pro li::before, #service_con li::before
{
font-size: 1.2em; font-size: 1.2em;
font-weight: 500; font-weight: 500;
display: inline-block; display: inline-block;
@ -57,6 +57,7 @@ html {
content: "\2295"; content: "\2295";
color:#25c425; color:#25c425;
} }
#service_con li::before #service_con li::before
{ {
content: "\2296"; content: "\2296";
@ -68,7 +69,6 @@ html {
margin-bottom: 1.5em; margin-bottom: 1.5em;
} }
#service_infobox tr td #service_infobox tr td
{ {
padding-left:5px; padding-left:5px;
@ -96,6 +96,7 @@ html {
{ {
margin-top: 2em !important; margin-top: 2em !important;
} }
@media screen and (min-width: 1022px) @media screen and (min-width: 1022px)
{ {
#main #main
@ -104,20 +105,23 @@ html {
padding-top: 25px; padding-top: 25px;
padding-bottom: 25px; padding-bottom: 25px;
} }
#service_infobox #service_infobox
{ {
border-left: 1px solid black; border-left: 1px solid black;
min-width:300px; min-width:300px;
} }
.columns { .columns
{
display: flex; display: flex;
margin-left: -0.75rem; margin-left: -0.75rem;
margin-right: -0.75rem; margin-right: -0.75rem;
margin-top: -0.75rem; margin-top: -0.75rem;
} }
.column { .column
{
display: block; display: block;
flex-basis: auto; flex-basis: auto;
flex-grow: 1; flex-grow: 1;
@ -129,9 +133,11 @@ html {
@media screen and (max-width: 1023px) @media screen and (max-width: 1023px)
{ {
html.has-navbar-fixed-top, html.has-navbar-fixed-top,
body.has-navbar-fixed-top{ body.has-navbar-fixed-top
{
padding-top: 6.5rem; padding-top: 6.5rem;
} }
.navbar, .navbar-brand .navbar, .navbar-brand
{ {
min-height: 6.5rem; min-height: 6.5rem;
@ -143,41 +149,49 @@ html {
max-height: 3.5rem; max-height: 3.5rem;
} }
.navbar-burger{ .navbar-burger
{
height: 6.5rem; height: 6.5rem;
width: 12rem; width: 12rem;
} }
.navbar-burger span{ .navbar-burger span
{
height: 3px; height: 3px;
left: calc(50% - 16px); left: calc(50% - 16px);
width: 32px; width: 32px;
} }
.navbar-burger span:nth-child(1){ .navbar-burger span:nth-child(1)
{
top: calc(50% - 12px); top: calc(50% - 12px);
} }
.navbar-burger span:nth-child(2){ .navbar-burger span:nth-child(2)
{
top: calc(50% - 1px); top: calc(50% - 1px);
} }
.navbar-burger span:nth-child(3){ .navbar-burger span:nth-child(3)
{
top: calc(50% + 10px); top: calc(50% + 10px);
} }
.navbar-burger:hover{ .navbar-burger:hover
{
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
} }
.navbar-dropdown{ .navbar-dropdown
{
font-size: 1.5rem; font-size: 1.5rem;
padding-bottom: 1rem; padding-bottom: 1rem;
padding-top: 1rem; padding-top: 1rem;
padding-left: 48px; padding-left: 48px;
} }
.navbar-end .navbar-item{ .navbar-end .navbar-item
{
width: 40%; width: 40%;
height: 3.5rem; height: 3.5rem;
display: inline-block; display: inline-block;
@ -185,7 +199,8 @@ html {
padding:0; padding:0;
margin:0; margin:0;
} }
.navbar-end .navbar-item img{ .navbar-end .navbar-item img
{
width:3.5rem; width:3.5rem;
} }
@ -241,27 +256,33 @@ li
min-height:150px; min-height:150px;
} }
.form-line>.input, .form-line>.textarea{ .form-line>.input, .form-line>.textarea
{
border-color: #aaaaaa; border-color: #aaaaaa;
width:100%; width:100%;
margin-bottom: 1em; margin-bottom: 1em;
} }
.form-line>.textarea{ .form-line>.textarea
{
min-height: 25em; min-height: 25em;
resize: vertical;
} }
.form-error{ .form-error
{
width: 100%; width: 100%;
border-radius: 4px; border-radius: 4px;
margin-bottom: 1em; margin-bottom: 1em;
} }
.form-alert{ .form-alert
{
background-color: rgba(255, 0, 0, 0.2); background-color: rgba(255, 0, 0, 0.2);
} }
.contact-form-embed{ .contact-form-embed
{
width: 100%; width: 100%;
height: 700px; height: 700px;
} }

View File

@ -67,7 +67,7 @@
Katzei se réserve le droit de changer sans préavis tout ou partie des Conditions Générales dUtilisation. Katzei se réserve le droit de changer sans préavis tout ou partie des Conditions Générales dUtilisation.
</li> </li>
<li> <li>
Les questions sur les conditions de service doivent être envoyées par courrier électronique à l'adresse <a href="mailto:cgu{{ mail_key }}@katzei.fr">cgu{{ mail_key }}@katzei.fr</a>. Les questions sur les conditions de service doivent être envoyées via le <a href="/a-propos/Nous%20contacter.html">formulaire de contact</a>.
</li> </li>
</ol> </ol>
</p> </p>
@ -148,7 +148,7 @@
Données personnelles Données personnelles
</h1> </h1>
<p> <p>
Conformément à larticle 34 de la loi «Informatique et Libertés», Katzei garantit à lutilisateur un droit dopposition, daccès et de rectification sur les données nominatives le concernant. Lutilisateur a la possibilité dexercer ce droit en utilisant l'adresse de courrier électronique mise à sa disposition (<a href="mailto:dpo{{ mail_key }}@katzei.fr">dpo{{ mail_key }}@katzei.fr</a>). Conformément à larticle 34 de la loi «Informatique et Libertés», Katzei garantit à lutilisateur un droit dopposition, daccès et de rectification sur les données nominatives le concernant. Lutilisateur a la possibilité dexercer ce droit en utilisant le <a href="/a-propos/Nous%20contacter.html">formulaire de contact</a>.
<ol start="30"> <ol start="30">
<li> <li>
Pour utiliser certains services Katzei, vous devez créer un compte. Katzei demande certaines informations personnelles : une adresse e-mail valide et un mot de passe qui est utilisé pour protéger votre compte contre tout accès non autorisé. Les champs «Nom» et «Prénom» peuvent être requis pour le bon fonctionnement du logiciel, mais il nest pas nécessaire quils révèlent votre véritable identité. Pour utiliser certains services Katzei, vous devez créer un compte. Katzei demande certaines informations personnelles : une adresse e-mail valide et un mot de passe qui est utilisé pour protéger votre compte contre tout accès non autorisé. Les champs «Nom» et «Prénom» peuvent être requis pour le bon fonctionnement du logiciel, mais il nest pas nécessaire quils révèlent votre véritable identité.

View File

@ -97,7 +97,7 @@
</a> </a>
</div> </div>
<div class="navbar-end"> <div class="navbar-end">
<a href="mailto:contact{{ mail_key }}@katzei.fr" class="navbar-item mail" title="Nous contacter par mail"> <a href="/a-propos/Nous%20contacter.html" class="navbar-item mail" title="Nous contacter par mail">
</a> </a>
<a rel="me" href="https://mamot.fr/@katzei" class="navbar-item logo" title="Nous contacter sur mastodon"> <a rel="me" href="https://mamot.fr/@katzei" class="navbar-item logo" title="Nous contacter sur mastodon">