diff --git a/php/assets/event1.png b/php/assets/event1.png new file mode 100644 index 0000000..00210e4 Binary files /dev/null and b/php/assets/event1.png differ diff --git a/php/assets/event2.png b/php/assets/event2.png new file mode 100644 index 0000000..2f2bf2c Binary files /dev/null and b/php/assets/event2.png differ diff --git a/php/assets/event3.png b/php/assets/event3.png new file mode 100644 index 0000000..4e433dc Binary files /dev/null and b/php/assets/event3.png differ diff --git a/php/controleur/UtilisateurControleur.php b/php/controleur/UtilisateurControleur.php index 0ce215c..0a44e8f 100755 --- a/php/controleur/UtilisateurControleur.php +++ b/php/controleur/UtilisateurControleur.php @@ -50,7 +50,28 @@ class UtilisateurControleur protected function accueil() { global $twig; - echo $twig->render('accueil.html', []); + /* Temporaire (le temps d'avoir en base) */ + $eventsList = [ + [ + 'imagePath' => 'assets/event1.png', + 'nom' => 'Événement 1', + 'description' => 'Description de l\'événement 1', + 'date' => '01/01/2023' + ], + [ + 'imagePath' => 'assets/event2.png', + 'nom' => 'Événement 2', + 'description' => 'Description de l\'événement 2', + 'date' => '02/01/2023' + ], + [ + 'imagePath' => 'assets/event3.png', + 'nom' => 'Événement 3', + 'description' => 'Description de l\'événement 3', + 'date' => '03/01/2023' + ] + ]; + echo $twig->render('accueil.html', ["eventsList"=>$eventsList]); } protected function consulterProfilLimite() diff --git a/php/css/accueil.css b/php/css/accueil.css index 31aa5bd..68bf62c 100755 --- a/php/css/accueil.css +++ b/php/css/accueil.css @@ -8,7 +8,6 @@ .main { color: #212121; font-size: 1rem; - padding-top: 70px; } .title-banner{ @@ -22,7 +21,7 @@ } .banner { - position: relative; /* La classe parente doit avoir une position relative */ + position: relative; } .title-banner { @@ -50,4 +49,74 @@ .title-banner .description{ font-size: 15px; color: #fff; +} + +.slideshow-container { + position: relative; + max-width: 70%; + margin: 0 auto; + padding: 30px; +} + +.slide { + width: 100%; + height: 350px; + border-radius: 20px; + border: #212121 1px solid; +} + +.slide-content { + display: flex; + width: 100%; +} + +.slide-img, +.slide-info { + width: 50%; + overflow: hidden; +} + +.slide-info{ + padding: 15px; +} + +.slide-title{ + font-size: 20px; + font-weight: bold; +} + +.slide-info .button{ + color: #00DBFF; + font-size: 14px; + padding: 5px; + text-transform: uppercase; + border-radius: 15px; + border: #00DBFF 2px solid; + display: inline-block; + margin-top: 10px; +} + +.slide-img img{ + height: 350px; + border-radius: 20px; +} + +.prevButton, .nextButton { + position: absolute; + top: 50%; + transform: translateY(-50%); + font-size: 24px; + background-color: black; + color: white; + padding: 8px 16px; + border: none; + cursor: pointer; +} + +.prevButton { + left: 0; +} + +.nextButton { + right: 0; } \ No newline at end of file diff --git a/php/css/connexion.css b/php/css/connexion.css index 4c14d1d..963e2de 100755 --- a/php/css/connexion.css +++ b/php/css/connexion.css @@ -9,12 +9,16 @@ a{ text-decoration: none; } - body{ + display: block; + background: #fff; +} + +.content{ display: flex; justify-content: center; align-items: center; - min-height: 100vh; + min-height: calc(100vh - 70px); background: #fff; } diff --git a/php/css/inscription.css b/php/css/inscription.css index 4c14d1d..9cd6a72 100755 --- a/php/css/inscription.css +++ b/php/css/inscription.css @@ -11,10 +11,15 @@ a{ } body{ + display: block; + background: #fff; +} + +.content{ display: flex; justify-content: center; align-items: center; - min-height: 100vh; + min-height: calc(100vh - 70px); background: #fff; } diff --git a/php/css/menu.css b/php/css/menu.css index 11e012e..6ab9e3d 100644 --- a/php/css/menu.css +++ b/php/css/menu.css @@ -11,8 +11,10 @@ a { height: 70px; background: #fff; color: #212121; - position: fixed; + position: sticky; top: 0; + left: 0; + z-index: 100; } .navbar-container .logo-container a { diff --git a/php/vues/accueil.html b/php/vues/accueil.html index a12e759..9e2da9f 100755 --- a/php/vues/accueil.html +++ b/php/vues/accueil.html @@ -17,20 +17,51 @@
Nous sommes d’anciens étudiants à l’IUT d’Aubière qui aimerions créer un réseau d'anciens étudiants au travers d'un réseau alumni du département Informatique.
-

Accueil

-

Vous êtes sur la page d'accueil

-

Vous pouvez vous connecter ou vous inscrire

-

Vous pouvez aussi consulter les articles

-

Vous pouvez aussi consulter les annonces

+ +
+ {% for event in eventsList %} +
+
+ +
+
+
{{event.date}}
+
{{event.nom}}
+
{{event.description}}
+ S'inscrire +
+
+ {% endfor %} + + +
+ + + - + var slideIndex = 1; + showDivs(slideIndex); + + function plusDivs(n) { + showDivs(slideIndex += n); + } + function showDivs(n) { + var i; + var x = document.getElementsByClassName("slide"); + if (n > x.length) {slideIndex = 1} + if (n < 1) {slideIndex = x.length} + for (i = 0; i < x.length; i++) { + x[i].style.display = "none"; + } + x[slideIndex-1].style.display = "flex"; + } + \ No newline at end of file diff --git a/php/vues/connexion.html b/php/vues/connexion.html index d3508c5..676d75a 100755 --- a/php/vues/connexion.html +++ b/php/vues/connexion.html @@ -7,6 +7,8 @@ +{% include 'menu.html' %} +

Connexion

@@ -45,5 +47,5 @@
- +
\ No newline at end of file diff --git a/php/vues/inscription.html b/php/vues/inscription.html index cfee55a..9040ff5 100755 --- a/php/vues/inscription.html +++ b/php/vues/inscription.html @@ -7,6 +7,8 @@ +{% include 'menu.html' %} +

S'inscrire

@@ -53,5 +55,6 @@
+
\ No newline at end of file