Base website - added leaflet map, networks links and home
This commit is contained in:
parent
e0b3aa1fe6
commit
5a70032bb3
3
public/.gitignore
vendored
Normal file
3
public/.gitignore
vendored
Normal file
@ -0,0 +1,3 @@
|
||||
vendor/
|
||||
config.php
|
||||
composer.lock
|
||||
24
public/about/index.php
Normal file
24
public/about/index.php
Normal 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>
|
||||
27
public/about/trombi/index.php
Normal file
27
public/about/trombi/index.php
Normal 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
5
public/composer.json
Normal file
@ -0,0 +1,5 @@
|
||||
{
|
||||
"require": {
|
||||
"phpmailer/phpmailer": "^6.4"
|
||||
}
|
||||
}
|
||||
0
public/config.php.dist
Normal file
0
public/config.php.dist
Normal file
23
public/contact/index.php
Normal file
23
public/contact/index.php
Normal 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
BIN
public/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 67 KiB |
6
public/footer.php
Normal file
6
public/footer.php
Normal file
@ -0,0 +1,6 @@
|
||||
<footer>
|
||||
🄯 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
4
public/header.php
Normal file
@ -0,0 +1,4 @@
|
||||
<header>
|
||||
<h1>Les Cocottes Minutes</h1>
|
||||
Pour des initiatives écologiques
|
||||
</header>
|
||||
51
public/index.php
Normal file
51
public/index.php
Normal 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>
|
||||
1
public/media/networks/gitea.svg
Normal file
1
public/media/networks/gitea.svg
Normal 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 |
BIN
public/media/networks/mob_black.png
Normal file
BIN
public/media/networks/mob_black.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
public/media/networks/mobilizon.jpg
Normal file
BIN
public/media/networks/mobilizon.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
BIN
public/media/networks/mobilizon.png
Normal file
BIN
public/media/networks/mobilizon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
public/media/pictures/earth-resized.jpg
Normal file
BIN
public/media/pictures/earth-resized.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 533 KiB |
BIN
public/media/pictures/earth.jpg
Normal file
BIN
public/media/pictures/earth.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.9 MiB |
15
public/menu.php
Normal file
15
public/menu.php
Normal 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
14
public/networks.php
Normal 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
9
public/scripts/map.js
Normal 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: '© <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
0
public/scripts/script.js
Normal file
73
public/styles/style.css
Normal file
73
public/styles/style.css
Normal 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;
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user