Updated style, about and home

This commit is contained in:
Samuel Ortion 2021-06-11 11:25:49 +02:00
parent 4f75410f86
commit c806bd04b8
7 changed files with 135 additions and 11 deletions

View File

@ -1,5 +1,5 @@
<?php
$root = $_SERVER['DOCUMENT_ROOT'];
$root = realpath($_SERVER['DOCUMENT_ROOT']);
?>
<!DOCTYPE html>
<html lang="fr">
@ -12,11 +12,18 @@ $root = $_SERVER['DOCUMENT_ROOT'];
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
</head>
<body>
<?php include("$root/menu.php");?>
<?php include("$root/header.php");?>
<div class="container">
<?php include("$root/menu.php");?>
<?php include("$root/header.php");?>
</div>
<section>
<h2>À propos</h2>
<p><strong>Les Cocottes Minutes</strong> est une association étudiante de l'Université d'Évry val d'Essonne.</p>
<div class="container flip reduced"></div>
<div class="container">
<h2>À propos</h2>
<p><strong>Les Cocottes Minutes</strong> est une association étudiante de l'Université d'Évry val d'Essonne.</p>
<p>Elle a pour objectif de promouvoir l'écologie au coeur de l'université et dans la ville d'Évry - Courcouronnes.</p>
</div>
<div class="container flip reduced"></div>
</section>
<?php include("$root/footer.php");?>
<script src="/scripts/script.js"></script>

View File

@ -0,0 +1,54 @@
<?php
$root = realpath($_SERVER['DOCUMENT_ROOT']);
?>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mentions Légales | Les Cocottes Minutes</title>
<link rel="stylesheet" href="/styles/style.css">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
</head>
<body>
<div class="container">
<?php include("$root/menu.php");?>
<?php include("$root/header.php");?>
</div>
<section>
<div class="container flip reduced"></div>
<div class="container">
<h2>Mentions Légales</h2>
<h3>Association</h3>
<p>Direction: Clément DEMONGIN</p>
<h3>Site web</h3>
<p>Directeur de la publication: ...</p>
<p>Développeur: Samuel ORTION, étudiant en Sciences de la Vie - Informatique</p>
<h4>Licence</h4>
<h5>Contenu</h5>
<p>
Sauf mention contraire, l'ensemble du contenu de ce site web,
(image et texte, par exemple) est mis sous licence
Creative Commons - Attribution - ShareAlike 4.0 International.
</p>
<br>
<img class="full-height" src="//upload.wikimedia.org/wikipedia/commons/thumb/5/57/CC-BY-SA_icon_white.svg/640px-CC-BY-SA_icon_white.svg.png" alt="cc-by-sa">
<h5>Code source</h5>
<p>
Le code source de ce site web est disponible sous licence GNU Affero GPL v3 <a href="https://forge.chapril.org/LesCocottesMinutes/www">sur la forge Gitea du Chapril</a>.
</p>
<br>
<a href="//www.gnu.org/licenses/agpl-3.0.en.html">
<img class="full-height" src="//upload.wikimedia.org/wikipedia/commons/thumb/0/06/AGPLv3_Logo.svg/220px-AGPLv3_Logo.svg.png" alt="agpl logo">
</a>
</div>
<div class="container flip reduced"></div>
</section>
<?php include("$root/footer.php");?>
<script src="/scripts/script.js"></script>
</body>
</html>

View File

@ -1,5 +1,5 @@
<?php
$root = $_SERVER['DOCUMENT_ROOT'];
$root = realpath($_SERVER['DOCUMENT_ROOT']);
?>
<!DOCTYPE html>
<html lang="fr">

View File

@ -0,0 +1,6 @@
<?php
$host = "localhost";
$database = "cotcotcot";
$user = "cot";
$password = "cot";
?>

View File

@ -1,6 +1,8 @@
<footer>
&#127279; 2021 - Les Cocottes Minutes
<br>
<img src="//upload.wikimedia.org/wikipedia/commons/thumb/0/06/AGPLv3_Logo.svg/220px-AGPLv3_Logo.svg.png" alt="agpl logo">
<a href="//forge.chapril.org/LesCocottesMinutes/www/">
<img class="full-height" src="//upload.wikimedia.org/wikipedia/commons/thumb/0/06/AGPLv3_Logo.svg/220px-AGPLv3_Logo.svg.png" alt="agpl logo">
</a>
<?php include("$root/networks.php");?>
</footer>

View File

@ -32,6 +32,10 @@ $root = $_SERVER['DOCUMENT_ROOT'];
</p>
</div>
<div class="container flip"></div>
<div class="container flip">
<div class="center"><a href="/join"><button class="big-button">Adhérer</button></a></div>
</div>
<div class="container flip"></div>
<div class="container flip">
<div id="map"></div>
</div>
@ -46,6 +50,6 @@ $root = $_SERVER['DOCUMENT_ROOT'];
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"
integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
crossorigin=""></script>
<script src="/scripts/map.js"></script>
<script src="/scripts/map.js"></script>
</body>
</html>

View File

@ -41,7 +41,7 @@ body {
}
div.container.flip {
height: 30em;
height: 20em;
}
div.container {
@ -55,7 +55,7 @@ div.container.flip:nth-child(even) {
div.container.flip:nth-child(odd) {
background-color: transparent;
height: 40em;
height: 25em;
}
a img {
@ -69,5 +69,56 @@ footer a {
}
#map {
height: 40em;
height: 25em;
}
.center {
position: relative;
text-align: center;
margin: auto;
}
.big-button {
background-color: green;
padding: 2em;
border-radius: 1em;
}
div.reduced {
max-height: 10em;
}
form {
display: flex;
flex-direction: column;
}
form input,
form textarea {
margin: 1em;
}
form input[type=submit] {
width: fit-content;
}
div.error {
background-color: rgba(255, 0, 0, 0.5);
border: solid red 1px;
border-radius: 1em;
padding: 1em;
}
div.msg {
background-color: rgba(0, 255, 0, 0.5);
border: solid darkgreen 1px;
border-radius: 1em;
padding: 1em;
margin: 2em;
}
img.full-height {
max-height: none;
height: 4em;
border-radius: 0;
}