Base website - added leaflet map, networks links and home

This commit is contained in:
Samuel Ortion 2021-06-10 19:27:01 +02:00
parent e0b3aa1fe6
commit 5a70032bb3
21 changed files with 255 additions and 0 deletions

3
public/.gitignore vendored Normal file
View File

@ -0,0 +1,3 @@
vendor/
config.php
composer.lock

24
public/about/index.php Normal file
View File

@ -0,0 +1,24 @@
<?php
$root = $_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>À propos | Les Cocottes Minutes</title>
<link rel="stylesheet" href="/styles/style.css">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
</head>
<body>
<?php include("$root/menu.php");?>
<?php include("$root/header.php");?>
<section>
<h2>À propos</h2>
<p><strong>Les Cocottes Minutes</strong> est une association étudiante de l'Université d'Évry val d'Essonne.</p>
</section>
<?php include("$root/footer.php");?>
<script src="/scripts/script.js"></script>
</body>
</html>

View File

@ -0,0 +1,27 @@
<?php
$root = $_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>Trombinoscope | Les Cocottes Minutes</title>
<link rel="stylesheet" href="/styles/style.css">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
</head>
<body>
<?php include("$root/menu.php");?>
<?php include("$root/header.php");?>
<section>
<h2>Trombinoscope</h2>
<main>
<h3>Bureau</h3>
</main>
</section>
<?php include("$root/footer.php");?>
<script src="/scripts/script.js"></script>
</body>
</html>

5
public/composer.json Normal file
View File

@ -0,0 +1,5 @@
{
"require": {
"phpmailer/phpmailer": "^6.4"
}
}

0
public/config.php.dist Normal file
View File

23
public/contact/index.php Normal file
View File

@ -0,0 +1,23 @@
<?php
$root = $_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>Contact | Les Cocottes Minutes</title>
<link rel="stylesheet" href="/styles/style.css">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
</head>
<body>
<?php include("$root/menu.php");?>
<?php include("$root/header.php");?>
<section>
</section>
<?php include("$root/footer.php");?>
<script src="/scripts/script.js"></script>
</body>
</html>

BIN
public/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 67 KiB

6
public/footer.php Normal file
View File

@ -0,0 +1,6 @@
<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">
<?php include("$root/networks.php");?>
</footer>

4
public/header.php Normal file
View File

@ -0,0 +1,4 @@
<header>
<h1>Les Cocottes Minutes</h1>
Pour des initiatives écologiques
</header>

51
public/index.php Normal file
View File

@ -0,0 +1,51 @@
<?php
$root = $_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>Les Cocottes Minutes</title>
<link rel="stylesheet" href="/styles/style.css">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"
integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
crossorigin=""/>
</head>
<body>
<div class="container">
<?php include("$root/menu.php");?>
<?php include("$root/header.php");?>
</div>
<section>
<main>
<div class="container flip"></div>
<div class="container flip">
<p>
Association étudiante de l'Université d'Évry val d'Esonne,
<strong>Les Cocottes Minutes</strong> a pour objectif d'initier
et promouvoir des actions dans le domaine de l'écologie
au coeur de l'université, et plus généralement dans la ville d'Évry - Courcouronnes.
</p>
</div>
<div class="container flip"></div>
<div class="container flip">
<div id="map"></div>
</div>
<div class="container flip"></div>
</main>
</section>
<div class="attribution">
</div>
<?php include("$root/footer.php");?>
<script src="/scripts/script.js"></script>
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"
integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
crossorigin=""></script>
<script src="/scripts/map.js"></script>
</body>
</html>

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="800" width="1200" viewBox="-18.77673 -19.385925 162.73166 116.31555"><path d="M22.1597.5C12.613.473-.1796 7.2982.5279 24.404c1.1056 26.729 25.4566 29.2084 35.1917 29.423 1.068 5.0136 12.5218 22.3057 21.0018 23.2167h37.1528c22.2776-1.6678 38.9607-75.7567 26.5932-76.0382-46.7816 2.4769-49.9952 2.1384-88.5998 0C29.3726.9789 25.8953.5107 22.1596.5zm2.4913 9.459c1.3514 13.6926 3.5559 21.7035 8.0182 33.9434-11.3829-1.5047-21.0698-5.2244-22.8515-19.1099C8.8667 17.3813 12.2081 9.625 24.651 9.959z" fill="#609926" stroke="#428f29"/><g transform="translate(-5.5503 -33.1175)" fill="#fff"><rect ry="5.4826" transform="rotate(25.915)" y="18.2916" x="87.5087" height="34.7621" width="34.7621"/><path d="M79.805 57.359l3.241 1.61V35.2557h-3.2626z"/></g><g transform="translate(-5.5503 -33.1175)"><circle cx="49.0647" cy="90.0778" r="3.4745" transform="rotate(-19.796)" fill="#609926"/><circle cx="36.8104" cy="102.1049" r="3.4745" transform="rotate(-19.796)" fill="#609926"/><circle cx="46.4843" cy="111.4393" r="3.4745" transform="rotate(-19.796)" fill="#609926"/><path fill="#609926" d="M79.5402 58.9355l2.4017 1.1726-11.961 24.4975-2.4017-1.1727z"/><path d="M76.5581 68.1163c12.9759 6.3954 13.013 4.102 4.8909 20.9073" fill="none" stroke="#609926" stroke-width="2.68"/></g></svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 533 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.9 MiB

