Skip to content
Snippets Groups Projects
Commit 230a8555 authored by Florine Lefebvre's avatar Florine Lefebvre :stuck_out_tongue_closed_eyes:
Browse files

ajout br pour chat

parent 4b3f23cd
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
WEB-INF/vue/chat.jsp
+ 2
− 0
View file @ 230a8555
......@@ -92,6 +92,7 @@
<label><%=message.getMessage() %></label>
</div>
</div>
<br>
<% } else { %>
......@@ -101,6 +102,7 @@
<label><%=message.getMessage() %></label>
</div>
</div>
<br>
<% } } %>
<div id="input" class="fixed-bottom p-2 bg-white border-top border-2 border-dark">
......
maquette/chat.html
+ 88
− 79
View file @ 230a8555
......@@ -54,100 +54,109 @@
</div>
</div>
<div id="messages" class="container-lg" style="margin-top: 60px; margin-bottom: 85px;">
<div id="me" class="row d-inline-block m-3">
<label class="ms-3 fs-6 text-secondary">par vous, le 21/02/2025 à 16h46</label>
<div class="p-3 border border-3 border-primary rounded-pill bg-primary-subtle">
<label>Rien de mieux que de passer la journée à pêcher au bord du lac, avec ce calme...</label>
<div id="messages" class="d-block container-lg" style="margin-top: 60px; margin-bottom: 85px;">
<div class="col">
<div id="me" class="row d-inline-block m-3">
<label class="ms-3 fs-6 text-secondary">par vous, le 21/02/2025 à 16h46</label>
<div class="p-3 border border-3 border-primary rounded-pill bg-primary-subtle">
<label>Rien de mieux que de passer la journée à pêcher au bord du lac, avec ce calme...</label>
</div>
</div>
</div>
<div class="row d-inline-block m-3">
<label class="ms-3 fs-6 text-secondary">par @maxime, le 21/02/2025 à 16h47</label>
<div class="p-3 border border-3 border-secondary rounded-pill bg-secondary-subtle">
<label>Ah ça, c'est clair ! Rien de plus relaxant que d'être entouré de verdure. T'as eu de la chance avec les poissons aujourd'hui ?</label>
<div class="row d-inline-block m-3">
<label class="ms-3 fs-6 text-secondary">par @maxime, le 21/02/2025 à 16h47</label>
<div class="p-3 border border-3 border-secondary rounded-pill bg-secondary-subtle">
<label>Ah ça, c'est clair ! Rien de plus relaxant que d'être entouré de verdure. T'as eu de la chance avec les poissons aujourd'hui ?</label>
</div>
</div>
</div>
<div id="me" class="row d-inline-block m-3">
<label class="ms-3 fs-6 text-secondary">par vous, le 21/02/2025 à 16h51</label>
<div class="p-3 border border-3 border-primary rounded-pill bg-primary-subtle">
<label>Pas mal, quelques truites. Mais c’est plus l’ambiance que je recherche en ce moment. Le bruit du vent, les oiseaux...</label>
<div id="me" class="row d-inline-block m-3">
<label class="ms-3 fs-6 text-secondary">par vous, le 21/02/2025 à 16h51</label>
<div class="p-3 border border-3 border-primary rounded-pill bg-primary-subtle">
<label>Pas mal, quelques truites. Mais c’est plus l’ambiance que je recherche en ce moment. Le bruit du vent, les oiseaux...</label>
</div>
</div>
</div>
<div class="row d-inline-block m-3">
<label class="ms-3 fs-6 text-secondary">par @bruno, le 21/02/2025 à 16h54</label>
<div class="p-3 border border-3 border-secondary rounded-pill bg-secondary-subtle">
<label>C’est le rêve ça ! Moi, je préfère les lacs un peu plus sauvages, ceux où il n'y a pas grand monde. Mais je trouve que la pêche en rivière a quelque chose de plus... authentique.</label>
<div class="row d-inline-block m-3">
<label class="ms-3 fs-6 text-secondary">par @bruno, le 21/02/2025 à 16h54</label>
<div class="p-3 border border-3 border-secondary rounded-pill bg-secondary-subtle">
<label>C’est le rêve ça ! Moi, je préfère les lacs un peu plus sauvages, ceux où il n'y a pas grand monde. Mais je trouve que la pêche en rivière a quelque chose de plus... authentique.</label>
</div>
</div>
</div>
<div class="row d-inline-block m-3">
<label class="ms-3 fs-6 text-secondary">par @bruno, le 21/02/2025 à 16h54</label>
<div class="p-3 border border-3 border-secondary rounded-pill bg-secondary-subtle">
<label>Vous avez essayé ?</label>
<div class="row d-inline-block m-3">
<label class="ms-3 fs-6 text-secondary">par @bruno, le 21/02/2025 à 16h54</label>
<div class="p-3 border border-3 border-secondary rounded-pill bg-secondary-subtle">
<label>Vous avez essayé ?</label>
</div>
</div>
</div>
<div class="row d-inline-block m-3">
<label class="ms-3 fs-6 text-secondary">par @maxime, le 21/02/2025 à 16h57</label>
<div class="p-3 border border-3 border-secondary rounded-pill bg-secondary-subtle">
<label>J’ai tenté une fois en rivière, c’était un peu plus sportif, je dois dire. Les poissons sont plus malins, mais c’est un autre défi ! Mais, au fond, l’important c’est de se déconnecter un peu, non ?</label>
<br>
<div class="row d-inline-block m-3">
<label class="ms-3 fs-6 text-secondary">par @bruno, le 21/02/2025 à 16h54</label>
<div class="p-3 border border-3 border-secondary rounded-pill bg-secondary-subtle">
<label>Vous avez essayé ?</label>
</div>
</div>
</div>
<div id="me" class="row d-inline-block m-3">
<label class="ms-3 fs-6 text-secondary">par vous, le 21/02/2025 à 17h01</label>
<div class="p-3 border border-3 border-primary rounded-pill bg-primary-subtle">
<label>Exactement ! C’est l’occasion de se couper du monde pendant quelques heures. Tu préfères quelle technique de pêche, Bruno ?</label>
<div class="row d-inline-block m-3">
<label class="ms-3 fs-6 text-secondary">par @maxime, le 21/02/2025 à 16h57</label>
<div class="p-3 border border-3 border-secondary rounded-pill bg-secondary-subtle">
<label>J’ai tenté une fois en rivière, c’était un peu plus sportif, je dois dire. Les poissons sont plus malins, mais c’est un autre défi ! Mais, au fond, l’important c’est de se déconnecter un peu, non ?</label>
</div>
</div>
</div>
<div class="row d-inline-block m-3">
<label class="ms-3 fs-6 text-secondary">par @bruno, le 21/02/2025 à 17h11</label>
<div class="p-3 border border-3 border-secondary rounded-pill bg-secondary-subtle">
<label>J’adore la pêche à la mouche, c’est un vrai art. C’est une manière de vraiment interagir avec l’eau et la nature. Et vous, vous êtes plutôt pêche au coup ou carnassier ?</label>
<div id="me" class="row d-inline-block m-3">
<label class="ms-3 fs-6 text-secondary">par vous, le 21/02/2025 à 17h01</label>
<div class="p-3 border border-3 border-primary rounded-pill bg-primary-subtle">
<label>Exactement ! C’est l’occasion de se couper du monde pendant quelques heures. Tu préfères quelle technique de pêche, Bruno ?</label>
</div>
</div>
</div>
<div id="me" class="row d-inline-block m-3">
<label class="ms-3 fs-6 text-secondary">par vous, le 21/02/2025 à 17h13</label>
<div class="p-3 border border-3 border-primary rounded-pill bg-primary-subtle">
<label>Pour ma part, je suis plus pêche au coup, tranquille, avec une bonne canne et du temps devant moi. J’ai déjà tenté le carnassier, mais je trouve ça un peu plus stressant.</label>
<div class="row d-inline-block m-3">
<label class="ms-3 fs-6 text-secondary">par @bruno, le 21/02/2025 à 17h11</label>
<div class="p-3 border border-3 border-secondary rounded-pill bg-secondary-subtle">
<label>J’adore la pêche à la mouche, c’est un vrai art. C’est une manière de vraiment interagir avec l’eau et la nature. Et vous, vous êtes plutôt pêche au coup ou carnassier ?</label>
</div>
</div>
</div>
<div class="row d-inline-block m-3">
<label class="ms-3 fs-6 text-secondary">par @maxime, le 21/02/2025 à 17h16</label>
<div class="p-3 border border-3 border-secondary rounded-pill bg-secondary-subtle">
<label>Moi j'aime bien les deux. Une journée tranquille à pêcher au coup et une autre à tenter le carnassier, avec un peu plus d’action. Et surtout, on se retrouve entre amis, et ça, c'est le plus important !</label>
<div id="me" class="row d-inline-block m-3">
<label class="ms-3 fs-6 text-secondary">par vous, le 21/02/2025 à 17h13</label>
<div class="p-3 border border-3 border-primary rounded-pill bg-primary-subtle">
<label>Pour ma part, je suis plus pêche au coup, tranquille, avec une bonne canne et du temps devant moi. J’ai déjà tenté le carnassier, mais je trouve ça un peu plus stressant.</label>
</div>
</div>
</div>
<div class="row d-inline-block m-3">
<label class="ms-3 fs-6 text-secondary">par @bruno, le 21/02/2025 à 17h19</label>
<div class="p-3 border border-3 border-secondary rounded-pill bg-secondary-subtle">
<label>T’as raison, Maxime. C’est avant tout la camaraderie et la nature. Pas besoin de rapporter un poisson géant pour que la journée soit réussie.</label>
<div class="row d-inline-block m-3">
<label class="ms-3 fs-6 text-secondary">par @maxime, le 21/02/2025 à 17h16</label>
<div class="p-3 border border-3 border-secondary rounded-pill bg-secondary-subtle">
<label>Moi j'aime bien les deux. Une journée tranquille à pêcher au coup et une autre à tenter le carnassier, avec un peu plus d’action. Et surtout, on se retrouve entre amis, et ça, c'est le plus important !</label>
</div>
</div>
</div>
<div id="me" class="row d-inline-block m-3">
<label class="ms-3 fs-6 text-secondary">par vous, le 21/02/2025 à 17h46</label>
<div class="p-3 border border-3 border-primary rounded-pill bg-primary-subtle">
<label>C'est vrai, rien ne vaut ces moments passés au bord de l’eau, même sans pêche réussie. La nature, la pêche, et les amis. Quoi de mieux ?</label>
<div class="row d-inline-block m-3">
<label class="ms-3 fs-6 text-secondary">par @bruno, le 21/02/2025 à 17h19</label>
<div class="p-3 border border-3 border-secondary rounded-pill bg-secondary-subtle">
<label>T’as raison, Maxime. C’est avant tout la camaraderie et la nature. Pas besoin de rapporter un poisson géant pour que la journée soit réussie.</label>
</div>
</div>
</div>
<div class="row d-inline-block m-3">
<label class="ms-3 fs-6 text-secondary">par @dfab, le 22/02/2025 à 07h14</label>
<div class="p-3 border border-3 border-secondary rounded-pill bg-secondary-subtle">
<label>Salut tout le monde, j'organise une journée pêche demain, ça vous tente ?</label>
<div id="me" class="row d-inline-block m-3">
<label class="ms-3 fs-6 text-secondary">par vous, le 21/02/2025 à 17h46</label>
<div class="p-3 border border-3 border-primary rounded-pill bg-primary-subtle">
<label>C'est vrai, rien ne vaut ces moments passés au bord de l’eau, même sans pêche réussie. La nature, la pêche, et les amis. Quoi de mieux ?</label>
</div>
</div>
<div class="row d-inline-block m-3">
<label class="ms-3 fs-6 text-secondary">par @dfab, le 22/02/2025 à 07h14</label>
<div class="p-3 border border-3 border-secondary rounded-pill bg-secondary-subtle">
<label>Salut tout le monde, j'organise une journée pêche demain, ça vous tente ?</label>
</div>
</div>
</div>
</div>
<div id="input" class="fixed-bottom p-2 bg-white border-top border-2 border-dark">
<form class="input-group mb-3 container-lg" method="post" action="#">
<a class="input-group-text link-primary" href="chat.html">
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment