Divers ajouts/modifications
- Ajout du blog - Ajout de la page équipe - Modification du header (style) - Modification du footer (contenu + style) - Ajout du plan du site - Ajout des mentions légales - Ajout du favicon - Ajout des balises OpenGraph - Ajout du logo GitHub
This commit is contained in:
parent
e6806dc692
commit
6a654ae0d7
@ -3,7 +3,15 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="icon" href="../assets/img/favicon_dark.ico" media="(prefers-color-scheme: light)">
|
||||||
|
<link rel="icon" href="../assets/img/favicon_light.ico" media="(prefers-color-scheme: dark)">
|
||||||
<title>Qui sommes-nous ? - Elite Solar</title>
|
<title>Qui sommes-nous ? - Elite Solar</title>
|
||||||
|
<meta property="og:title" content="Qui sommes-nous ? - Elite Solar">
|
||||||
|
<meta name="description" content="En savoir plus sur Elite Solar">
|
||||||
|
<meta property="og:description" content="En savoir plus sur Elite Solar">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:site_name" content="Elite Solar">
|
||||||
|
<meta property="og:locale" content="fr_FR">
|
||||||
<link rel="stylesheet" href="../assets/css/style.css">
|
<link rel="stylesheet" href="../assets/css/style.css">
|
||||||
<link rel="stylesheet" href="../assets/css/header.css">
|
<link rel="stylesheet" href="../assets/css/header.css">
|
||||||
<link rel="stylesheet" href="../assets/css/footer.css">
|
<link rel="stylesheet" href="../assets/css/footer.css">
|
||||||
@ -12,17 +20,28 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<h1>Elite Solar</h1>
|
<div>
|
||||||
<img id="burger-menu" alt="Menu" onclick="burgerMenu()" src="../assets/img/open-menu.svg">
|
<a href="../"><img id="logo" src="../assets/img/logo_noir.png" height="60"></a>
|
||||||
<ul id="menu" class="invisible">
|
<img id="burger-menu" alt="Menu" onclick="burgerMenu()" src="../assets/img/open-menu.svg">
|
||||||
<li><a href="../">Accueil</a></li>
|
<nav>
|
||||||
<li class="active"><a href="../about">Qui sommes-nous ?</a></li>
|
<ul id="menu" class="invisible">
|
||||||
<li><a href="../product">Produit</a></li>
|
<li><a href="../">Accueil</a></li>
|
||||||
<li><a href="../contact">Contact</a></li>
|
<li class="active"><a href="../about">Qui sommes-nous ?</a></li>
|
||||||
<li><a href="../faq">FAQ</a></li>
|
<li><a href="../product">Produit</a></li>
|
||||||
</ul>
|
<li><a href="../contact">Contact</a></li>
|
||||||
|
<li><a href="../faq">FAQ</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<main>
|
<main>
|
||||||
|
<nav class="crumbs">
|
||||||
|
<ol>
|
||||||
|
<li class="crumb"><a href="../">Accueil</a></li> >
|
||||||
|
<li class="crumb">Qui sommes-nous ?</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
|
||||||
<h1>Qui sommes-nous ?</h1><br>
|
<h1>Qui sommes-nous ?</h1><br>
|
||||||
|
|
||||||
<div class="about">
|
<div class="about">
|
||||||
@ -40,40 +59,26 @@
|
|||||||
<p>Les motivations de notre équipe sont principalement axées sur l’écologie et l’innovation. En effet grâce à notre technologie nous contribuons à la promotion des énergies renouvelables, et de ce fait, à la réduction de l’empreinte carbone. Nous permettons à tous d’accéder à une nouvelle manière innovante de consommer l’électricité, il est indispensable d’innover dans ce domaine afin de préserver l’environnement.</p>
|
<p>Les motivations de notre équipe sont principalement axées sur l’écologie et l’innovation. En effet grâce à notre technologie nous contribuons à la promotion des énergies renouvelables, et de ce fait, à la réduction de l’empreinte carbone. Nous permettons à tous d’accéder à une nouvelle manière innovante de consommer l’électricité, il est indispensable d’innover dans ce domaine afin de préserver l’environnement.</p>
|
||||||
|
|
||||||
<h2>Notre équipe</h2>
|
<h2>Notre équipe</h2>
|
||||||
<p>Notre équipe est constituée tout d'abord des trois fondateurs, Lyanis Souidi, Tom Moguljak et Romain Journeau, et d'une autre part d'ingénieurs spécialisés dans les cellules photovoltaïque. Pour les futurs candidats, nous veillerons à ce que ces derniers adhèrent à notre culture d’entreprise, les candidats devront notamment être engagés dans la protection de l’environnement, l’une des valeurs fondamentales de notre projet. Le niveau d’expertise des candidats sera également un point important pour nos recrutements étant donné que nous proposons une technologie très innovante.</p>
|
<p>Notre équipe est constituée tout d'abord des trois fondateurs, <a href="../team/lyanis-souidi">Lyanis Souidi</a>, <a href="../team/tom-moguljak">Tom Moguljak</a> et <a href="../team/romain-journeau">Romain Journeau</a>, et d'une autre part d'ingénieurs spécialisés dans les cellules photovoltaïque. Pour les futurs candidats, nous veillerons à ce que ces derniers adhèrent à notre culture d’entreprise, les candidats devront notamment être engagés dans la protection de l’environnement, l’une des valeurs fondamentales de notre projet. Le niveau d’expertise des candidats sera également un point important pour nos recrutements étant donné que nous proposons une technologie très innovante.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
|
<button onclick="topFunction()" id="backToTop" title="Revenir au début de la page">⬆️</button>
|
||||||
<footer>
|
<footer>
|
||||||
<div id="social">
|
<div class="content">
|
||||||
<p>Suivez-Nous</p>
|
<div class="text">
|
||||||
<ul>
|
© <?= date("Y") ?> Elite Solar
|
||||||
<li><a href="https://linkedin.com"><img src="../assets/img/linkedin.svg" width="50" height="50" alt="LinkedIn"></a></li>
|
<a href="../legal">Mentions légales</a>
|
||||||
<li><a href="https://instagram.com/elitesolar77"><img src="../assets/img/instagram.svg" width="50" height="50" alt="Instagram"></a></li>
|
<a href="../sitemap">Plan du site</a>
|
||||||
<li><a href="https://www.facebook.com/profile.php?id=100089332237449"><img src="../assets/img/facebook.svg" width="50" height="50" alt="Facebook"></a></li>
|
</div>
|
||||||
<li><a href="https://twitter.com/EliteSolar77"><img src="../assets/img/twitter.svg" width="50" height="50" alt="Twitter"></a></li>
|
<div class="social">
|
||||||
</ul>
|
<a target="_blank" href="https://linkedin.com"><img src="../assets/img/linkedin.svg" width="25" height="25" alt="LinkedIn"></a>
|
||||||
|
<a target="_blank" href="https://instagram.com/elitesolar77"><img src="../assets/img/instagram.svg" width="25" height="25" alt="Instagram"></a>
|
||||||
|
<a target="_blank" href="https://www.facebook.com/profile.php?id=100089332237449"><img src="../assets/img/facebook.svg" width="25" height="25" alt="Facebook"></a>
|
||||||
|
<a target="_blank" href="https://twitter.com/EliteSolar77"><img src="../assets/img/twitter.svg" width="25" height="25" alt="Twitter"></a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="sitemap">
|
|
||||||
<p>Plan du site</p>
|
|
||||||
<ul>
|
|
||||||
<li><a href="../">Page d'accueil</a></li>
|
|
||||||
<li><a href="../about">Qui sommes-nous ?</a></li>
|
|
||||||
<li><a href="../product">Notre produit</a></li>
|
|
||||||
<li><a href="../faq">Foire aux questions</a></li>
|
|
||||||
<li><a href="../contact">Contact</a></li>
|
|
||||||
<li><a href="../privacy">Politique de confidentialité</a></li>
|
|
||||||
<li><a href="../legal">Mentions légales</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div id="contact">
|
|
||||||
<p>Contact</p>
|
|
||||||
<ul>
|
|
||||||
<li><a href="tel:+33160746800">+33 1 60 74 68 00</a></li>
|
|
||||||
<li><a href="mailto:elitesolar.contact77@gmail.com">elitesolar.contact77@gmail.com</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<p id="copyright">© <?= date("Y") ?> Elite Solar. Créé par Lyanis Souidi, Tom Moguljak et Romain Journeau.</p>
|
|
||||||
</footer>
|
</footer>
|
||||||
|
<script src="../assets/js/script.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
3
assets/css/blog.css
Normal file
3
assets/css/blog.css
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
#articles li {
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
@ -1,100 +1,32 @@
|
|||||||
footer {
|
footer {
|
||||||
background: var(--c-bg-footer);
|
padding-top: 1rem;
|
||||||
color: var(--c-footer-text);
|
padding-bottom: 1rem;
|
||||||
display: grid;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer div p {
|
|
||||||
font-size: 25pt;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#social ul {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
#social li {
|
|
||||||
display: inline;
|
|
||||||
}
|
|
||||||
|
|
||||||
#copyright {
|
|
||||||
text-align: center;
|
|
||||||
padding-top: 25px;
|
|
||||||
padding-bottom: 25px;
|
|
||||||
height: 100%;
|
|
||||||
background-color: #21262d;
|
background-color: #21262d;
|
||||||
margin: 0;
|
color: #ddd;
|
||||||
}
|
}
|
||||||
|
footer div.content {
|
||||||
#social, #sitemap, #contact {
|
|
||||||
height: max-content;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer a {
|
|
||||||
color: var(--c-footer-text);
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#contact a:hover, #sitemap a:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
#social ul {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
align-items: center;
|
||||||
padding: 0;
|
justify-content: space-between;
|
||||||
|
max-width: 1280px;
|
||||||
|
margin-right: auto;
|
||||||
|
margin-left: auto;
|
||||||
|
padding-right: 1rem;
|
||||||
|
padding-left: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
#social li {
|
footer div.text {
|
||||||
padding: 20px;
|
display: flex;
|
||||||
|
gap: 1.5rem;
|
||||||
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#sitemap ul {
|
footer div.text a {
|
||||||
list-style: none;
|
color: #ddd;
|
||||||
}
|
}
|
||||||
|
|
||||||
#sitemap li, #contact li {
|
footer div.social {
|
||||||
padding-bottom: 15px;
|
display: flex;
|
||||||
}
|
gap: 1rem;
|
||||||
|
align-items: center;
|
||||||
footer ul {
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
#contact ul {
|
|
||||||
list-style: none;
|
|
||||||
text-align: center;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#contact a[href^="tel:"]::before {
|
|
||||||
content: "☎️ ";
|
|
||||||
}
|
|
||||||
|
|
||||||
#contact a[href^="mailto:"]::before {
|
|
||||||
content: "✉️ ";
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 800px) {
|
|
||||||
footer {
|
|
||||||
grid-template-columns: 1fr 1fr 1fr;
|
|
||||||
grid-template-rows: 85% 15%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#social, #sitemap, #contact {
|
|
||||||
grid-row: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
#copyright {
|
|
||||||
grid-column: 1/4;
|
|
||||||
grid-row: 2;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 800px) {
|
|
||||||
footer {
|
|
||||||
grid-template-columns: 100%;
|
|
||||||
grid-auto-rows: auto;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
@ -5,6 +5,33 @@ header {
|
|||||||
min-height: 100px;
|
min-height: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
header div {
|
||||||
|
max-width: 1280px;
|
||||||
|
margin-right: auto;
|
||||||
|
margin-left: auto;
|
||||||
|
padding-right: 1rem;
|
||||||
|
padding-left: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
header #logo {
|
||||||
|
filter: invert(100%);
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: light) {
|
||||||
|
header {
|
||||||
|
background-color: #edecec;
|
||||||
|
}
|
||||||
|
|
||||||
|
#burger-menu {
|
||||||
|
filter: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
header #logo {
|
||||||
|
filter: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
header h1 {
|
header h1 {
|
||||||
float: left;
|
float: left;
|
||||||
font-size: 25px;
|
font-size: 25px;
|
||||||
@ -35,6 +62,7 @@ header h1 {
|
|||||||
|
|
||||||
#burger-menu {
|
#burger-menu {
|
||||||
transform: translateY(25%);
|
transform: translateY(25%);
|
||||||
|
filter: invert(100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 700px) {
|
@media screen and (min-width: 700px) {
|
||||||
|
|||||||
@ -22,9 +22,9 @@ display: inline;
|
|||||||
max-width: 1280px;
|
max-width: 1280px;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
main p {
|
||||||
padding-left: 5%;
|
padding-left: 5%;
|
||||||
padding-right: 5%;
|
padding-right: 5%;
|
||||||
padding-bottom: 2%;
|
padding-bottom: 2%;
|
||||||
|
|||||||
@ -99,4 +99,35 @@ main a:hover::after {
|
|||||||
.right, .left {
|
.right, .left {
|
||||||
grid-column: 1;
|
grid-column: 1;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#backToTop {
|
||||||
|
display: none;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 55px;
|
||||||
|
right: 55px;
|
||||||
|
z-index: 99;
|
||||||
|
font-size: 18px;
|
||||||
|
border: none;
|
||||||
|
outline: none;
|
||||||
|
background-color: #00A6ED;
|
||||||
|
padding: 15px;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#backToTop:hover {
|
||||||
|
background-color: #555;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav.crumbs {
|
||||||
|
border-bottom: 1px solid var(--c-b-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.crumbs ol {
|
||||||
|
list-style-type: none;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.crumb {
|
||||||
|
display: inline-block;
|
||||||
}
|
}
|
||||||
81
assets/css/team.css
Normal file
81
assets/css/team.css
Normal file
@ -0,0 +1,81 @@
|
|||||||
|
@media screen and (min-width: 700px) {
|
||||||
|
#team {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(3, 1fr);
|
||||||
|
}
|
||||||
|
|
||||||
|
main p#join, #team {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 850px) {
|
||||||
|
#cv {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 2fr;
|
||||||
|
gap: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#skill {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
}
|
||||||
|
|
||||||
|
#skill h2 {
|
||||||
|
grid-column: 1/3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ul#social {
|
||||||
|
display: inline-block;
|
||||||
|
display: flex;
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul#social li {
|
||||||
|
display: inline;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img[alt="github"] {
|
||||||
|
filter: invert(100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: light) {
|
||||||
|
img[alt="github"] {
|
||||||
|
filter: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media print {
|
||||||
|
* {
|
||||||
|
background-color: transparent !important;
|
||||||
|
color: black !important;
|
||||||
|
box-shadow: none !important;
|
||||||
|
text-shadow: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
header, footer {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#cv {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 2fr;
|
||||||
|
gap: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#skill {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
}
|
||||||
|
|
||||||
|
#skill h2 {
|
||||||
|
grid-column: 1/3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#articles li {
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
BIN
assets/img/favicon_dark.ico
Normal file
BIN
assets/img/favicon_dark.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 220 KiB |
BIN
assets/img/favicon_light.ico
Normal file
BIN
assets/img/favicon_light.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 220 KiB |
1
assets/img/github.svg
Normal file
1
assets/img/github.svg
Normal file
@ -0,0 +1 @@
|
|||||||
|
<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#24292f"/></svg>
|
||||||
|
After Width: | Height: | Size: 963 B |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 8.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.9 KiB After Width: | Height: | Size: 3.2 KiB |
16
assets/js/script.js
Normal file
16
assets/js/script.js
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
let backToTop = document.getElementById("backToTop");
|
||||||
|
|
||||||
|
window.onscroll = function() {scrollFunction()};
|
||||||
|
|
||||||
|
function scrollFunction() {
|
||||||
|
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
|
||||||
|
backToTop.style.display = "block";
|
||||||
|
} else {
|
||||||
|
backToTop.style.display = "none";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function topFunction() {
|
||||||
|
document.body.scrollTop = 0;
|
||||||
|
document.documentElement.scrollTop = 0;
|
||||||
|
}
|
||||||
1
blog/.htaccess
Normal file
1
blog/.htaccess
Normal file
@ -0,0 +1 @@
|
|||||||
|
FallbackResource index.php
|
||||||
171
blog/index.php
Normal file
171
blog/index.php
Normal file
@ -0,0 +1,171 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
try {
|
||||||
|
$error = false;
|
||||||
|
$dbh = new PDO('mysql:host=saeweb2022.souidi.fr;dbname=saeweb2022', "saeweb2022");
|
||||||
|
|
||||||
|
$url = parse_url($_SERVER["REQUEST_URI"])["path"];
|
||||||
|
|
||||||
|
if (str_ends_with($url, "/")) {
|
||||||
|
$url = substr($url, 0, -1);
|
||||||
|
}
|
||||||
|
|
||||||
|
$url = explode("/", $url);
|
||||||
|
|
||||||
|
if (end($url) == "blog") {
|
||||||
|
$mode = "list";
|
||||||
|
$articles = array();
|
||||||
|
|
||||||
|
foreach($dbh->query('SELECT article.title, article.created_at, article.slug, article.excerpt, employee.name AS author, employee.slug AS authorUrl FROM article JOIN employee ON article.author=employee.id ORDER BY created_at DESC;') as $row) {
|
||||||
|
$articles[] = $row;
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
$mode = "view";
|
||||||
|
$sth = $dbh->prepare("SELECT article.title, article.created_at, article.modified_at, article.slug, article.content, article.excerpt, employee.name AS author, employee.slug AS authorUrl FROM article JOIN employee ON article.author=employee.id AND article.slug = ?;");
|
||||||
|
$sth->execute([end($url)]);
|
||||||
|
$article = $sth->fetch(PDO::FETCH_ASSOC);
|
||||||
|
|
||||||
|
if (empty($article)) {
|
||||||
|
http_response_code(404);
|
||||||
|
$error = "notfound";
|
||||||
|
}
|
||||||
|
|
||||||
|
$sth = null;
|
||||||
|
}
|
||||||
|
|
||||||
|
$dbh = null;
|
||||||
|
} catch (PDOException $e) {
|
||||||
|
http_response_code(503);
|
||||||
|
$error = "db";
|
||||||
|
die($e->getMessage());
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="icon" href="../assets/img/favicon_dark.ico" media="(prefers-color-scheme: light)">
|
||||||
|
<link rel="icon" href="../assets/img/favicon_light.ico" media="(prefers-color-scheme: dark)">
|
||||||
|
<?php
|
||||||
|
if ($mode == 'list') {
|
||||||
|
echo '<title>Blog - Elite Solar</title>';
|
||||||
|
echo '<meta name="description" content="Le blog d\'Elite Solar">';
|
||||||
|
echo '<meta property="og:title" content="Blog - Elite Solar">';
|
||||||
|
echo '<meta property="og:description" content="Le blog d\'Elite Solar">';
|
||||||
|
echo '<meta property="og:type" content="website">';
|
||||||
|
}
|
||||||
|
elseif ($mode == 'view') {
|
||||||
|
echo '<title>' . $article['title'] . ' - Elite Solar</title>';
|
||||||
|
echo '<meta name="description" content="' . $article['excerpt'] . '">';
|
||||||
|
echo '<meta property="og:title" content="' . $article['title'] . ' - Elite Solar">';
|
||||||
|
echo '<meta property="og:description" content="' . $article['excerpt'] . '">';
|
||||||
|
echo '<meta name="author" content="' . $article['author'] . '">';
|
||||||
|
echo '<meta property="og:author" content="' . $article['author'] . '">';
|
||||||
|
echo '<meta property="article:author" content="' . $article['author'] . '">';
|
||||||
|
echo '<meta property="og:type" content="article">';
|
||||||
|
echo '<meta property="article:published_time" content="' . $article['created_at'] . '">';
|
||||||
|
echo '<meta property="article:modified_time" content="' . $article['modified_at'] . '">';
|
||||||
|
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
<meta property="og:site_name" content="Elite Solar">
|
||||||
|
<meta property="og:locale" content="fr_FR">
|
||||||
|
<link rel="stylesheet" href="../assets/css/style.css">
|
||||||
|
<link rel="stylesheet" href="../assets/css/header.css">
|
||||||
|
<link rel="stylesheet" href="../assets/css/footer.css">
|
||||||
|
<link rel="stylesheet" href="../assets/css/blog.css">
|
||||||
|
<script src="../assets/js/header.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<div>
|
||||||
|
<a href="../"><img id="logo" src="../assets/img/logo_noir.png" height="60"></a>
|
||||||
|
<img id="burger-menu" alt="Menu" onclick="burgerMenu()" src="../assets/img/open-menu.svg">
|
||||||
|
<nav>
|
||||||
|
<ul id="menu" class="invisible">
|
||||||
|
<li><a href="../">Accueil</a></li>
|
||||||
|
<li><a href="../about">Qui sommes-nous ?</a></li>
|
||||||
|
<li><a href="../product">Produit</a></li>
|
||||||
|
<li><a href="../contact">Contact</a></li>
|
||||||
|
<li><a href="../faq">FAQ</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<main>
|
||||||
|
<?php
|
||||||
|
if ($error == "db") {
|
||||||
|
echo '<nav class="crumbs">
|
||||||
|
<ol>
|
||||||
|
<li class="crumb"><a href="../">Accueil</a></li> >
|
||||||
|
<li class="crumb">Blog</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
<p>Une erreur est survenue lors du chargement de la page.</p>';
|
||||||
|
} elseif ($error == "notfound") {
|
||||||
|
echo '<nav class="crumbs">
|
||||||
|
<ol>
|
||||||
|
<li class="crumb"><a href="../">Accueil</a></li> >
|
||||||
|
<li class="crumb"><a href="./">Blog</a></li>
|
||||||
|
<li class="crumb">Article</li>
|
||||||
|
</ol>
|
||||||
|
</nav>' .
|
||||||
|
"<h1>Article introuvable</h1>
|
||||||
|
<p>L'article que vous cherchez à atteindre ne peut pas être trouvée.
|
||||||
|
Il est possible qu'il ait été supprimé ou déplacé. Si vous avez saisi manuellement son adresse,
|
||||||
|
veuillez vérifier une éventuelle erreur de saisie.</p><br>
|
||||||
|
<p><a href='../../'>Retour à la page d'accueil</a></p>";
|
||||||
|
} else {
|
||||||
|
if ($mode == 'list') {
|
||||||
|
echo '<nav class="crumbs">
|
||||||
|
<ol>
|
||||||
|
<li class="crumb"><a href="../">Accueil</a></li> >
|
||||||
|
<li class="crumb">Blog</li>
|
||||||
|
</ol>
|
||||||
|
</nav>' .
|
||||||
|
"<h1>Blog</h1><br><div>";
|
||||||
|
echo '<ul id="articles">';
|
||||||
|
foreach ($articles as $article) {
|
||||||
|
$date = new DateTime($article['created_at']);
|
||||||
|
echo '<li><a href="../blog/' . $article["slug"] . '">' . $article["title"] . '</a><br>
|
||||||
|
Publié le ' . $date->format('d/m/Y') . ' par <a href="../team/' . $article["authorUrl"] . '">' . $article["author"] . '</a><br>
|
||||||
|
Extrait : ' . $article["excerpt"] . '</li>';
|
||||||
|
}
|
||||||
|
echo '</ul>';
|
||||||
|
} elseif ($mode == 'view') {
|
||||||
|
$date = new DateTime($article['created_at']);
|
||||||
|
echo '<nav class="crumbs">
|
||||||
|
<ol>
|
||||||
|
<li class="crumb"><a href="../">Accueil</a></li> >
|
||||||
|
<li class="crumb"><a href="./">Blog</a></li> >
|
||||||
|
<li class="crumb">' . $article["title"] . '</li>
|
||||||
|
</ol>
|
||||||
|
</nav>' .
|
||||||
|
"<h1>" . $article["title"] . "</h1><br>
|
||||||
|
<p>Publié le " . $date->format('d/m/Y') . " par <a href='../team/" . $article["authorUrl"] . "'>" . $article["author"] . "</a></p><br>
|
||||||
|
<p>" . $article["content"] . "</p>";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
</main>
|
||||||
|
<button onclick="topFunction()" id="backToTop" title="Revenir au début de la page">⬆️</button>
|
||||||
|
<footer>
|
||||||
|
<div class="content">
|
||||||
|
<div class="text">
|
||||||
|
© <?= date("Y") ?> Elite Solar
|
||||||
|
<a href="legal">Mentions légales</a>
|
||||||
|
<a href="sitemap">Plan du site</a>
|
||||||
|
</div>
|
||||||
|
<div class="social">
|
||||||
|
<a target="_blank" href="https://linkedin.com"><img src="../assets/img/linkedin.svg" width="25" height="25" alt="LinkedIn"></a>
|
||||||
|
<a target="_blank" href="https://instagram.com/elitesolar77"><img src="../assets/img/instagram.svg" width="25" height="25" alt="Instagram"></a>
|
||||||
|
<a target="_blank" href="https://www.facebook.com/profile.php?id=100089332237449"><img src="../assets/img/facebook.svg" width="25" height="25" alt="Facebook"></a>
|
||||||
|
<a target="_blank" href="https://twitter.com/EliteSolar77"><img src="../assets/img/twitter.svg" width="25" height="25" alt="Twitter"></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<script src="../assets/js/script.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -119,7 +119,15 @@ function select_profile() : string {
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="icon" href="../assets/img/favicon_dark.ico" media="(prefers-color-scheme: light)">
|
||||||
|
<link rel="icon" href="../assets/img/favicon_light.ico" media="(prefers-color-scheme: dark)">
|
||||||
<title>Contact - Elite Solar</title>
|
<title>Contact - Elite Solar</title>
|
||||||
|
<meta property="og:title" content="Contact - Elite Solar">
|
||||||
|
<meta name="description" content="Besoin d'un renseignement ? Contactez-nous via notre formulaire en ligne">
|
||||||
|
<meta property="og:description" content="Besoin d'un renseignement ? Contactez-nous via notre formulaire en ligne">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:site_name" content="Elite Solar">
|
||||||
|
<meta property="og:locale" content="fr_FR">
|
||||||
<link rel="stylesheet" href="../assets/css/style.css">
|
<link rel="stylesheet" href="../assets/css/style.css">
|
||||||
<link rel="stylesheet" href="../assets/css/header.css">
|
<link rel="stylesheet" href="../assets/css/header.css">
|
||||||
<link rel="stylesheet" href="../assets/css/contact.css">
|
<link rel="stylesheet" href="../assets/css/contact.css">
|
||||||
@ -128,52 +136,49 @@ function select_profile() : string {
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<h1>Elite Solar</h1>
|
<div>
|
||||||
<img id="burger-menu" alt="Menu" onclick="burgerMenu()" src="../assets/img/open-menu.svg">
|
<a href="../"><img id="logo" src="../assets/img/logo_noir.png" height="60"></a>
|
||||||
<ul id="menu" class="invisible">
|
<img id="burger-menu" alt="Menu" onclick="burgerMenu()" src="../assets/img/open-menu.svg">
|
||||||
<li><a href="../">Accueil</a></li>
|
<nav>
|
||||||
<li><a href="../about">Qui sommes-nous ?</a></li>
|
<ul id="menu" class="invisible">
|
||||||
<li><a href="../product">Produit</a></li>
|
<li><a href="../">Accueil</a></li>
|
||||||
<li class="active"><a href="../contact">Contact</a></li>
|
<li><a href="../about">Qui sommes-nous ?</a></li>
|
||||||
<li><a href="../faq">FAQ</a></li>
|
<li><a href="../product">Produit</a></li>
|
||||||
</ul>
|
<li class="active"><a href="../contact">Contact</a></li>
|
||||||
|
<li><a href="../faq">FAQ</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<main>
|
<main>
|
||||||
|
<nav class="crumbs">
|
||||||
|
<ol>
|
||||||
|
<li class="crumb"><a href="../">Accueil</a></li> >
|
||||||
|
<li class="crumb">Contact</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<h1>Nous contacter</h1>
|
<h1>Nous contacter</h1>
|
||||||
<?= select_profile() ?>
|
<?= select_profile() ?>
|
||||||
</main>
|
</main>
|
||||||
|
<button onclick="topFunction()" id="backToTop" title="Revenir au début de la page">⬆️</button>
|
||||||
<footer>
|
<footer>
|
||||||
<div id="social">
|
<div class="content">
|
||||||
<p>Suivez-Nous</p>
|
<div class="text">
|
||||||
<ul>
|
© <?= date("Y") ?> Elite Solar
|
||||||
<li><a href="https://linkedin.com"><img src="../assets/img/linkedin.svg" width="50" height="50" alt="LinkedIn"></a></li>
|
<a href="../legal">Mentions légales</a>
|
||||||
<li><a href="https://instagram.com/elitesolar77"><img src="../assets/img/instagram.svg" width="50" height="50" alt="Instagram"></a></li>
|
<a href="../sitemap">Plan du site</a>
|
||||||
<li><a href="https://www.facebook.com/profile.php?id=100089332237449"><img src="../assets/img/facebook.svg" width="50" height="50" alt="Facebook"></a></li>
|
</div>
|
||||||
<li><a href="https://twitter.com/EliteSolar77"><img src="../assets/img/twitter.svg" width="50" height="50" alt="Twitter"></a></li>
|
<div class="social">
|
||||||
</ul>
|
<a target="_blank" href="https://linkedin.com"><img src="../assets/img/linkedin.svg" width="25" height="25" alt="LinkedIn"></a>
|
||||||
|
<a target="_blank" href="https://instagram.com/elitesolar77"><img src="../assets/img/instagram.svg" width="25" height="25" alt="Instagram"></a>
|
||||||
|
<a target="_blank" href="https://www.facebook.com/profile.php?id=100089332237449"><img src="../assets/img/facebook.svg" width="25" height="25" alt="Facebook"></a>
|
||||||
|
<a target="_blank" href="https://twitter.com/EliteSolar77"><img src="../assets/img/twitter.svg" width="25" height="25" alt="Twitter"></a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="sitemap">
|
|
||||||
<p>Plan du site</p>
|
|
||||||
<ul>
|
|
||||||
<li><a href="../">Page d'accueil</a></li>
|
|
||||||
<li><a href="../about">Qui sommes-nous ?</a></li>
|
|
||||||
<li><a href="../product">Notre produit</a></li>
|
|
||||||
<li><a href="../faq">Foire aux questions</a></li>
|
|
||||||
<li><a href="../contact">Contact</a></li>
|
|
||||||
<li><a href="../privacy">Politique de confidentialité</a></li>
|
|
||||||
<li><a href="../legal">Mentions légales</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div id="contact">
|
|
||||||
<p>Contact</p>
|
|
||||||
<ul>
|
|
||||||
<li><a href="tel:+33160746800">+33 1 60 74 68 00</a></li>
|
|
||||||
<li><a href="mailto:elitesolar.contact77@gmail.com">elitesolar.contact77@gmail.com</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<p id="copyright">© <?= date("Y") ?> Elite Solar. Créé par Lyanis Souidi, Tom Moguljak et Romain Journeau.</p>
|
|
||||||
</footer>
|
</footer>
|
||||||
<script src="../assets/js/contact.js"></script>
|
<script src="../assets/js/contact.js"></script>
|
||||||
|
<script src="../assets/js/script.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@ -3,7 +3,15 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="icon" href="../assets/img/favicon_dark.ico" media="(prefers-color-scheme: light)">
|
||||||
|
<link rel="icon" href="../assets/img/favicon_light.ico" media="(prefers-color-scheme: dark)">
|
||||||
<title>FAQ - Elite Solar</title>
|
<title>FAQ - Elite Solar</title>
|
||||||
|
<meta property="og:title" content="FAQ - Elite Solar">
|
||||||
|
<meta name="description" content="Foire aux questions">
|
||||||
|
<meta property="og:description" content="Foire aux questions">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:site_name" content="Elite Solar">
|
||||||
|
<meta property="og:locale" content="fr_FR">
|
||||||
<link rel="stylesheet" href="../assets/css/style.css">
|
<link rel="stylesheet" href="../assets/css/style.css">
|
||||||
<link rel="stylesheet" href="../assets/css/header.css">
|
<link rel="stylesheet" href="../assets/css/header.css">
|
||||||
<link rel="stylesheet" href="../assets/css/footer.css">
|
<link rel="stylesheet" href="../assets/css/footer.css">
|
||||||
@ -12,17 +20,28 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<h1>Elite Solar</h1>
|
<div>
|
||||||
<img id="burger-menu" alt="Menu" onclick="burgerMenu()" src="../assets/img/open-menu.svg">
|
<a href="../"><img id="logo" src="../assets/img/logo_noir.png" height="60"></a>
|
||||||
<ul id="menu" class="invisible">
|
<img id="burger-menu" alt="Menu" onclick="burgerMenu()" src="../assets/img/open-menu.svg">
|
||||||
<li><a href="../">Accueil</a></li>
|
<nav>
|
||||||
<li><a href="../about">Qui sommes-nous ?</a></li>
|
<ul id="menu" class="invisible">
|
||||||
<li><a href="../product">Produit</a></li>
|
<li><a href="../">Accueil</a></li>
|
||||||
<li><a href="../contact">Contact</a></li>
|
<li><a href="../about">Qui sommes-nous ?</a></li>
|
||||||
<li class="active"><a href="../faq">FAQ</a></li>
|
<li><a href="../product">Produit</a></li>
|
||||||
</ul>
|
<li><a href="../contact">Contact</a></li>
|
||||||
|
<li class="active"><a href="../faq">FAQ</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<main>
|
<main>
|
||||||
|
<nav class="crumbs">
|
||||||
|
<ol>
|
||||||
|
<li class="crumb"><a href="../">Accueil</a></li> >
|
||||||
|
<li class="crumb">FAQ</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
|
||||||
<h1>FAQ</h1>
|
<h1>FAQ</h1>
|
||||||
<p>Voici les questions fréquentes de nos clients :<p>
|
<p>Voici les questions fréquentes de nos clients :<p>
|
||||||
<div class="faq">
|
<div class="faq">
|
||||||
@ -51,36 +70,22 @@
|
|||||||
</div>
|
</div>
|
||||||
<script src="../assets/js/faq.js"></script>
|
<script src="../assets/js/faq.js"></script>
|
||||||
</main>
|
</main>
|
||||||
|
<button onclick="topFunction()" id="backToTop" title="Revenir au début de la page">⬆️</button>
|
||||||
<footer>
|
<footer>
|
||||||
<div id="social">
|
<div class="content">
|
||||||
<p>Suivez-Nous</p>
|
<div class="text">
|
||||||
<ul>
|
© <?= date("Y") ?> Elite Solar
|
||||||
<li><a href="https://linkedin.com"><img src="../assets/img/linkedin.svg" width="50" height="50" alt="LinkedIn"></a></li>
|
<a href="../legal">Mentions légales</a>
|
||||||
<li><a href="https://instagram.com/elitesolar77"><img src="../assets/img/instagram.svg" width="50" height="50" alt="Instagram"></a></li>
|
<a href="../sitemap">Plan du site</a>
|
||||||
<li><a href="https://www.facebook.com/profile.php?id=100089332237449"><img src="../assets/img/facebook.svg" width="50" height="50" alt="Facebook"></a></li>
|
</div>
|
||||||
<li><a href="https://twitter.com/EliteSolar77"><img src="../assets/img/twitter.svg" width="50" height="50" alt="Twitter"></a></li>
|
<div class="social">
|
||||||
</ul>
|
<a target="_blank" href="https://linkedin.com"><img src="../assets/img/linkedin.svg" width="25" height="25" alt="LinkedIn"></a>
|
||||||
|
<a target="_blank" href="https://instagram.com/elitesolar77"><img src="../assets/img/instagram.svg" width="25" height="25" alt="Instagram"></a>
|
||||||
|
<a target="_blank" href="https://www.facebook.com/profile.php?id=100089332237449"><img src="../assets/img/facebook.svg" width="25" height="25" alt="Facebook"></a>
|
||||||
|
<a target="_blank" href="https://twitter.com/EliteSolar77"><img src="../assets/img/twitter.svg" width="25" height="25" alt="Twitter"></a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="sitemap">
|
|
||||||
<p>Plan du site</p>
|
|
||||||
<ul>
|
|
||||||
<li><a href="../">Page d'accueil</a></li>
|
|
||||||
<li><a href="../about">Qui sommes-nous ?</a></li>
|
|
||||||
<li><a href="../product">Notre produit</a></li>
|
|
||||||
<li><a href="../faq">Foire aux questions</a></li>
|
|
||||||
<li><a href="../contact">Contact</a></li>
|
|
||||||
<li><a href="../privacy">Politique de confidentialité</a></li>
|
|
||||||
<li><a href="../legal">Mentions légales</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div id="contact">
|
|
||||||
<p>Contact</p>
|
|
||||||
<ul>
|
|
||||||
<li><a href="tel:+33160746800">+33 1 60 74 68 00</a></li>
|
|
||||||
<li><a href="mailto:elitesolar.contact77@gmail.com">elitesolar.contact77@gmail.com</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<p id="copyright">© <?= date("Y") ?> Elite Solar. Créé par Lyanis Souidi, Tom Moguljak et Romain Journeau.</p>
|
|
||||||
</footer>
|
</footer>
|
||||||
|
<script src="../assets/js/script.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
76
index.php
76
index.php
@ -3,24 +3,36 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="icon" href="assets/img/favicon_dark.ico" media="(prefers-color-scheme: light)">
|
||||||
|
<link rel="icon" href="assets/img/favicon_light.ico" media="(prefers-color-scheme: dark)">
|
||||||
<title>Elite Solar</title>
|
<title>Elite Solar</title>
|
||||||
|
<meta property="og:title" content="Elite Solar">
|
||||||
|
<meta name="description" content="Page d'accueil">
|
||||||
|
<meta property="og:description" content="Page d'accueil">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:site_name" content="Elite Solar">
|
||||||
|
<meta property="og:locale" content="fr_FR">
|
||||||
<link rel="stylesheet" href="assets/css/style.css">
|
<link rel="stylesheet" href="assets/css/style.css">
|
||||||
<link rel="stylesheet" href="assets/css/header.css">
|
<link rel="stylesheet" href="assets/css/header.css">
|
||||||
<link rel="stylesheet" href="assets/css/footer.css">
|
<link rel="stylesheet" href="assets/css/footer.css">
|
||||||
<link rel="stylesheet" href="assets/css/home.css">
|
<link rel="stylesheet" href="assets/css/home.css">
|
||||||
<script src="assets/js/header.js"></script>
|
<script src="assets/js/header.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<h1>Elite Solar</h1>
|
<div>
|
||||||
<img id="burger-menu" alt="Menu" onclick="burgerMenu()" src="assets/img/open-menu.svg">
|
<a href="./"><img id="logo" src="assets/img/logo_noir.png" height="60"></a>
|
||||||
<ul id="menu" class="invisible">
|
<img id="burger-menu" alt="Menu" onclick="burgerMenu()" src="assets/img/open-menu.svg">
|
||||||
<li class="active"><a href="./">Accueil</a></li>
|
<nav>
|
||||||
<li><a href="about">Qui sommes-nous ?</a></li>
|
<ul id="menu" class="invisible">
|
||||||
<li><a href="product">Produit</a></li>
|
<li class="active"><a href="./">Accueil</a></li>
|
||||||
<li><a href="contact">Contact</a></li>
|
<li><a href="about">Qui sommes-nous ?</a></li>
|
||||||
<li><a href="faq">FAQ</a></li>
|
<li><a href="product">Produit</a></li>
|
||||||
</ul>
|
<li><a href="contact">Contact</a></li>
|
||||||
|
<li><a href="faq">FAQ</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<main>
|
<main>
|
||||||
<h1>Bienvenue chez Elite Solar !</h1><br>
|
<h1>Bienvenue chez Elite Solar !</h1><br>
|
||||||
@ -80,36 +92,22 @@
|
|||||||
<p>Nous sommes impatients de vous aider à profiter de notre technologie innovante et de vous offrir un service de qualité. N'hésitez pas à nous <a href="contact/index.php">contacter</a> pour en savoir plus sur notre produit et comment il peut vous aider.</p>
|
<p>Nous sommes impatients de vous aider à profiter de notre technologie innovante et de vous offrir un service de qualité. N'hésitez pas à nous <a href="contact/index.php">contacter</a> pour en savoir plus sur notre produit et comment il peut vous aider.</p>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
|
<button onclick="topFunction()" id="backToTop" title="Revenir au début de la page">⬆️</button>
|
||||||
<footer>
|
<footer>
|
||||||
<div id="social">
|
<div class="content">
|
||||||
<p>Suivez-Nous</p>
|
<div class="text">
|
||||||
<ul>
|
© <?= date("Y") ?> Elite Solar
|
||||||
<li><a href="https://linkedin.com"><img src="assets/img/linkedin.svg" width="50" height="50" alt="LinkedIn"></a></li>
|
<a href="legal">Mentions légales</a>
|
||||||
<li><a href="https://instagram.com/elitesolar77"><img src="assets/img/instagram.svg" width="50" height="50" alt="Instagram"></a></li>
|
<a href="sitemap">Plan du site</a>
|
||||||
<li><a href="https://www.facebook.com/profile.php?id=100089332237449"><img src="assets/img/facebook.svg" width="50" height="50" alt="Facebook"></a></li>
|
</div>
|
||||||
<li><a href="https://twitter.com/EliteSolar77"><img src="assets/img/twitter.svg" width="50" height="50" alt="Twitter"></a></li>
|
<div class="social">
|
||||||
</ul>
|
<a target="_blank" href="https://linkedin.com"><img src="assets/img/linkedin.svg" width="25" height="25" alt="LinkedIn"></a>
|
||||||
|
<a target="_blank" href="https://instagram.com/elitesolar77"><img src="assets/img/instagram.svg" width="25" height="25" alt="Instagram"></a>
|
||||||
|
<a target="_blank" href="https://www.facebook.com/profile.php?id=100089332237449"><img src="assets/img/facebook.svg" width="25" height="25" alt="Facebook"></a>
|
||||||
|
<a target="_blank" href="https://twitter.com/EliteSolar77"><img src="assets/img/twitter.svg" width="25" height="25" alt="Twitter"></a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="sitemap">
|
</footer>
|
||||||
<p>Plan du site</p>
|
<script src="assets/js/script.js"></script>
|
||||||
<ul>
|
|
||||||
<li><a href="./">Page d'accueil</a></li>
|
|
||||||
<li><a href="about">Qui sommes-nous ?</a></li>
|
|
||||||
<li><a href="product">Notre produit</a></li>
|
|
||||||
<li><a href="faq">Foire aux questions</a></li>
|
|
||||||
<li><a href="contact">Contact</a></li>
|
|
||||||
<li><a href="privacy">Politique de confidentialité</a></li>
|
|
||||||
<li><a href="legal">Mentions légales</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div id="contact">
|
|
||||||
<p>Contact</p>
|
|
||||||
<ul>
|
|
||||||
<li><a href="tel:+33160746800">+33 1 60 74 68 00</a></li>
|
|
||||||
<li><a href="mailto:elitesolar.contact77@gmail.com">elitesolar.contact77@gmail.com</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<p id="copyright">© <?= date("Y") ?> Elite Solar. Créé par Lyanis Souidi, Tom Moguljak et Romain Journeau.</p>
|
|
||||||
</footer>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
123
legal/index.php
Normal file
123
legal/index.php
Normal file
@ -0,0 +1,123 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="icon" href="../assets/img/favicon_dark.ico" media="(prefers-color-scheme: light)">
|
||||||
|
<link rel="icon" href="../assets/img/favicon_light.ico" media="(prefers-color-scheme: dark)">
|
||||||
|
<title>Mentions légales - Elite Solar</title>
|
||||||
|
<meta property="og:title" content="Mentions légales - Elite Solar">
|
||||||
|
<meta name="description" content="Mentions légale du site">
|
||||||
|
<meta property="og:description" content="Mentions légale du site">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:site_name" content="Elite Solar">
|
||||||
|
<meta property="og:locale" content="fr_FR">
|
||||||
|
<link rel="stylesheet" href="../assets/css/style.css">
|
||||||
|
<link rel="stylesheet" href="../assets/css/header.css">
|
||||||
|
<link rel="stylesheet" href="../assets/css/footer.css">
|
||||||
|
<script src="../assets/js/header.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<div>
|
||||||
|
<a href="../"><img id="logo" src="../assets/img/logo_noir.png" height="60"></a>
|
||||||
|
<img id="burger-menu" alt="Menu" onclick="burgerMenu()" src="../assets/img/open-menu.svg">
|
||||||
|
<nav>
|
||||||
|
<ul id="menu" class="invisible">
|
||||||
|
<li><a href="../">Accueil</a></li>
|
||||||
|
<li><a href="../about">Qui sommes-nous ?</a></li>
|
||||||
|
<li><a href="../product">Produit</a></li>
|
||||||
|
<li><a href="../contact">Contact</a></li>
|
||||||
|
<li><a href="../faq">FAQ</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<main>
|
||||||
|
<nav class="crumbs">
|
||||||
|
<ol>
|
||||||
|
<li class="crumb"><a href="../">Accueil</a></li> >
|
||||||
|
<li class="crumb">Mentions légales</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
<h1>Mentions légales</h1>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Conformément aux dispositions des Articles 6-III et 19 de la Loi n°2004-575 du 21 juin 2004 pour la Confiance
|
||||||
|
dans l’économie numérique, dite L.C.E.N., il est porté à la connaissance des utilisateurs et visiteurs,
|
||||||
|
ci-après l""Utilisateur", du site Elite Solar, ci-après le "Site", les présentes mentions légales.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
La connexion et la navigation sur le site par l’Utilisateur implique acceptation intégrale et sans réserve des
|
||||||
|
présentes mentions légales.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Ces dernières sont accessibles sur le Site à la rubrique « Mentions légales ».
|
||||||
|
</p>
|
||||||
|
|
||||||
|
|
||||||
|
<h2>ARTICLE 1 - L'EDITEUR</h2>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
L'édition du Site est assurée par Elite Solar dont le siège social est situé Route forestière Hurtault,
|
||||||
|
77300 Fontainebleau.<br>
|
||||||
|
Numéro de téléphone : +33 1 60 74 68 00<br>
|
||||||
|
Adresse e-mail : elitesolar.contact77@gmail.com<br>
|
||||||
|
Le Directeur de la publication est Souidi Lyanis ci-après l'"Editeur".
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h2>ARTICLE 2 - L'HEBERGEUR</h2>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
L'hébergeur du Site est l'IUT de Fontainebleau, dont le siège social est situé au Route forestière Hurtault,
|
||||||
|
77300 Fontainebleau.<br>
|
||||||
|
Numéro de téléphone : +33 1 60 74 68 00
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h2>ARTICLE 3 - ACCES AU SITE</h2>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Le Site est accessible en tout endroit, 7j/7, 24h/24 sauf cas de force majeure, interruption programmée ou
|
||||||
|
non et pouvant découlant d’une nécessité de maintenance.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
En cas de modification, interruption ou suspension du Site, l'Editeur ne saurait être tenu responsable.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h2>ARTICLE 4 - COLLECTE DES DONNEES</h2>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Le site est exempté de déclaration à la Commission Nationale Informatique et Libertés (CNIL) dans la mesure
|
||||||
|
où il ne collecte aucune donnée concernant les utilisateurs.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Toute utilisation, reproduction, diffusion, commercialisation, modification de toute ou partie du Site,
|
||||||
|
sans autorisation de l’Editeur est prohibée et pourra entraînée des actions et poursuites judiciaires
|
||||||
|
telles que notamment prévues par le Code de la propriété intellectuelle et le Code civil.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>NOTE : Elite Solar est une entreprise <u>fictive</u> crée dans le cadre d'un projet lors de notre formation à l'IUT de Fontainebleau.</p>
|
||||||
|
</main>
|
||||||
|
<button onclick="topFunction()" id="backToTop" title="Revenir au début de la page">⬆️</button>
|
||||||
|
<footer>
|
||||||
|
<div class="content">
|
||||||
|
<div class="text">
|
||||||
|
© <?= date("Y") ?> Elite Solar
|
||||||
|
<a href="../legal">Mentions légales</a>
|
||||||
|
<a href="../sitemap">Plan du site</a>
|
||||||
|
</div>
|
||||||
|
<div class="social">
|
||||||
|
<a target="_blank" href="https://linkedin.com"><img src="../assets/img/linkedin.svg" width="25" height="25" alt="LinkedIn"></a>
|
||||||
|
<a target="_blank" href="https://instagram.com/elitesolar77"><img src="../assets/img/instagram.svg" width="25" height="25" alt="Instagram"></a>
|
||||||
|
<a target="_blank" href="https://www.facebook.com/profile.php?id=100089332237449"><img src="../assets/img/facebook.svg" width="25" height="25" alt="Facebook"></a>
|
||||||
|
<a target="_blank" href="https://twitter.com/EliteSolar77"><img src="../assets/img/twitter.svg" width="25" height="25" alt="Twitter"></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<script src="../assets/js/script.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -3,7 +3,15 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="icon" href="../assets/img/favicon_dark.ico" media="(prefers-color-scheme: light)">
|
||||||
|
<link rel="icon" href="../assets/img/favicon_light.ico" media="(prefers-color-scheme: dark)">
|
||||||
<title>Produit - Elite Solar</title>
|
<title>Produit - Elite Solar</title>
|
||||||
|
<meta property="og:title" content="Produit - Elite Solar">
|
||||||
|
<meta name="description" content="Retrouvez toutes les informations sur notre produit">
|
||||||
|
<meta property="og:description" content="Retrouvez toutes les informations sur notre produit">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:site_name" content="Elite Solar">
|
||||||
|
<meta property="og:locale" content="fr_FR">
|
||||||
<link rel="stylesheet" href="../assets/css/style.css">
|
<link rel="stylesheet" href="../assets/css/style.css">
|
||||||
<link rel="stylesheet" href="../assets/css/header.css">
|
<link rel="stylesheet" href="../assets/css/header.css">
|
||||||
<link rel="stylesheet" href="../assets/css/footer.css">
|
<link rel="stylesheet" href="../assets/css/footer.css">
|
||||||
@ -12,17 +20,28 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<h1>Elite Solar</h1>
|
<div>
|
||||||
<img id="burger-menu" alt="Menu" onclick="burgerMenu()" src="../assets/img/open-menu.svg">
|
<a href="../"><img id="logo" src="../assets/img/logo_noir.png" height="60"></a>
|
||||||
<ul id="menu" class="invisible">
|
<img id="burger-menu" alt="Menu" onclick="burgerMenu()" src="../assets/img/open-menu.svg">
|
||||||
<li><a href="../">Accueil</a></li>
|
<nav>
|
||||||
<li><a href="../about">Qui sommes-nous ?</a></li>
|
<ul id="menu" class="invisible">
|
||||||
<li class="active"><a href="../product">Produit</a></li>
|
<li><a href="../">Accueil</a></li>
|
||||||
<li><a href="../contact">Contact</a></li>
|
<li><a href="../about">Qui sommes-nous ?</a></li>
|
||||||
<li><a href="../faq">FAQ</a></li>
|
<li class="active"><a href="../product">Produit</a></li>
|
||||||
</ul>
|
<li><a href="../contact">Contact</a></li>
|
||||||
|
<li><a href="../faq">FAQ</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<main>
|
<main>
|
||||||
|
<nav class="crumbs">
|
||||||
|
<ol>
|
||||||
|
<li class="crumb"><a href="../">Accueil</a></li> >
|
||||||
|
<li class="crumb">Produit</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
|
||||||
<h1>Notre produit</h1><br>
|
<h1>Notre produit</h1><br>
|
||||||
|
|
||||||
<div class="product">
|
<div class="product">
|
||||||
@ -48,36 +67,22 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
|
<button onclick="topFunction()" id="backToTop" title="Revenir au début de la page">⬆️</button>
|
||||||
<footer>
|
<footer>
|
||||||
<div id="social">
|
<div class="content">
|
||||||
<p>Suivez-Nous</p>
|
<div class="text">
|
||||||
<ul>
|
© <?= date("Y") ?> Elite Solar
|
||||||
<li><a href="https://linkedin.com"><img src="../assets/img/linkedin.svg" width="50" height="50" alt="LinkedIn"></a></li>
|
<a href="../legal">Mentions légales</a>
|
||||||
<li><a href="https://instagram.com/elitesolar77"><img src="../assets/img/instagram.svg" width="50" height="50" alt="Instagram"></a></li>
|
<a href="../sitemap">Plan du site</a>
|
||||||
<li><a href="https://www.facebook.com/profile.php?id=100089332237449"><img src="../assets/img/facebook.svg" width="50" height="50" alt="Facebook"></a></li>
|
</div>
|
||||||
<li><a href="https://twitter.com/EliteSolar77"><img src="../assets/img/twitter.svg" width="50" height="50" alt="Twitter"></a></li>
|
<div class="social">
|
||||||
</ul>
|
<a target="_blank" href="https://linkedin.com"><img src="../assets/img/linkedin.svg" width="25" height="25" alt="LinkedIn"></a>
|
||||||
|
<a target="_blank" href="https://instagram.com/elitesolar77"><img src="../assets/img/instagram.svg" width="25" height="25" alt="Instagram"></a>
|
||||||
|
<a target="_blank" href="https://www.facebook.com/profile.php?id=100089332237449"><img src="../assets/img/facebook.svg" width="25" height="25" alt="Facebook"></a>
|
||||||
|
<a target="_blank" href="https://twitter.com/EliteSolar77"><img src="../assets/img/twitter.svg" width="25" height="25" alt="Twitter"></a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="sitemap">
|
</footer>
|
||||||
<p>Plan du site</p>
|
<script src="../assets/js/script.js"></script>
|
||||||
<ul>
|
|
||||||
<li><a href="../">Page d'accueil</a></li>
|
|
||||||
<li><a href="../about">Qui sommes-nous ?</a></li>
|
|
||||||
<li><a href="../product">Notre produit</a></li>
|
|
||||||
<li><a href="../faq">Foire aux questions</a></li>
|
|
||||||
<li><a href="../contact">Contact</a></li>
|
|
||||||
<li><a href="../privacy">Politique de confidentialité</a></li>
|
|
||||||
<li><a href="../legal">Mentions légales</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div id="contact">
|
|
||||||
<p>Contact</p>
|
|
||||||
<ul>
|
|
||||||
<li><a href="tel:+33160746800">+33 1 60 74 68 00</a></li>
|
|
||||||
<li><a href="mailto:elitesolar.contact77@gmail.com">elitesolar.contact77@gmail.com</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<p id="copyright">© <?= date("Y") ?> Elite Solar. Créé par Lyanis Souidi, Tom Moguljak et Romain Journeau.</p>
|
|
||||||
</footer>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
92
sitemap/index.php
Normal file
92
sitemap/index.php
Normal file
@ -0,0 +1,92 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="icon" href="../assets/img/favicon_dark.ico" media="(prefers-color-scheme: light)">
|
||||||
|
<link rel="icon" href="../assets/img/favicon_light.ico" media="(prefers-color-scheme: dark)">
|
||||||
|
<title>Plan du site - Elite Solar</title>
|
||||||
|
<meta property="og:title" content="Plan du site - Elite Solar">
|
||||||
|
<meta name="description" content="Plan du site">
|
||||||
|
<meta property="og:description" content="Plan du site">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:site_name" content="Elite Solar">
|
||||||
|
<meta property="og:locale" content="fr_FR">
|
||||||
|
<link rel="stylesheet" href="../assets/css/style.css">
|
||||||
|
<link rel="stylesheet" href="../assets/css/header.css">
|
||||||
|
<link rel="stylesheet" href="../assets/css/footer.css">
|
||||||
|
<script src="../assets/js/header.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<div>
|
||||||
|
<a href="../"><img id="logo" src="../assets/img/logo_noir.png" height="60"></a>
|
||||||
|
<img id="burger-menu" alt="Menu" onclick="burgerMenu()" src="../assets/img/open-menu.svg">
|
||||||
|
<nav>
|
||||||
|
<ul id="menu" class="invisible">
|
||||||
|
<li><a href="../">Accueil</a></li>
|
||||||
|
<li><a href="../about">Qui sommes-nous ?</a></li>
|
||||||
|
<li><a href="../product">Produit</a></li>
|
||||||
|
<li><a href="../contact">Contact</a></li>
|
||||||
|
<li><a href="../faq">FAQ</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<main>
|
||||||
|
<nav class="crumbs">
|
||||||
|
<ol>
|
||||||
|
<li class="crumb"><a href="../">Accueil</a></li> >
|
||||||
|
<li class="crumb">Mentions légales</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<h1>Plan du site</h1>
|
||||||
|
<ul>
|
||||||
|
<li><a href="../">Accueil</a></li>
|
||||||
|
<li><a href="../about">Qui sommes-nous ?</a></li>
|
||||||
|
<li><a href="../product">Produit</a></li>
|
||||||
|
<li><a href="../contact">Contact</a></li>
|
||||||
|
<li><a href="../faq">Foire aux questions</a></li>
|
||||||
|
<li><a href="../team">Notre équipe</a></li>
|
||||||
|
<?php
|
||||||
|
try {
|
||||||
|
$dbh = new PDO('mysql:host=saeweb2022.souidi.fr;dbname=saeweb2022', "saeweb2022");
|
||||||
|
$employees = $dbh->query('SELECT name, slug FROM employee;');
|
||||||
|
if (!empty($employees)) {
|
||||||
|
echo "<ul>";
|
||||||
|
foreach ($employees as $employee) {
|
||||||
|
echo '<li><a href="../team/' . $employee['slug'] . '">' . $employee['name'] . '</a></li>' .
|
||||||
|
'<ul>
|
||||||
|
<li><a href="../team/' . $employee['slug'] . '?cv">CV</a></li>
|
||||||
|
<li><a href="../team/' . $employee['slug'] . '?articles">Articles</a></li>
|
||||||
|
</ul>';
|
||||||
|
}
|
||||||
|
echo "</ul>";
|
||||||
|
}
|
||||||
|
$dbh = null;
|
||||||
|
} catch (Exception $e) {}
|
||||||
|
?>
|
||||||
|
<li><a href="../blog">Blog</a></li>
|
||||||
|
<li><a href="../legal">Mentions légales</a></li>
|
||||||
|
</ul>
|
||||||
|
</main>
|
||||||
|
<button onclick="topFunction()" id="backToTop" title="Revenir au début de la page">⬆️</button>
|
||||||
|
<footer>
|
||||||
|
<div class="content">
|
||||||
|
<div class="text">
|
||||||
|
© <?= date("Y") ?> Elite Solar
|
||||||
|
<a href="../legal">Mentions légales</a>
|
||||||
|
<a href="../sitemap">Plan du site</a>
|
||||||
|
</div>
|
||||||
|
<div class="social">
|
||||||
|
<a target="_blank" href="https://linkedin.com"><img src="../assets/img/linkedin.svg" width="25" height="25" alt="LinkedIn"></a>
|
||||||
|
<a target="_blank" href="https://instagram.com/elitesolar77"><img src="../assets/img/instagram.svg" width="25" height="25" alt="Instagram"></a>
|
||||||
|
<a target="_blank" href="https://www.facebook.com/profile.php?id=100089332237449"><img src="../assets/img/facebook.svg" width="25" height="25" alt="Facebook"></a>
|
||||||
|
<a target="_blank" href="https://twitter.com/EliteSolar77"><img src="../assets/img/twitter.svg" width="25" height="25" alt="Twitter"></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<script src="../assets/js/script.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
1
team/.htaccess
Normal file
1
team/.htaccess
Normal file
@ -0,0 +1 @@
|
|||||||
|
FallbackResource index.php
|
||||||
329
team/index.php
Normal file
329
team/index.php
Normal file
@ -0,0 +1,329 @@
|
|||||||
|
<?php
|
||||||
|
function age($date): int {
|
||||||
|
$date = new DateTime($date);
|
||||||
|
$now = new DateTime();
|
||||||
|
$interval = $now->diff($date);
|
||||||
|
return $interval->y;
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
$error = false;
|
||||||
|
$dbh = new PDO('mysql:host=saeweb2022.souidi.fr;dbname=saeweb2022', "saeweb2022");
|
||||||
|
|
||||||
|
$url = parse_url($_SERVER["REQUEST_URI"])["path"];
|
||||||
|
|
||||||
|
if (str_ends_with($url, "/")) {
|
||||||
|
$url = substr($url, 0, -1);
|
||||||
|
}
|
||||||
|
|
||||||
|
$url = explode("/", $url);
|
||||||
|
|
||||||
|
if (end($url) == "team") {
|
||||||
|
$mode = "list";
|
||||||
|
$employees = array();
|
||||||
|
|
||||||
|
foreach($dbh->query('SELECT name, jobTitle, slug FROM employee;') as $row) {
|
||||||
|
$employees[] = $row;
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
$mode = "view";
|
||||||
|
$sth = $dbh->prepare("SELECT name, jobTitle, birthdate, email FROM employee WHERE employee.slug = ?;");
|
||||||
|
$sth->execute([end($url)]);
|
||||||
|
$employee = $sth->fetch(PDO::FETCH_ASSOC);
|
||||||
|
|
||||||
|
if (empty($employee)) {
|
||||||
|
http_response_code(404);
|
||||||
|
$error = "notfound";
|
||||||
|
}
|
||||||
|
|
||||||
|
if (isset($_GET["articles"])) {
|
||||||
|
$mode = "articles";
|
||||||
|
$sth = $dbh->prepare("SELECT article.title, article.slug, article.created_at, article.excerpt FROM article JOIN employee ON article.author=employee.id WHERE employee.slug = ? ORDER BY article.created_at DESC;");
|
||||||
|
$sth->execute([end($url)]);
|
||||||
|
$employee["articles"] = $sth->fetchAll(PDO::FETCH_ASSOC);
|
||||||
|
} else {
|
||||||
|
$employee['age'] = age($employee['birthdate']);
|
||||||
|
$sth = $dbh->prepare("SELECT social.name, social.url FROM employee_social social JOIN employee ON social.employeeId=employee.id WHERE employee.slug = ?;");
|
||||||
|
$sth->execute([end($url)]);
|
||||||
|
$employee["socials"] = $sth->fetchAll(PDO::FETCH_ASSOC);
|
||||||
|
|
||||||
|
$employee['cv'] = array('formation' => array(), 'work' => array(), 'language' => array(), 'skill' => array(), 'project' => array());
|
||||||
|
if (isset($_GET["cv"])) {
|
||||||
|
$mode = "cv";
|
||||||
|
$sth = $dbh->prepare("SELECT cv.type, cv.title, cv.description, cv.link FROM cv JOIN employee ON cv.employeeId=employee.id WHERE employee.slug = ? ORDER BY cv.priority;");
|
||||||
|
$sth->execute([end($url)]);
|
||||||
|
foreach ($sth->fetchAll(PDO::FETCH_ASSOC) as $e) {
|
||||||
|
if ($e['type'] == "skill") {
|
||||||
|
$employee['cv'][$e['type']][$e['title']][] = $e['description'];
|
||||||
|
} else {
|
||||||
|
$employee['cv'][$e['type']][] = array(
|
||||||
|
'title' => $e['title'],
|
||||||
|
'description' => $e['description'],
|
||||||
|
'link' => $e['link']
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
$sth = $dbh->prepare("SELECT article.title, article.slug, article.created_at, article.excerpt FROM article JOIN employee ON article.author=employee.id WHERE employee.slug = ? ORDER BY article.created_at DESC LIMIT 2;");
|
||||||
|
$sth->execute([end($url)]);
|
||||||
|
$employee["articles"] = $sth->fetchAll(PDO::FETCH_ASSOC);
|
||||||
|
|
||||||
|
$sth = $dbh->prepare("SELECT cv.title, cv.description, cv.link FROM cv JOIN employee ON cv.employeeId=employee.id WHERE employee.slug = ? AND cv.type = 'formation' ORDER BY cv.priority LIMIT 1;");
|
||||||
|
$sth->execute([end($url)]);
|
||||||
|
foreach ($sth->fetchAll(PDO::FETCH_ASSOC) as $e) {
|
||||||
|
$employee['cv']['formation'][] = array(
|
||||||
|
'title' => $e['title'],
|
||||||
|
'description' => $e['description'],
|
||||||
|
'link' => $e['link']
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$sth = null;
|
||||||
|
}
|
||||||
|
|
||||||
|
$dbh = null;
|
||||||
|
} catch (PDOException) {
|
||||||
|
http_response_code(503);
|
||||||
|
$error = "db";
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="icon" href="../assets/img/favicon_dark.ico" media="(prefers-color-scheme: light)">
|
||||||
|
<link rel="icon" href="../assets/img/favicon_light.ico" media="(prefers-color-scheme: dark)">
|
||||||
|
<?php
|
||||||
|
if ($mode == 'list') {
|
||||||
|
echo '<title>Équipe - Elite Solar</title>';
|
||||||
|
echo '<meta property="og:title" content="Équipe - Elite Solar">';
|
||||||
|
echo '<meta name="description" content="L\équipe d\Elite Solar">';
|
||||||
|
echo '<meta property="og:description" content="L\équipe d\Elite Solar">';
|
||||||
|
} elseif ($mode == 'view') {
|
||||||
|
echo '<title>'. $employee['name'] .' - Elite Solar</title>';
|
||||||
|
echo '<meta property="og:title" content="'. $employee['name'] .' - Elite Solar">';
|
||||||
|
echo '<meta name="description" content="'. $employee['name'] .' chez Elite Solar">';
|
||||||
|
echo '<meta property="og:description" content="'. $employee['name'] .' chez Elite Solar">';
|
||||||
|
} elseif ($mode == 'articles') {
|
||||||
|
echo '<title>Articles de '. $employee['name'] .' - Elite Solar</title>';
|
||||||
|
echo '<meta property="og:title" content="Articles de '. $employee['name'] .' - Elite Solar">';
|
||||||
|
echo '<meta name="description" content="Articles de '. $employee['name'] .' chez Elite Solar">';
|
||||||
|
echo '<meta property="og:description" content="Articles de '. $employee['name'] .' chez Elite Solar">';
|
||||||
|
} elseif ($mode == 'cv') {
|
||||||
|
echo 'CV de ' . $employee['name'];
|
||||||
|
echo '<title>CV de '. $employee['name'] .' - Elite Solar</title>';
|
||||||
|
echo '<meta property="og:title" content="CV de '. $employee['name'] .' - Elite Solar">';
|
||||||
|
echo '<meta name="description" content="CV de '. $employee['name'] .'">';
|
||||||
|
echo '<meta property="og:description" content="CV de '. $employee['name'] .'">';
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:site_name" content="Elite Solar">
|
||||||
|
<meta property="og:locale" content="fr_FR">
|
||||||
|
<link rel="stylesheet" href="../assets/css/style.css">
|
||||||
|
<link rel="stylesheet" href="../assets/css/header.css">
|
||||||
|
<link rel="stylesheet" href="../assets/css/footer.css">
|
||||||
|
<link rel="stylesheet" href="../assets/css/team.css">
|
||||||
|
<script src="../assets/js/header.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<div>
|
||||||
|
<a href="../"><img id="logo" src="../assets/img/logo_noir.png" height="60"></a>
|
||||||
|
<img id="burger-menu" alt="Menu" onclick="burgerMenu()" src="../assets/img/open-menu.svg">
|
||||||
|
<nav>
|
||||||
|
<ul id="menu" class="invisible">
|
||||||
|
<li><a href="../">Accueil</a></li>
|
||||||
|
<li><a href="../about">Qui sommes-nous ?</a></li>
|
||||||
|
<li><a href="../product">Produit</a></li>
|
||||||
|
<li><a href="../contact">Contact</a></li>
|
||||||
|
<li><a href="../faq">FAQ</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<main>
|
||||||
|
<?php
|
||||||
|
if ($error == "db") {
|
||||||
|
echo '<nav class="crumbs">
|
||||||
|
<ol>
|
||||||
|
<li class="crumb"><a href="../">Accueil</a></li> >
|
||||||
|
<li class="crumb">Équipe</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
<p>Une erreur est survenue lors du chargement de la page.</p>';
|
||||||
|
} elseif ($error == "notfound") {
|
||||||
|
echo '<nav class="crumbs">
|
||||||
|
<ol>
|
||||||
|
<li class="crumb"><a href="../">Accueil</a></li> >
|
||||||
|
<li class="crumb"><a href="./">Équipe</a></li>
|
||||||
|
<li class="crumb">Employé</li>
|
||||||
|
</ol>
|
||||||
|
</nav>' .
|
||||||
|
"<h1>Page introuvable</h1>
|
||||||
|
<p>La page que vous cherchez à atteindre ne peut pas être trouvée.
|
||||||
|
Il est possible qu'elle ait été supprimée ou déplacée. Si vous avez saisi manuellement son adresse,
|
||||||
|
veuillez vérifier une éventuelle erreur de saisie.</p><br>
|
||||||
|
<p><a href='../../'>Retour à la page d'accueil</a></p>";
|
||||||
|
} else {
|
||||||
|
if ($mode == 'list') {
|
||||||
|
echo '<nav class="crumbs">
|
||||||
|
<ol>
|
||||||
|
<li class="crumb"><a href="../">Accueil</a></li> >
|
||||||
|
<li class="crumb">Équipe</li>
|
||||||
|
</ol>
|
||||||
|
</nav>' .
|
||||||
|
"<h1>Notre équipe</h1><br><div id='team'>";
|
||||||
|
foreach ($employees as $employee) {
|
||||||
|
echo '<div>
|
||||||
|
<a href="' . $employee['slug'] . '"><h2>' . $employee['name'] . '</h2></a>
|
||||||
|
<p>' . $employee['jobTitle'] . '</p>
|
||||||
|
</div>';
|
||||||
|
}
|
||||||
|
echo "</div>";
|
||||||
|
echo"<br><p id='join'>Vous souhaitez rejoindre notre équipe ? Contactez-nous par mail à l'adresse suivante : <a href='mailto:elitesolar.contact77@gmail.com'>elitesolar.contact77@gmail.com</a></p>";
|
||||||
|
} elseif ($mode == 'view') {
|
||||||
|
echo '<nav class="crumbs">
|
||||||
|
<ol>
|
||||||
|
<li class="crumb"><a href="../">Accueil</a></li> >
|
||||||
|
<li class="crumb"><a href="./">Équipe</a></li> >
|
||||||
|
<li class="crumb">' . $employee["name"] . '</li>
|
||||||
|
</ol>
|
||||||
|
</nav>' .
|
||||||
|
"<h1>" . $employee["name"] . "</h1>";
|
||||||
|
echo "<h2>" . $employee["age"] . " ans | " . $employee["jobTitle"] . "</h2>";
|
||||||
|
|
||||||
|
echo '<ul id="social">';
|
||||||
|
foreach ($employee["socials"] as $social) {
|
||||||
|
echo '<li><a target="_blank" href="https://' . $social["url"] . '"><img src="../assets/img/' . $social["name"] . '.svg" width="30" height="30" alt="' . $social["name"] . '"></a></li>';
|
||||||
|
}
|
||||||
|
echo '</ul>';
|
||||||
|
|
||||||
|
echo "<h2>Articles récents (<a href='?articles'>Voir tout</a>)</h2>";
|
||||||
|
if (empty($employee["articles"])) echo '<p>Aucun article.</p>';
|
||||||
|
echo '<ul id="articles">';
|
||||||
|
foreach ($employee["articles"] as $article) {
|
||||||
|
$date = new DateTime($article['created_at']);
|
||||||
|
echo '<li><a href="../blog/' . $article["slug"] . '">' . $article["title"] . '</a><br>
|
||||||
|
Date : ' . $date->format('d/m/Y') . '<br>
|
||||||
|
Extrait : ' . $article["excerpt"] . '</li>';
|
||||||
|
}
|
||||||
|
echo '</ul>';
|
||||||
|
|
||||||
|
echo '<div id="formation"><h2>Formation (<a href="?cv">Voir le CV</a>)</h2>';
|
||||||
|
if (empty($employee["cv"]["formation"])) echo '<p>Aucune formation enregistrée.</p>';
|
||||||
|
foreach ($employee["cv"]["formation"] as $formation) {
|
||||||
|
echo '<b>' . $formation["title"] . '</b><ul><li>' . $formation["description"] . '</li></ul>';
|
||||||
|
}
|
||||||
|
echo '</div>';
|
||||||
|
} elseif ($mode == "cv") {
|
||||||
|
echo '<nav class="crumbs">
|
||||||
|
<ol>
|
||||||
|
<li class="crumb"><a href="../">Accueil</a></li> >
|
||||||
|
<li class="crumb"><a href="./">Équipe</a></li> >
|
||||||
|
<li class="crumb"><a href="./' . end($url) . '">' . $employee["name"] . '</a></li> >
|
||||||
|
<li class="crumb">CV</li>
|
||||||
|
</ol>
|
||||||
|
</nav>' .
|
||||||
|
"<h1> CV de <a href='./" . end($url) . "'>" . $employee["name"] . "</a></h1>";
|
||||||
|
echo "<div id='cv'><div class='left'>";
|
||||||
|
|
||||||
|
echo "<h2>Informations</h2>" .
|
||||||
|
"<ul>
|
||||||
|
<li><b>Âge :</b> " . $employee["age"] . "</li>
|
||||||
|
<li><b>Adresse électronique :</b> " . $employee["email"] . "</li>";
|
||||||
|
foreach ($employee["socials"] as $social) {
|
||||||
|
if ($social["name"] == "linkedin" || $social["name"] == "github") {
|
||||||
|
echo "<li><a target='_blank' href='https://". $social['url'] ."'>" . $social["url"] . "</a></li>";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
echo "</ul>";
|
||||||
|
|
||||||
|
echo '<div id="formation"><h2>Formation</h2><div>';
|
||||||
|
if (empty($employee["cv"]["formation"])) echo '<p>Aucune formation enregistrée.</p>';
|
||||||
|
foreach ($employee["cv"]["formation"] as $formation) {
|
||||||
|
echo '<b>' . $formation["title"] . '</b><ul><li>' . $formation["description"] . '</li></ul>';
|
||||||
|
}
|
||||||
|
echo '</div></div>';
|
||||||
|
|
||||||
|
echo '<div id="work"><h2>Expérience</h2><div>';
|
||||||
|
if (empty($employee["cv"]["work"])) echo '<p>Aucune expérience enregistrée.</p>';
|
||||||
|
foreach ($employee["cv"]["work"] as $work) {
|
||||||
|
echo '<b>' . $work["title"] . '</b><ul><li>' . $work["description"] . '</li></ul>';
|
||||||
|
}
|
||||||
|
echo '</div></div>';
|
||||||
|
|
||||||
|
echo '<div id="language"><h2>Langues</h2><div>';
|
||||||
|
if (empty($employee["cv"]["language"])) echo '<p>Aucune langue enregistrée.</p>';
|
||||||
|
echo '<ul>';
|
||||||
|
foreach ($employee["cv"]["language"] as $language) {
|
||||||
|
echo '<li><b>' . $language["title"] . '</b> : ' . $language["description"] . '</li>';
|
||||||
|
}
|
||||||
|
echo '</ul></div></div></div>';
|
||||||
|
|
||||||
|
echo '<div class="right"><div id="skill"><h2>Compétences</h2>';
|
||||||
|
if (empty($employee["cv"]["skill"])) echo '<div><p>Aucune compétence enregistrée.</p></div>';
|
||||||
|
while ($skill = current($employee["cv"]["skill"])) {
|
||||||
|
echo '<div><b>' . key($employee["cv"]["skill"]) . '</b><ul><li>';
|
||||||
|
echo implode('</li><li>', $skill);
|
||||||
|
echo '</li></ul></div>';
|
||||||
|
next($employee["cv"]["skill"]);
|
||||||
|
}
|
||||||
|
echo '</div>';
|
||||||
|
|
||||||
|
echo '<div id="project"><h2>Projets</h2>';
|
||||||
|
if (empty($employee["cv"]["project"])) echo '<p>Aucun projet enregistré.</p>';
|
||||||
|
foreach ($employee["cv"]["project"] as $project) {
|
||||||
|
if (empty($project["link"])) {
|
||||||
|
echo '<b>' . $project["title"] . '</b><ul><li>' . $project["description"] . '</li></ul>';
|
||||||
|
} else {
|
||||||
|
echo '<b><a target="_blank" href="' . $project["link"] . '">' . $project["title"] . '</a></b><ul><li>' . $project["description"] . '</li></ul>';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
echo '</div></div></div>';
|
||||||
|
} elseif ($mode == 'articles') {
|
||||||
|
echo '<nav class="crumbs">
|
||||||
|
<ol>
|
||||||
|
<li class="crumb"><a href="../">Accueil</a></li> >
|
||||||
|
<li class="crumb"><a href="./">Équipe</a></li> >
|
||||||
|
<li class="crumb"><a href="./' . end($url) . '">' . $employee["name"] . '</a></li> >
|
||||||
|
<li class="crumb">Articles</li>
|
||||||
|
</ol>
|
||||||
|
</nav>' .
|
||||||
|
"<h1>Articles publiés par <a href='./" . end($url) . "'>" . $employee["name"] . "</a></h1>";
|
||||||
|
if (empty($employee["articles"])) echo '<p>Aucun article.</p>';
|
||||||
|
echo '<ul id="articles">';
|
||||||
|
foreach ($employee["articles"] as $article) {
|
||||||
|
$date = new DateTime($article['created_at']);
|
||||||
|
echo '<li><a href="../blog/' . $article["slug"] . '">' . $article["title"] . '</a><br>
|
||||||
|
Date : ' . $date->format('d/m/Y') . '<br>
|
||||||
|
Extrait : ' . $article["excerpt"] . '</li>';
|
||||||
|
}
|
||||||
|
echo '</ul>';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
</main>
|
||||||
|
<button onclick="topFunction()" id="backToTop" title="Revenir au début de la page">⬆️</button>
|
||||||
|
<footer>
|
||||||
|
<div class="content">
|
||||||
|
<div class="text">
|
||||||
|
© <?= date("Y") ?> Elite Solar
|
||||||
|
<a href="legal">Mentions légales</a>
|
||||||
|
<a href="sitemap">Plan du site</a>
|
||||||
|
</div>
|
||||||
|
<div class="social">
|
||||||
|
<a target="_blank" href="https://linkedin.com"><img src="../assets/img/linkedin.svg" width="25" height="25" alt="LinkedIn"></a>
|
||||||
|
<a target="_blank" href="https://instagram.com/elitesolar77"><img src="../assets/img/instagram.svg" width="25" height="25" alt="Instagram"></a>
|
||||||
|
<a target="_blank" href="https://www.facebook.com/profile.php?id=100089332237449"><img src="../assets/img/facebook.svg" width="25" height="25" alt="Facebook"></a>
|
||||||
|
<a target="_blank" href="https://twitter.com/EliteSolar77"><img src="../assets/img/twitter.svg" width="25" height="25" alt="Twitter"></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<script src="../assets/js/script.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue
Block a user