Màj styles.

Finalisation page accueil.
Màj page sauveteurs.
This commit is contained in:
Antoine Waehren 2021-12-02 23:31:38 +01:00
parent 8698248abb
commit 942827f379
3 changed files with 62 additions and 10 deletions

View File

@ -1,17 +1,55 @@
body {
font-family: arial;
}
h1 {
}
p {
h1, p {
padding: 20px;
}
table, tr, td {
border: 1px solid black;
border-collapse: collapse;
padding: 10px;
}
.table_key {
font-weight: bold;
}
.article {
display: flex;
}
#banner {
background-color: #dfcba8;
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
margin-top:calc(-50vw + 50%);
display: flex;
align-items: center;
padding-top: 5px;
padding-bottom: 5px;
}
#banner_index {
background-color: #dfcba8;
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
margin-top:calc(-50vw + 50%);
padding-top: 5px;
padding-bottom: 5px;
}
#logo_title {
font-weight: bold;
font-size: 30px;
}
.searchbar {
float: right;
padding-right: 20px;
}
.right-align {
margin-left: auto;
}

View File

@ -5,12 +5,14 @@
<link href="../static/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<header id="banner_index">
<center>
<div class="LOGO-DUO">
<img src="../static/icon.png" width="200" height="100">
<img src="../static/icon.png" width="250" height="125">
<h1>Sauveteurs du dunkerquois</h1>
</div>
</center>
</header>
<br>
<center>
<form method="get" >
<input type="text"
placeholder="Rechercher un sauveteur, un bateau, une personne sauvée..." size=40>

View File

@ -10,12 +10,23 @@ description
<head>
<meta charset="utf-8">
<title>{{nom}} {{prenom}} - Sauveuteur du dunkerquois</title>
<title>{{nom}} {{prenom}} - Sauveuteurs du dunkerquois</title>
<link href="../static/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<img src="../static/icon.png">
<header id="banner">
<img src="../static/icon.png" width="150" height="75">
<span id="logo_title">Sauveuteurs du dunkerquois</span>
</header>
<br>
<form class="searchbar" method=get>
<input type="text" placeholder="Saisissez votre recherche..." size=20>
<input type="submit" value="Rechercher">
</form>
<h1>{{nom}} {{prenom}}</h1>
<div class="article">
<p>{{description}}Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus.</p>
<p class="right-align">
<table>
<tr>
<td class="table_key">Nom</td><td>{{nom}}</td>
@ -33,6 +44,7 @@ description
<td class="table_key">Gratifications</td><td>{{gratifications}}</td>
</tr>
</table>
<p>{{description}}</p>
</p>
</div>
</body>
</html>