Changement de la police du site

This commit is contained in:
Pierre-Yves 2025-05-28 14:37:31 +02:00
parent c63a6fb476
commit 9f0dc36bde
6 changed files with 24 additions and 7 deletions

View File

@ -28,7 +28,7 @@
<strong>Contact</strong> <strong>Contact</strong>
</p> </p>
<div class="centrer"> <div class="centrer">
<p>Vous pouvez contacter le collectif Karäfon par téléphone au <strong>07 67 27 83 14</strong> ou par mail : <strong>collectifkarafon@protonmail.com</strong></p> <p><br/>Vous pouvez contacter le collectif Karäfon par téléphone au <strong>07 67 27 83 14</strong> ou par mail : <strong>collectifkarafon@protonmail.com</strong></p>
<a href="https://www.facebook.com/CollectifKarafon" target="_blank"> <a href="https://www.facebook.com/CollectifKarafon" target="_blank">
<img src="images/facebook.png" alt="logo facebook" class="facebook-icon"/> <img src="images/facebook.png" alt="logo facebook" class="facebook-icon"/>
</a> </a>

BIN
fonts/SuperLarky-nALLR.ttf Normal file

Binary file not shown.

Binary file not shown.

View File

@ -1,9 +1,14 @@
/* karafon_style.css */ @font-face {
font-family: 'KarafonCustom';
src: url('fonts/SuperLarky-nALLR.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
html, body { html, body {
margin: 0; margin: 0;
padding: 0; padding: 0;
font-family: Georgia, Verdana, sans-serif; font-family: 'KarafonCustom', Georgia, Verdana, sans-serif;
background-color: #e3bd98; background-color: #e3bd98;
color: #6c324b; color: #6c324b;
} }
@ -25,6 +30,7 @@ ul {
margin: 0; margin: 0;
padding: 0; padding: 0;
position: relative; position: relative;
font-family: 'KarafonCustom', Georgia, Verdana, sans-serif;
} }
li { li {
@ -37,6 +43,7 @@ li a {
padding: 14px 16px; padding: 14px 16px;
text-decoration: none; text-decoration: none;
font-size: large; font-size: large;
font-family: 'KarafonCustom', Georgia, Verdana, sans-serif;
} }
#citi { #citi {
@ -55,18 +62,21 @@ li a {
color: #fdcb74; color: #fdcb74;
font-size: 2.2em; font-size: 2.2em;
margin: 0; margin: 0;
font-family: 'KarafonCustom', Georgia, Verdana, sans-serif;
} }
#festival_itinerant { #festival_itinerant {
color: #fdcb74; color: #fdcb74;
font-size: 1.3em; font-size: 1.3em;
margin: 1em 0 1.2em; margin: 1em 0 1.2em;
font-family: 'KarafonCustom', Georgia, Verdana, sans-serif;
} }
.corps { .corps {
margin: 4em 10%; margin: 4em 10%;
text-align: center; text-align: center;
font-size: 1em; font-size: 1em;
font-family: 'KarafonCustom', Georgia, Verdana, sans-serif;
} }
#on_attend { #on_attend {
@ -74,25 +84,27 @@ li a {
max-width: 80%; max-width: 80%;
text-align: center; text-align: center;
font-size: 2.5em; font-size: 2.5em;
font-family: 'KarafonCustom', Georgia, Verdana, sans-serif;
} }
/* ===== Titres & sous-titres ===== */
.titre-accueil { .titre-accueil {
font-size: 2.2em; font-size: 2.2em;
font-weight: bold; font-weight: bold;
margin-bottom: 0.5em; margin-bottom: 0.5em;
font-family: 'KarafonCustom', Georgia, Verdana, sans-serif;
} }
.soustitre { .soustitre {
font-size: 1.5em; font-size: 1.5em;
margin-bottom: 0.5em; margin-bottom: 0.5em;
font-family: 'KarafonCustom', Georgia, Verdana, sans-serif;
} }
strong { strong {
font-weight: bold; font-weight: bold;
font-family: 'KarafonCustom', Georgia, Verdana, sans-serif;
} }
#equipe { #equipe {
position: absolute; position: absolute;
right: 7%; right: 7%;
@ -117,6 +129,7 @@ strong {
padding: 5%; padding: 5%;
font-size: 1.7em; font-size: 1.7em;
font-weight: 600; font-weight: 600;
font-family: 'KarafonCustom', Georgia, Verdana, sans-serif;
} }
footer { footer {
@ -125,10 +138,12 @@ footer {
text-align: center; text-align: center;
padding: 20px; padding: 20px;
margin-top: 3em; margin-top: 3em;
font-family: 'KarafonCustom', Georgia, Verdana, sans-serif;
} }
.footer-content { .footer-content {
font-size: 1.2em; font-size: 1.2em;
font-family: 'KarafonCustom', Georgia, Verdana, sans-serif;
} }
.facebook-icon { .facebook-icon {
@ -163,6 +178,7 @@ footer {
text-align: left; text-align: left;
color: #6c324b; color: #6c324b;
font-size: 1em; font-size: 1em;
font-family: 'KarafonCustom', Georgia, Verdana, sans-serif;
} }
#deuxieme-jour { #deuxieme-jour {
@ -173,4 +189,5 @@ footer {
text-align: right; text-align: right;
color: #6c324b; color: #6c324b;
font-size: 1em; font-size: 1em;
font-family: 'KarafonCustom', Georgia, Verdana, sans-serif;
} }

View File

@ -28,7 +28,7 @@
<strong>Le Karäfon</strong> <strong>Le Karäfon</strong>
</p> </p>
<p> <p><br/>
Art, cuisine, associations et action territoriale. Le Karäfon est un Art, cuisine, associations et action territoriale. Le Karäfon est un
projet fondamentalement ouvert et curieux qui mélange les influences projet fondamentalement ouvert et curieux qui mélange les influences
dans un objectif clair : démocratiser par tous les moyens l'accès à la dans un objectif clair : démocratiser par tous les moyens l'accès à la

View File

@ -27,7 +27,7 @@
<p class="titre-accueil"> <p class="titre-accueil">
<strong>La Troupe</strong> <strong>La Troupe</strong>
</p> </p>
<p> Le Karäfon est le fruit dune rencontre ; celle de jeunes gens <p> <br/>Le Karäfon est le fruit dune rencontre ; celle de jeunes gens
passionnés par l'art et l'itinérance. Mais ils ne seraient rien sans passionnés par l'art et l'itinérance. Mais ils ne seraient rien sans
les nombreuses personnes rencontrées en chemin et qui ont permis les nombreuses personnes rencontrées en chemin et qui ont permis
l'existence de cette formidable aventure ! <br> <br> l'existence de cette formidable aventure ! <br> <br>