Introduction and style.css

index.html

@@ -28,7 +28,50 @@
       </div>
     </header>
 
+    <section id="introduction">
+      <h3>Bonjour,</h3>
+
+      Bienvenu sur le site de questions de Nemubot. Vous pouvez ici ajouter de
+      nouvelles questions à Nemubot. Ces questions seront posées sur le
+      chan irc.
+
+      <h3>Fonctionnement</h3>
+
+      <p>
+      Les questions que vous ajoutez vont être soumise à vérification par une
+      personne tirée au sort parmis la liste des participants du chan.
+      </p>
+      <p>
+        L'un des principes de ces questions est qu'elle aient un rapport
+        avec les cours dispensés au 2eme semestres et sur lesquelles nous
+        auront des partiels. Merci de poser des questions qui vont dans
+        ce sens.
+      </p>
+
+      <p>
+        Un email va être envoyé à cette personne avec votre question et
+        la/les réponse(s) que vous avez proposé. Cette personne pourra alors
+        valider votre question et celle ci pourra alors apparaitre sur le chan.
+        Si elle est refusée, elle sera détruite de la base de données.
+      </p>
+
+      <h3>Quelques détails</h3>
+
+      <p>
+        Le champ "De quelle matière s'agit-il ?" n'est là qu'a titre
+        indicatif. Il va permettre à la personne qui valide votre question
+        d'aller vérifier par lui même la véracité de votre réponse.<br/>
+        Indiquez la matière sur laquelle porte la question lui permettre
+        d'aller plus vite.<br/>
+
+        Si la question a été trouvée sur un ancien partiel ou sur le cours,
+        vous pouvez insérer ici l'url du document en question.
+      </p>
+
+    </section>
+
     <form id="formulaire" method="post" action="questions.php">
+      <h2>Nouvelle question</h2>
       <p>
         <label for="course">De quelle matière s'agit-il ?</label><br/>
 
@@ -55,10 +98,11 @@
         </select>
       </p>
 
-      <p>
+      <p id="questionPart">
-        <label for="question">Quelle est votre question ? </label>
+        <label id="q" for="question">Quelle est votre question ? </label>
         <textarea id="question" name="question"
-                  rows="10" cols="50"></textarea>
+                  rows="10" cols="50"
+                  placeholder="Entrez votre question ici"></textarea>
       </p>
       <p id="answerList">
         <label for="answer">Quelle est la réponse ? </label>
@@ -75,5 +119,11 @@
       </p>
     </form>
 
+    <footer>
+      <h4>Details</h4>
+      Ça fait moche un site sans pied de page.<br/>
+      En voilà donc un.
+    </footer>
+
   </body>
 </html>

style.css

@@ -0,0 +1,33 @@
+body
+{
+    text-align: center;
+    width: 80%;
+    margin: auto;
+}
+
+#introduction
+{
+    text-align: justify;
+    border: solid;
+    border-radius: 5px;
+    padding: 10px;
+    margin-bottom: 10px;
+}
+
+form
+{
+    border: solid;
+    border-radius: 5px;
+    margin-bottom: 20px;
+}
+
+#q
+{
+    vertical-align: top;
+}
+
+footer
+{
+    border-top: solid;
+    text-align: justify;
+}