Horrible design
This commit is contained in:
parent
4c4d737f9a
commit
8b9ce4aadd
17
index.html
17
index.html
@ -26,18 +26,24 @@
|
|||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div id="main_title">
|
<div id="main_title">
|
||||||
|
<a href="http://www.h2g2.com" target="_blank">
|
||||||
|
<img src="marvin-robot_normal.png" alt="" id="banner"/>
|
||||||
|
</a>
|
||||||
<h1>Nemubot Questions</h1>
|
<h1>Nemubot Questions</h1>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<section id="introduction">
|
<section id="introduction">
|
||||||
<h3>Bonjour,</h3>
|
<article id="bonjour">
|
||||||
|
<h2>Bonjour,</h2>
|
||||||
|
|
||||||
Bienvenu sur le site de questions de Nemubot. Vous pouvez ici ajouter de
|
Bienvenu sur le site de questions de Nemubot. Vous pouvez ici
|
||||||
nouvelles questions à Nemubot. Ces questions seront posées sur le
|
ajouter de nouvelles questions à Nemubot. Ces questions seront
|
||||||
chan irc.
|
posées sur le chan irc.
|
||||||
|
</article>
|
||||||
|
|
||||||
<h3>Fonctionnement</h3>
|
<article id="fonctionnement">
|
||||||
|
<h2>Fonctionnement</h2>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
Les questions que vous ajoutez vont être soumise à vérification par une
|
Les questions que vous ajoutez vont être soumise à vérification par une
|
||||||
@ -56,6 +62,7 @@
|
|||||||
valider votre question et celle ci pourra alors apparaitre sur le chan.
|
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.
|
Si elle est refusée, elle sera détruite de la base de données.
|
||||||
</p>
|
</p>
|
||||||
|
</article>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<form id="formulaire" method="post" action="questions.php">
|
<form id="formulaire" method="post" action="questions.php">
|
||||||
|
BIN
marvin-robot_normal.png
Normal file
BIN
marvin-robot_normal.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 6.4 KiB |
54
style.css
54
style.css
@ -3,17 +3,62 @@ body
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
width: 60%;
|
width: 60%;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
background-color: #545455;
|
||||||
|
}
|
||||||
|
|
||||||
|
header
|
||||||
|
{
|
||||||
|
border-radius: 10px;
|
||||||
|
margin: 10px;
|
||||||
|
padding: 8px;
|
||||||
|
background-color: black;
|
||||||
|
color: orange;
|
||||||
|
}
|
||||||
|
|
||||||
|
#banner
|
||||||
|
{
|
||||||
|
display: inline-block;
|
||||||
|
float: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
#introduction
|
#introduction
|
||||||
{
|
{
|
||||||
text-align: justify;
|
text-align: justify;
|
||||||
border: solid;
|
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
padding: 10px;
|
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#introduction article
|
||||||
|
{
|
||||||
|
display: inline-block;
|
||||||
|
width: 40%;
|
||||||
|
background-color: white;
|
||||||
|
border: solid;
|
||||||
|
border-radius: 3px;
|
||||||
|
border-radius: 0px;
|
||||||
|
padding: 10px;
|
||||||
|
height: 350px;
|
||||||
|
}
|
||||||
|
|
||||||
|
article h2, form h2
|
||||||
|
{
|
||||||
|
background-color: black;
|
||||||
|
color: orange;
|
||||||
|
margin-left: -10px;
|
||||||
|
margin-right: -10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bonjour
|
||||||
|
{
|
||||||
|
vertical-align: top;
|
||||||
|
margin-right: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#fonctionnement
|
||||||
|
{
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
form
|
form
|
||||||
{
|
{
|
||||||
border: solid;
|
border: solid;
|
||||||
@ -21,6 +66,7 @@ form
|
|||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
background-color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
#list
|
#list
|
||||||
@ -41,13 +87,15 @@ aside
|
|||||||
box-shadow: 0px 5px 10px black;
|
box-shadow: 0px 5px 10px black;
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
padding-right: 10px;
|
padding-right: 10px;
|
||||||
|
background-color: black;
|
||||||
|
color: orange;
|
||||||
}
|
}
|
||||||
|
|
||||||
#arrow
|
#arrow
|
||||||
{
|
{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
margin-left: -40px;
|
margin-left: -40px;
|
||||||
margin-top: 100px;
|
margin-top: 80px;
|
||||||
}
|
}
|
||||||
|
|
||||||
footer
|
footer
|
||||||
|
@ -1,4 +1,19 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
|
|
||||||
|
<?php
|
||||||
|
include("Question.class.php");
|
||||||
|
include("QuestionsFile.class.php");
|
||||||
|
|
||||||
|
function print_question()
|
||||||
|
{
|
||||||
|
$id = $_GET['id'];
|
||||||
|
$file = new QuestionsFile('questions.xml');
|
||||||
|
|
||||||
|
$questions = $file->get_question($id);
|
||||||
|
$question->print_test();
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf8" />
|
<meta charset="utf8" />
|
||||||
@ -10,19 +25,8 @@
|
|||||||
lien ci dessous.<br/>
|
lien ci dessous.<br/>
|
||||||
|
|
||||||
<input type="button" value="Valider la question"
|
<input type="button" value="Valider la question"
|
||||||
onclick="validate()"/>
|
onclick="<?php print_questions(); ?>"/>
|
||||||
|
|
||||||
|
|
||||||
<?php
|
|
||||||
include("Question.class.php");
|
|
||||||
include("QuestionsFile.class.php");
|
|
||||||
|
|
||||||
$id = $_GET['id'];
|
|
||||||
$file = new QuestionsFile('questions.xml');
|
|
||||||
|
|
||||||
$questions = $file->get_question($id);
|
|
||||||
$question->print_test();
|
|
||||||
?>
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
Reference in New Issue
Block a user