Dev_Web/web01
Public Access
5
0
Fork 0
Code Issues Projects Wiki Activity

Compare commits

base: Dev_Web:50b012ec96a56a69f115005d1a7ff6ee82514e51
Branches Tags
Dev_Web:main
..
compare: Dev_Web:e4d2a7dbd723d24cd4b54366b5f463bf0de0097d
Branches Tags
Dev_Web:main

2 Commits
50b012ec96 ... e4d2a7dbd7

Author SHA1 Message Date
Jeremy
e4d2a7dbd7 Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01 2025-12-03 22:03:31 -05:00
Jeremy
c48a22978b Update a la apge aPropos pour la mis een forme 2025-12-03 22:03:28 -05:00
2 changed files with 78 additions and 27 deletions
Expand all files Collapse all files

22
www/aPropos.html
View File

@@ -150,21 +150,23 @@
<div> <div>
<div> <div>
<h2>Coordonnées</h2> <h2>Coordonnées</h2>
<div> <div class="grille">
<p>Adresse : <a target="_blank" <p id="titreAdresse">Adresse :</p>
href="https://www.google.com/maps/dir//C%C3%A9gep+De+Sherbrooke+475+Rue+du+C%C3%A9gep+Sherbrooke,+Quebec+J1E+4K1/@45.4111141,-71.8863288,16z/data=!4m8!4m7!1m0!1m5!1m1!1s0x4cb7b3a7a1058a9f:0xac83ae2c6ba0672c!2m2!1d-71.8863288!2d45.4111141?entry=ttu&g_ep=EgoyMDI1MTEyMy4xIKXMDSoASAFQAw%3D%3D"> <a id="contenuAdresse" target="_blank" href="https://www.google.com/maps/dir//C%C3%A9gep+De+Sherbrooke+475+Rue+du+C%C3%A9gep+Sherbrooke,+Quebec+J1E+4K1/@45.4111141,-71.8863288,16z/data=!4m8!4m7!1m0!1m5!1m1!1s0x4cb7b3a7a1058a9f:0xac83ae2c6ba0672c!2m2!1d-71.8863288!2d45.4111141?entry=ttu&g_ep=EgoyMDI1MTEyMy4xIKXMDSoASAFQAw%3D%3D"> 475 rue du Cégep, Sherbrooke, QC J1E 4K1</a>
475 rue du Cégep, Sherbrooke, QC J1E 4K1</a></p>
<p>Pour plus d’information sur les créateurs : <a target="_blank" <p id="titreInfo">Pour plus d’information sur les créateurs :</p>
href="https://www.cegepsherbrooke.qc.ca/">Cégep de Sherbrooke</a></p> <a id="contenuInfo" target="_blank" href="https://www.cegepsherbrooke.qc.ca/">Cégep de Sherbrooke</a>
<p>Téléphone : <a href="tel:+18195646350">+1 (819) 564-6350</a></p>
<p id="titreTelephone">Téléphone :</p>
<a id="contenuTelephone" href="tel:+18195646350">+1 (819) 564-6350</a>
<p id="titreCourriel">Courriel :</p>
<a id="contenuCourriel" target="_blank" href="mailto:empty@zkd.ca">Équipe Les Alt-F4</a>
</div> </div>
</div> </div>
<div> <div>
<div> <div>
<p>Courriel :
<a target="_blank" href="mailto:empty@zkd.ca">Équipe Les Alt-F4</a>
</p>
<div class="conteneurMaps"> <div class="conteneurMaps">
<iframe id="mapsFrame" title="Maps pour cégep" <iframe id="mapsFrame" title="Maps pour cégep"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2800.9120010040356!2d-71.88890908663183!3d45.41111407095251!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4cb7b3a7a1058a9f%3A0xac83ae2c6ba0672c!2sC%C3%A9gep%20De%20Sherbrooke!5e0!3m2!1sen!2sca!4v1764356213744!5m2!1sen!2sca" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2800.9120010040356!2d-71.88890908663183!3d45.41111407095251!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4cb7b3a7a1058a9f%3A0xac83ae2c6ba0672c!2sC%C3%A9gep%20De%20Sherbrooke!5e0!3m2!1sen!2sca!4v1764356213744!5m2!1sen!2sca"

81
www/css/style.css
View File

@@ -304,7 +304,6 @@ footer a:hover {
/****************************/ /****************************/
.aProposBG { .aProposBG {
background: url('../images/imageSR/Warframe0006.webp') center/cover fixed; background: url('../images/imageSR/Warframe0006.webp') center/cover fixed;
width: 100vw;
height: 100vh; height: 100vh;
} }
@@ -352,7 +351,7 @@ footer a:hover {
width: 70ch; width: 70ch;
margin: auto; margin: auto;
background-color: #726F9A; background-color: #726F9A;
border-radius: 15px; border-radius: 20px;
padding: 1em; padding: 1em;
color: #E6ECF3; color: #E6ECF3;
overflow: none; overflow: none;
@@ -370,29 +369,78 @@ footer a:hover {
.aPropos #contactInfo { .aPropos #contactInfo {
background-color: #273A56; background-color: #273A56;
padding: 1em; padding: 1em;
border-radius: 15px; border-radius: 20px;
color: #E6ECF3; color: #E6ECF3;
} }
.aPropos a:link { .aPropos .grille {
display: grid;
grid-template-areas:
"titreAdresse contenuAdresse"
"titreInfo contenuInfo"
"titreTelephone contenuTelephone"
"titreCourriel contenuCourriel";
}
.aPropos .grille #titreAdresse {
grid-area: titreAdresse;
text-align: left;
}
.aPropos .grille #contenuAdresse {
grid-area: contenuAdresse;
text-align: right;
}
.aPropos .grille #titreInfo {
grid-area: titreInfo;
text-align: left;
}
.aPropos .grille #contenuInfo {
grid-area: contenuInfo;
text-align: right;
}
.aPropos .grille #titreTelephone {
grid-area: titreTelephone;
text-align: left;
}
.aPropos .grille #contenuTelephone {
grid-area: contenuTelephone;
text-align: right;
}
.aPropos .grille #titreCourriel {
grid-area: titreCourriel;
text-align: left;
}
.aPropos .grille #contenuCourriel {
grid-area: contenuCourriel;
text-align: right;
}
.aPropos .grille #contenuAdresse,
.aPropos .grille #contenuInfo,
.aPropos .grille #contenuTelephone,
.aPropos .grille #contenuCourriel {
color: #E6ECF3; color: #E6ECF3;
font-weight: 800; font-weight: 800;
text-decoration: underline; text-decoration: underline;
text-align: right; }
float: right;
.aPropos .grille #contenuAdresse:hover,
.aPropos .grille #contenuInfo:hover,
.aPropos .grille #contenuTelephone:hover,
.aPropos .grille #contenuCourriel:hover {
color: #c19f8a;
} }
.aPropos #mapsFrame { .aPropos #mapsFrame {
border-radius: 15px; border-radius: 20px;
}
.aPropos a:visited {
color: #c19f8a;
}
.aPropos a:hover {
color: #726F9A;
} }
.aPropos .sidebyside label { .aPropos .sidebyside label {
@@ -929,6 +977,7 @@ footer a:hover {
color: #ffefe5; color: #ffefe5;
text-shadow: 2px 2px 2px #13172c; text-shadow: 2px 2px 2px #13172c;
} }
.missions audio { .missions audio {
margin: 2em auto auto auto; margin: 2em auto auto auto;
position: sticky; position: sticky;