15
public/menu.php Normal file
View File

@ -0,0 +1,15 @@
<nav>
<ul>
<a href="/">
<li>Accueil</li>
</a><a href="/about">
<li>À propos</li>
</a><a href="/contact">
<li>Contact</li>
</a><a href="/join">
<li>Adhérer</li>
</a><a href="">
<li></li>
</a>
</ul>
</nav>

14
public/networks.php Normal file
View File

@ -0,0 +1,14 @@
<div id="networks">
<a href="//www.facebook.com/Les-Cocottes-Minutes-104497084298314">
<i class="fab fa-facebook-square"></i>
</a><a href="//www.instagram.com/lescocottes.evry/">
<i class="fab fa-instagram-square"></i>
</a><a href="">
<i class="fab fa-mastodon"></i>
</a><a href="//mobilizon.chapril.org/@cocottes">
<img src="/media/networks/mobilizon.png" alt="mobilizon">
</a><a href="//forge.chapril.org/LesCocottesMinutes/">
<img src="/media/networks/gitea.svg" alt="gitea">
</a>
</div>
<script src="//kit.fontawesome.com/425c1b9a6c.js" crossorigin="anonymous"></script>

9
public/scripts/map.js Normal file
View File

@ -0,0 +1,9 @@
var map = L.map('map').setView([48.624058618779, 2.4272403919108], 13);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
L.marker([48.624058618779, 2.4272403919108]).addTo(map)
.bindPopup('Université d\'Évry val d\'Essonne <br><br> 23 Boulevard François Mitterrand,<br> 91000 Évry-Courcouronnes')
.openPopup();

0
public/scripts/script.js Normal file
View File

73
public/styles/style.css Normal file
View File

@ -0,0 +1,73 @@
body {
margin: 0;
padding: 0;
}
section {
min-height: 100vh;
}
footer {
padding: 1em;
text-align: center;
background-color: white;
}
nav ul {
display: flex;
flex-direction: row;
}
nav ul li {
list-style: none;
padding-left: 2em;
}
nav ul a {
color: black;
}
header,
section {
padding: 1em;
}
body {
background-color: black;
background-image: url("/media/pictures/earth-resized.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 50%;
}
div.container.flip {
height: 30em;
}
div.container {
background-color: white;
padding: 2em;
}
div.container.flip:nth-child(even) {
background-color: white;
}
div.container.flip:nth-child(odd) {
background-color: transparent;
height: 40em;
}
a img {
max-height: 1em;
border-radius: 10%;
}
footer a {
text-decoration: none;
color: black
}
#map {
height: 40em;
}