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

mise a jour de aPropos et missions

Browse Source
This commit is contained in:
Stan
2025-12-02 11:33:08 -05:00
parent 32edf8ed5e
commit a14c1d5523
3 changed files with 98 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
www/aPropos.html
View File

@@ -16,7 +16,7 @@
<script src="js/script.js"></script>
</head>
<body>
<body class="aProposBG">
<nav>
<a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"></a>
@@ -31,12 +31,14 @@
</nav>
<main class="aPropos">
<h1>Contactez l'équipe!</h1>
<div class="sidebyside">
<div>
<!-- utilisation de get pour avoir les variables dans l'url : page statique -->
<!-- si utilisation de serveur dynamique, changer pour POST -->
<form method="get" action="reponse.html">
<fieldset>
<h2>Commentaire</h2>
<fieldset id="firstField">
<legend>Informations de contact</legend>
<div>
<label for="nomComplet">Votre nom complet :</label>
@@ -140,7 +142,6 @@
<div>
<div id="contactInfo">
<h1>Contactez l'équipe!</h1>
<div>
<div>
<h2>Coordonnées</h2>
@@ -169,6 +170,10 @@
</div>
</div>
<!--
FIXME: Input nom et courriel largeur
FIXME: Centrer les div et fond-d'ecran
FIXME: Padding 2e box ...
Contenu minimal de la page de contact de votre site Web :
• <main> – Le contenu principal de la page

36
www/css/style.css
View File

@@ -288,13 +288,22 @@ footer a:hover {
/* PAGE: à Propos */
/* AUTEUR: Stanislas Royal */
/****************************/
.aProposBG {
background: url('../images/imageSR/Warframe0006.webp') center/cover fixed;
width: 100vw;
height: 100vh;
}
.aPropos {
background-color: rgb(99, 241, 99);
margin: auto;
display: block;
}
.aPropos main {
.aPropos h1{
text-align: center;
}
.aPropos>div:first {
margin: auto;
display: flex;
/* min-height: calc(100vh - 60px); */
/* display: block; */
align-content: center;
@@ -305,6 +314,7 @@ footer a:hover {
max-width: 700px;
max-height: 600px;
overflow: scroll;
margin-top: 3em;
}
.aPropos .conteneurMaps­ iframe {
@@ -327,11 +337,6 @@ footer a:hover {
width: 100%;
}
.aPropos>main {
margin: auto;
display: flex;
justify-content: center;
}
.aPropos form {
width: 70ch;
@@ -392,9 +397,22 @@ Couleur texte : #FFEFE5
padding: 10px;
width: 100%;
border-color: #606060;
margin: 10px auto;
}
.aPropos fieldset:not(:first-child) {
margin: 1em auto 1em 0px;
}
.aPropos #contactInfo h2 {
margin-bottom: 1em;
}
.aPropos #firstField label {
width: 11em;
display:inline-block
}
.aPropos #firstField input {
width: 25em;
display:inline-block
}
/*.aPropos div {*/
/* display: block; */
/*}*/

63
www/missions.html
View File

@@ -31,7 +31,68 @@
</nav>
<main class="missions">
<p>Coming soon...</p>
<section>
<p>Il existe plusieurs types de missions dans Warframe. Une des méchaniques du jeu fait qu'il est nécessaire
d'acquérir des resources. Les missions donnent la possibilité de les récolter. Nous vous présenterons
les
types de missions les plus fréquentes.</p>
</section>
<section>
<h2>Survival</h2>
<p>Survie</p>
</section>
<section>
<h2>Assassination</h2>
<p>...</p>
</section>
<section>
<h2>Capture</h2>
<p>...</p>
</section>
<section>
<h2>Defense</h2>
<p>...</p>
</section>
<section>
<h2>Excavation</h2>
<p>...</p>
</section>
<section>
<h2>Exterminate</h2>
<p>...</p>
</section>
<section>
<h2>Hijack</h2>
<p>...</p>
</section>
<section>
<h2>?? Hive Sabotage</h2>
<p>...</p>
</section>
<section>
<h2>Interception</h2>
<p>...</p>
</section>
<section>
<h2>Invasion</h2>
<p>...</p>
</section>
<section>
<h2>Mobile Defense</h2>
<p>...</p>
</section>
<section>
<h2>Rescue</h2>
<p>...</p>
</section>
<section>
<h2>Sabotage</h2>
<p>...</p>
</section>
<section>
<h2>Railjack</h2>
<p>...</p>
</section>
</main>
<footer>