diff --git a/public/css/accueil.css b/public/css/accueil.css
index d1e4a5a56d9ff647ca1c54cdd00668adb35aff31..d98f44b31e42802e0119c2928b78d3c503ecf253 100644
--- a/public/css/accueil.css
+++ b/public/css/accueil.css
@@ -80,7 +80,9 @@ a{
.parcours .arrow{
margin-top:30px;
-
+}
+.parcours .arrow:hover{
+ color:#F944FF;
}
.section-Parcours .trait-fushia1{
@@ -172,8 +174,8 @@ a{
align-self: flex-end;
align-items: center;
margin-right: 40px;
+ font-size:1.3rem;
}
-
/* FIN section presentation */
/* section oeuvres */
@@ -243,6 +245,10 @@ a{
position: absolute;
right: 10%;
bottom:10%;
+ font-size:1.3rem;
+ }
+ .voir-oeuvres:hover{
+ color:#F944FF;
}
.section-Oeuvres .trait-fushia {
@@ -304,6 +310,10 @@ a{
width:250px;
}
+ .en-savoir-plus:hover{
+ color:#F944FF;
+ }
+
}
@@ -375,7 +385,9 @@ a{
right:-60%;
top:87%;
}
-
+.en-savoir-plus:hover{
+ color:#F944FF;
+}
}
diff --git a/public/css/base.css b/public/css/base.css
index 6c0c9effd5b9a0bc3d534acc89a747d4e6e42352..18de327db712bbfce3dbea5ac90616bfbec55b80 100644
--- a/public/css/base.css
+++ b/public/css/base.css
@@ -260,6 +260,8 @@ img[alt="rond-blanc"]{
justify-content: center;
align-items: center;
min-height:100vh;
+ background-image: url(../image/taches.png);
+ background-size: cover;
}
.logo img{
diff --git a/public/css/oeuvre.css b/public/css/oeuvre.css
index 61b7ceab91ac90123dd9d706778e5e0771f38751..2321010aa895b46213c402f05829a9dbc7bf5a70 100644
--- a/public/css/oeuvre.css
+++ b/public/css/oeuvre.css
@@ -1,8 +1,3 @@
-body {
- overflow-x: hidden;
- font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-}
-
/* Taille section */
.oeuvre_spe {
height: 100vh;
@@ -92,13 +87,19 @@ body {
.oeuvre_parc p {
font-weight: bolder;
font-size: 1.313rem;
-
width: 9rem;
}
.oeuvre_parc i {
font-size: 2rem;
}
+.oeuvre_parc a{
+ text-decoration: none;
+ color:#171302;
+}
+.oeuvre_parc a:hover{
+ color:#F944FF;
+}
.vers_parcours {
text-decoration: none;
diff --git a/public/css/oeuvres.css b/public/css/oeuvres.css
index ecbb4a097304c5a28b2c6918f737ac6184b68557..00f0cf21d7b19606ef9df5f50d77d815314a95f2 100644
--- a/public/css/oeuvres.css
+++ b/public/css/oeuvres.css
@@ -48,7 +48,7 @@ body{
color:#171302;
}
.decouv i:hover{
- color:#FF8C00;
+ color:#F944FF;
}
.bg{
@@ -147,33 +147,10 @@ body{
color: #FFFDF3;
}
.card i:hover{
- color:#FF8C00;
+ color:#F944FF;
}
-.lien{
- margin:auto;
- text-align: center;
- margin-bottom: 50px;;
-}
-.lien a{
- border:1px solid #FF8C00;
- border-radius: 20px;
- padding:5px 10px;
- margin: auto;
- text-align: top;
- text-decoration: none;
- color:#FF8C00;
- -webkit-border-radius: 20px;
- -moz-border-radius: 20px;
- -ms-border-radius: 20px;
- -o-border-radius: 20px;
-}
-.lien a:hover{
- background-color: #FF8C00;
- color:#171302;
-}
-
.baqueron{
overflow:hidden;
border-radius: 25px;
@@ -189,8 +166,8 @@ body{
.baqueron:hover{
/* color:red; */
- background-image: url(soleil.png);
+ background-image: url(../image/tache_degrade.png);
background-position: center;
- background-size: contain;
+ background-size: cover;
background-repeat: no-repeat;
}
\ No newline at end of file
diff --git a/public/css/parcour.css b/public/css/parcour.css
index ca14af6734b7dcdb7d4f268e546ad822a65015d4..cf43e08e874916830d5af4f657dab7fe2f9ca5f3 100644
--- a/public/css/parcour.css
+++ b/public/css/parcour.css
@@ -55,36 +55,39 @@ div.cadre {
/* Espacement des différents champs */
display: flex;
flex-direction: column;
- gap: 2rem;
+ justify-content: center;
+ align-items: center;
+ gap:1rem;
+ padding:20px 50px 20px 50px;
+}
- height: 100vh;
+
+.comments{
+ width: 50%;
+ background-color:#fff1a2;
+ padding: 20px;
+ border-radius: 30px;
+ margin-top: 30px;
+ position: relative;
+}
+
+.notation{
+ display: flex;
+ justify-content: space-around;
+}
+.bold{
+ font-weight: bold;
+}
+.notation i{
+ color:#FFD700
}
.formulaire {
- background: lightgray;
- margin: auto;
- border-radius: 2rem;
- width: 22rem;
- height: 13rem;
+ text-align: center;
}
.connexion {
- background: lightgray;
- border-radius: 2rem;
text-align: center;
-
- /* Taille */
- width: 22rem;
- height: 13rem;
-
- /* Emplacement */
- margin: auto;
-
- /* Disposition */
- display: flex;
- flex-direction: column;
- gap: 1rem;
- justify-content: center;
}
.connexion a {
diff --git a/src/Controller/ParcoursController.php b/src/Controller/ParcoursController.php
index 87ecab50a4c1cdbc1e82a06f420424ab915ba9e7..e83067cf14f8942d3764c1741c64a8f910c47699 100644
--- a/src/Controller/ParcoursController.php
+++ b/src/Controller/ParcoursController.php
@@ -28,7 +28,8 @@ class ParcoursController extends AbstractController
Request $request,
ParcoursRepository $parcoursRepository
): Response {
- $parcour = $parcoursRepository->find("35");
+ $parcoursId = $request->request->get('id');
+ $parcour = $parcoursRepository->find($parcoursId);
$comment = (new Comment)
->addRelation($this->getUser())
diff --git a/templates/base.html.twig b/templates/base.html.twig
index a84b3bac595db56975f44a90aaa52bda76d1a995..24fcfd4335322230430b42e008799db6f691b9d1 100644
--- a/templates/base.html.twig
+++ b/templates/base.html.twig
@@ -106,11 +106,10 @@
<div class="order-title"><a href="{{ path('app_parcours_index') }}">Nos parcours</a></div>
<div><a href="{{ path('app_oeuvre_index') }}">Les oeuvres</a></div>
</div>
- <li><a href="">Qui sommes-nous ?</a></li>
+ <li><a href="{{ path('prez') }}">Qui sommes-nous ?</a></li>
<div class="footer-div2">
<div><a href="{{ path('mentions') }}">Mentions légales</a></div>
- <div><a href="">Politique de confidentialité</a></div>
<div class="copyright">© Copyright 2023</div>
</footer>
diff --git a/templates/home.html.twig b/templates/home.html.twig
index 7865e8839796a13b92dbb4d02a62a723f912f640..495c16d2e85bea09c01ad746c41213ad3ed80af0 100644
--- a/templates/home.html.twig
+++ b/templates/home.html.twig
@@ -7,15 +7,15 @@
{% endblock %}
{% block titre %}
-<a href="index.html"><img src="{{ asset('image/logo-noir.png') }}"alt="logo Itiner'art"></a>
+<a href="index.html"><img src="{{ asset('image/logo-noir.png') }}" alt="logo Itiner'art"></a>
{% endblock %}
{% block javascripts %}
- <script src="{{ asset('js/accueil.js') }} " defer></script>
+<script src="{{ asset('js/accueil.js') }} " defer></script>
{% endblock %}
{% block main %}
- {# <section class="section-BigTitle">
+{# <section class="section-BigTitle">
<div class="logo">
<a href="index.html"><img src="{{ asset('image/logo-noir.png') }}"alt=""></a>
</div>
@@ -29,7 +29,7 @@
<div class="list-parcours">
<div class="decouvrez">
<h2 class="stroke-text">DECOUVREZ</h2>
- <img src="{{ asset('image/parcours1.png') }}" alt="parcours-1">
+ <img src="{{ asset('image/parcours1.png') }}" alt="parcours-1">
</div>
<div class="nos">
@@ -40,34 +40,36 @@
<div class="parcours">
<img src="{{ asset('image/parcours3.png') }}" alt="parcours-3">
<h2>PARCOURS</h2>
- <div class="arrow"><a href="{{ path('app_parcours_index') }}"><i class="bi bi-arrow-right-circle"></i></a></div>
+ <div class="arrow"><a href="{{ path('app_parcours_index') }}"><i class="bi bi-arrow-right-circle"></i></a>
+ </div>
</div>
<img class="trait-fushia1" src="{{ asset('image/traits/trait_fuschia.png')}}" alt="">
<img class="trait-jaune1" src="{{ asset('image/traits/trait_jaune.png')}}" alt="">
<img class="trait-orange1" src="{{ asset('image/traits/trait_orange.png')}}" alt="">
<img class="trait-fushia2" src="{{ asset('image/traits/trait_fuschia.png')}}" alt="">
<img class="trait-jaune2" src="{{ asset('image/traits/trait_jaune.png')}}" alt="">
- <img class="trait-orange2" src="{{ asset('image/traits/trait_orange.png')}}" alt="">
+ <img class="trait-orange2" src="{{ asset('image/traits/trait_orange.png')}}" alt="">
</div>
</section>
<section class="section-Presentation">
-
+
<div class="presentation">
<div>
<img src="{{ asset('image/img-presentation.png') }}" alt="img-presentation">
</div>
-
+
<div>
<h1 class="title-prez">QUI SOMMES-NOUS ?</h1>
-
+
<div class="text-presentation">
<p>Nous sommes quelques étudiants fans de Street Art.
- Nous sommes basés sur Strasbourg, notre ville de coeur. Cette passion, nous vous la partageons à travers de beaux parcours concoctés par nos soins.
+ Nous sommes basés sur Strasbourg, notre ville de coeur. Cette passion, nous vous la partageons Ã
+ travers de beaux parcours concoctés par nos soins.
</p>
- <p>Vous aussi, venez découvrir Strasbourg à travers ses Street Art !</p>
+ <p>Vous aussi, venez découvrir Strasbourg à travers ses Street Art !</p>
</div>
</div>
</div>
@@ -77,8 +79,8 @@
<div class="en-savoir-plus">
- <div><a href="">En savoir plus sur nous</a></div>
- <div class="arrow"><a href=""><i class="bi bi-arrow-right-circle"></i></a></div>
+ <div><a href="{{ path('prez') }}">En savoir plus sur nous</a></div>
+ <div class="arrow"><a href="{{ path('prez') }}"><i class="bi bi-arrow-right-circle"></i></a></div>
</div>
@@ -93,24 +95,24 @@
<div class="carousel__button previous" id="previous"><i class="bi bi-chevron-left" id="previous"></i></div>
<div class="carousel">
<div class="carousel__images">
- <img src="{{ asset('image/parcours1.png') }}" alt=""id="image">
- <img src="{{ asset('image/parcours2.png') }}" alt="" id="image">
- <img src="{{ asset('image/parcours3.png') }}" alt="" id="image">
- <img src="{{ asset('image/parcours1.png') }}" alt="" id="image">
- <img src="{{ asset('image/parcours2.png') }}" alt="" id="image">
+ <img src="{{ asset('image/parcours1.png') }}" alt="" id="image">
+ <img src="{{ asset('image/parcours2.png') }}" alt="" id="image">
+ <img src="{{ asset('image/parcours3.png') }}" alt="" id="image">
+ <img src="{{ asset('image/parcours1.png') }}" alt="" id="image">
+ <img src="{{ asset('image/parcours2.png') }}" alt="" id="image">
</div>
- </div>
- <div class="carousel__button next" id="next"><i class="bi bi-chevron-right" id="next"></i></div>
-
+ </div>
+ <div class="carousel__button next" id="next"><i class="bi bi-chevron-right" id="next"></i></div>
+
</div>
- <div class="voir-oeuvres">
- <div><a href="">Toutes les oeuvres</a></div>
- <div class="arrow"><a href=""><i class="bi bi-arrow-right-circle"></i></a></div>
+ <div class="voir-oeuvres">
+ <div><a href="{{ path('app_oeuvre_index') }}">Toutes les oeuvres</a></div>
+ <div class="arrow"><a href="{{ path('app_oeuvre_index') }}"><i class="bi bi-arrow-right-circle"></i></a></div>
</div>
<img class="trait-fushia" src="{{ asset('image/traits/trait_fuschia.png')}}" alt="">
- <img class="trait-orange" src="{{ asset('image/traits/trait_orange.png')}}" alt="">
+ <img class="trait-orange" src="{{ asset('image/traits/trait_orange.png')}}" alt="">
diff --git a/templates/mentions.html.twig b/templates/mentions.html.twig
index 5f7be04b5c324e335c0288bf99dcf09b04e66c3b..a1171d17f066a5bec2de8b9ac63da002527a99ff 100644
--- a/templates/mentions.html.twig
+++ b/templates/mentions.html.twig
@@ -3,10 +3,13 @@
<link rel="stylesheet" href="{{ asset('css/mentions.css') }}">
{% endblock %}
+{% block titre %}
+<h1>Mentions légales</h1>
+{% endblock %}
+
+
{% block main %}
<section class="mentions">
- <h1>Mentions légales</h1>
-
<p>Les présentes conditions générales fixent les modalités d'utilisation du service web <a
href="#">www.intinerart.fr</a></p>
@@ -16,9 +19,9 @@
</p>
<h3>Editeur et responsable de publication</h3>
- <p>Ce site personnel non déclaré à la CNIL a été par FALCH Maëlle, CELMA Annelise et HUOT Anthony durant un projet d'étude.</p>
+ <p>Ce site personnel non déclaré à la CNIL a été par CELMA Annelise, FALCH Maëlle et HUOT Anthony durant un projet d'étude.</p>
- <h3>Hebergement</h3>
+ <h3>Hébergement</h3>
<p>Ce site est hébergé sur <a href="https://www.plesk.com/">Plesk Obsidian</a></p>
</section>
diff --git a/templates/oeuvre/index.html.twig b/templates/oeuvre/index.html.twig
index 50077f227400c8249affe60035f60d16f3bebe76..d22608bebd409a375878c6eebd3f291b32cfcdbf 100644
--- a/templates/oeuvre/index.html.twig
+++ b/templates/oeuvre/index.html.twig
@@ -40,10 +40,6 @@
<a href="{{ path('app_parcours_index') }}"><i class="bi bi-arrow-right-circle"></i></a>
</div>
</section>
-<div class="bg">
- <p>Placeholder pas</p>
-</div>
-
<section>
<form method="get" action="{{ path('app_oeuvre_index') }}" class="formb">
<label for="category">Trier par :</label>
@@ -72,11 +68,5 @@
</div>
{% endfor %}
</div>
- <div class="lien">
- <a href=""1"">1</a>
- <a href=""1"">2</a>
- <a href=""1"">3</a>
- <a href=""1"">4</a>
- </div>
</section>
{% endblock %}
diff --git a/templates/oeuvre/show.html.twig b/templates/oeuvre/show.html.twig
index 0b6110441929884b556da26eddebe844fe43b29d..b61b27b839c88912e5ca80328f015dc53752096a 100644
--- a/templates/oeuvre/show.html.twig
+++ b/templates/oeuvre/show.html.twig
@@ -26,23 +26,22 @@
<div class="adresse">
<i class="bi bi-geo-alt-fill"></i>
- <a href="https://goo.gl/maps/xJ8abDynu1B3LsJH9">Adresse de l'oeuvre</a>
+ <p>{{oeuvre.adresse}}</p>
</div>
- <a href="#" class="vers_parcours">
<div class="oeuvre_parc">
- <p>Découvrez son parcours</p>
- <i class="bi bi-arrow-right-circle"></i>
+ <a href="{{ path('app_parcours_show', {'id': oeuvre.relaOeuvre.id}) }}"><p>Découvrez son parcours</p></a>
+ <a href="{{ path('app_parcours_show', {'id': oeuvre.relaOeuvre.id}) }}"><i class="bi bi-arrow-right-circle"></i></a>
</div>
- </a>
</div>
</section>
-
+{% if is_granted('ROLE_ADMIN') %}
<a href="{{ path('app_oeuvre_index') }}">back to list</a>
<a href="{{ path('app_oeuvre_edit', {'id': oeuvre.id}) }}">edit</a>
{{ include('oeuvre/_delete_form.html.twig') }}
+{% endif %}
{% endblock %}
\ No newline at end of file
diff --git a/templates/parcours/index.html.twig b/templates/parcours/index.html.twig
index 9a56e5c0aa1fa13a07dd9cda961f6afa42e2d415..0c6e59f86f0940395ce0f00d7aca76c5553ed804 100644
--- a/templates/parcours/index.html.twig
+++ b/templates/parcours/index.html.twig
@@ -12,7 +12,7 @@
{% endblock %}
{% block main %}
-<table class="table">
+{# <table class="table">
<tbody>
{% for parcour in parcours %}
<tr>
@@ -26,24 +26,17 @@
</tr>
{% endfor %}
</tbody>
-</table>
+</table> #}
{% if is_granted('ROLE_ADMIN') %}
<a href="{{ path('app_parcours_new') }}">Create new</a>
{% endif %}
-
-
-
-<!-- VERSION 1.1 -->
<section class="desc">
<p class="description">Plongez dans le cœur de Strasbourg, à travers ses rues décorées par des artistes passionnés.
Ces parcours, plus ou moins long, vous sont proposés avec amour par notre fine équipe</p>
<h4>N'attendez plus, suivez nos pas !</h4>
</section>
-<div class="bg">
- <img src="{{ asset('image/brush.png') }}" alt="">
-</div>
<section>
<div class="container-card">
{% for parcour in parcours %}
diff --git a/templates/parcours/show.html.twig b/templates/parcours/show.html.twig
index 17999c24300294b4b1a92ebc8bca297144b0555d..578ca0b564bbf86100e018bda5fadd70db74bebe 100644
--- a/templates/parcours/show.html.twig
+++ b/templates/parcours/show.html.twig
@@ -13,9 +13,9 @@
{% endblock %}
{% block main %}
-<h1>Parcours</h1>
-<table class="table">
+
+{# <table class="table">
<tbody>
<tr>
<th>Id</th>
@@ -30,16 +30,8 @@
<td>{{ parcour.description }}</td>
</tr>
</tbody>
-</table>
-
-<a href="{{ path('app_parcours_index') }}">back to list</a>
-
-<a href="{{ path('app_parcours_edit', {'id': parcour.id}) }}">edit</a>
-
-{{ include('parcours/_delete_form.html.twig') }}
+</table> #}
-
-<!-- version 1.1 -->
<section class="parcours_intro">
<p class="note_parc">Note des visiteurs : 2,5/5 <i class="bi bi-star-fill"></i></p>
<p>{{parcour.description}}</p>
@@ -53,44 +45,51 @@
<section class="oeuvres">
<button class="slick-prev slick-arrow"><i class="bi bi-chevron-left"></i></button>
<div class="caroussel slick-slider">
- {% for oeuvre in oeuvres %}
- <div class="slick-slide vue">
- <img class="image" src="{{oeuvre.photo}}" alt="{{oeuvre.altImg}}">
- <div class="info">
- <h2>{{oeuvre.nom}}</h2>
- <h3>{{oeuvre.artiste}}</h3>
- <p class="desc">
- {{oeuvre.descriptionO}}
- </p>
- <div class="adresse_parc">
- <i class="bi bi-geo-alt-fill"></i>
- <p>{{oeuvre.adresse}}</p>
- </div>
+ {% for oeuvre in oeuvres %}
+ <div class="slick-slide vue">
+ <img class="image" src="{{oeuvre.photo}}" alt="{{oeuvre.altImg}}">
+ <div class="info">
+ <h2>{{oeuvre.nom}}</h2>
+ <h3>{{oeuvre.artiste}}</h3>
+ <p class="desc">
+ {{oeuvre.descriptionO}}
+ </p>
+ <div class="adresse_parc">
+ <i class="bi bi-geo-alt-fill"></i>
+ <p>{{oeuvre.adresse}}</p>
</div>
</div>
- {% endfor %}
+ </div>
+ {% endfor %}
</div>
- <button class="slick-next slick-arrow"><i class="bi bi-chevron-right"></i></button>
+ <button class="slick-next slick-arrow"><i class="bi bi-chevron-right"></i></button>
</section>
+{% if is_granted('ROLE_ADMIN') %}
+<a href="{{ path('app_parcours_index') }}">back to list</a>
+<a href="{{ path('app_parcours_edit', {'id': parcour.id}) }}">edit</a>
+{{ include('parcours/_delete_form.html.twig') }}
+{% endif %}
<section class="commentaire_parc">
<h2>Commentaires</h2>
- <div class="connexion">
+ <div class="connexion comments">
<div class="connectez">
<p><i>Vous voulez laissez un avis ?</i></p>
- <a href="#">Connectez-vous !</a>
+ <a href="{{ path('app_login') }}">Connectez-vous !</a>
</div>
<div class="inscrivez">
<p><i>Vous n'avez pas de compte ?</i></p>
- <a href="#">Inscrivez-vous !</a>
+ <a href="{{path('app_register')}}">Inscrivez-vous !</a>
</div>
</div>
- <div class="formulaire">
- <form action="#">
+ {% if app.user %}
+ <div class="formulaire comments">
+ <form action="{{ path('app_parcours_send_comment', { id: parcour.id })}}" method="post">
+ <input type="hidden" name="id" value="{{ parcour.id }}">
<div class="test">
- <p>De : pseudo</p>
+ {# <p>De : {{ app.user.pseudo }}</p> #}
<div>
<label for="select-note">Note de :</label>
<select name="note" id="select-note">
@@ -102,32 +101,28 @@
<option value="4">4</option>
<option value="5">5</option>
</select>
- <span>★</span>
+ <span><i class="bi bi-star-fill"></i></span>
</div>
</div>
+ <input type="text" name="titre">
<div class="test2">
- <textarea></textarea>
+ <textarea name="message"></textarea>
<input type="submit" value="Envoyer">
</div>
</form>
</div>
-
- <div class="commentaire_show">
- <div class="comment_pseu">
- <p>De : pseudo</p>
- <p>Note : 2/5 ★</p>
+ {% endif %}
+ {% for comment in comments %}
+ <div class="comments">
+ <div class="notation bold">
+ <p>{{comment.titre}}</p>
+ <p>Note : {{comment.note}}/5 <i class="bi bi-star-fill"></i></p>
</div>
<div class="comment_txt">
- <p>Gorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac
- aliquet
- odio mattis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos
- himenaeos.
- Gorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac
- aliquet
- odio mattis. </p>
+ <p>{{comment.comment}} </p>
</div>
</div>
-
+ {% endfor %}
</section>
diff --git a/templates/prez.html.twig b/templates/prez.html.twig
index 8ca31359a68f79479ad98fe5fa42a635e3385a2d..f100dac9f5ea5ba810aba2c4c168d021cbf2f995 100644
--- a/templates/prez.html.twig
+++ b/templates/prez.html.twig
@@ -11,8 +11,6 @@
{% block main %}
-<h1>{{ titre }}</h1>
-
<section>
<div class="test">
<div class="text_prez">
diff --git a/templates/profil.html.twig b/templates/profil.html.twig
index 93e7a45b5d3f6484fb6107eebc6f8c4daaa635da..810e2be11f3c6871602b66b72a3b2156af3cb6b2 100644
--- a/templates/profil.html.twig
+++ b/templates/profil.html.twig
@@ -74,7 +74,6 @@
<div><i class="bi bi-trash"></i></div>
</div>
</div>
-
</section>