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

debut html messages

parent 5e34040a
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
acceuil.html
+ 18
− 11
View file @ a767c1e7
......@@ -12,7 +12,7 @@
<div class="row">
<div class="col-sm-auto bg-light sticky-top">
<div class="d-flex flex-sm-column flex-row flex-nowrap bg-light align-items-center sticky-top">
<div class="d-block p-3 pt-4">
<div class="d-block p-3 pt-3">
<img src="res/mini_logo.png" width="45px">
</div>
<ul class="nav nav-pills nav-flush flex-sm-column flex-row flex-nowrap mb-auto mx-auto text-center justify-content-between w-100 px-3 align-items-center">
......@@ -36,12 +36,12 @@
<i class="bi-plus-square fs-1"></i>
</a>
</li>
</ul>
<div>
<a href="compte.html" class="d-flex align-items-center justify-content-center p-3 link-dark text-decoration-none" id="dropdownUser3" data-bs-toggle="dropdown" aria-expanded="false">
<li>
<a href="compte.html" class="link-dark py-3 px-2" title="Compte" data-bs-toggle="tooltip" data-bs-placement="right">
<i class="bi-person-circle h2"></i>
</a>
</div>
</li>
</ul>
</div>
</div>
<div class="col-sm p-3 min-vh-100 d-flex flex-column">
......@@ -58,7 +58,7 @@
<h4>Suivre un fil</h4>
<p>Rejoindre un fil sur Villeneuve Chat est facile.
Il vous suffit de <a href="fils.html">parcourir les fils disponibles <i class="bi-search"></i></a> pour trouver celui qui vous intéresse.
Il vous suffit de <a href="fils.html">parcourir les fils disponibles <i class="bi-threads"></i></a> pour trouver celui qui vous intéresse.
Une fois que vous avez trouvé un fil, cliquez simplement sur le bouton "suivre" pour entrer dans la discussion.
Vous pourrez alors lire les messages précédents et y répondre, en ajoutant votre propre contribution à la conversation.
C’est un moyen rapide de participer aux échanges et de rester informé des derniers développements sur les sujets qui vous passionnent.</p>
......@@ -69,9 +69,16 @@
En cliquant sur l’un d’eux, vous pourrez voir les dernières mises à jour et répondre aux nouveaux messages.
Cela vous permet de rester à jour sur les discussions qui vous intéressent sans avoir à rechercher constamment les fils.</p>
<h4>Voir la liste des utilisateurs</h4>
<p>Pour voir les utilisateurs de Villeneuve Chat, il vous suffit de vous rendre dans la <a href="#">section Utilisateurs <i class="bi-people"></i></a> de la plateforme.
Vous pourrez y consulter la liste des utilisateurs.</p>
<h4>Modifier votre compte</h4>
<p>
Pour accéder à vos informations, allez dans <a href="compte.html">l'onglet compte <i class="bi-person-circle"></i></a>.
Vous pouvez y modifier votre Prénom et votre Nom, et voir vos fils créés.
</p>
<p>
Vous savez maintenant naviguer comme un.e pro sur notre plateforme, depuis votre odinateur, tablette ou smartphone !
Vous avez encore plein de choses à raconter, d'histoire à partager et de temps à passer sur Villeneuve Chat <i class="bi-heart"></i>
</p>
<div class="mt-auto">
<hr />
......
chat.html 0 → 100644
+ 69
− 0
View file @ a767c1e7
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Villeneuve Chat - Acceuil</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
<link href="res/font.css" rel="stylesheet">
<!-- Pour le offcanva (liste des utilisateurs du threads) -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-sm p-3 min-vh-100 d-flex flex-column">
<!-- content -->
<h1 class="d-flex mb-0 justify-content-between">
<a href="acceuil.html">
<i class="bi bi-house"></i>
</a>
<label>
Nature & pêche
</label>
<a class="icon-link" data-bs-toggle="offcanvas" href="#userlist" role="button" aria-controls="offcanvasExample">
<i class="bi bi-people"></i>
</a>
</h1>
<hr />
<div class="offcanvas offcanvas-end" tabindex="-1" id="userlist" aria-labelledby="Utilisateurs">
<div class="offcanvas-header">
<h4 class="offcanvas-title">Utilisateurs</h5>
<a class="ms-auto fs-3 me-3" data-bs-dismiss="offcanvas"><i class="bi-arrow-right-circle"></i></a>
</div>
<div class="offcanvas-body">
<h5>Créateur / Créatrice</h5>
<ul class="list-group">
<li class="list-group-item">@florine</li>
</ul>
<hr>
<h5>Utilisateurs suivant ce fil</h5>
<ul class="list-group">
<li class="list-group-item">@florine</li>
<li class="list-group-item">@maxime</li>
<li class="list-group-item">@julien</li>
<li class="list-group-item">@bruno</li>
<li class="list-group-item">@dfab</li>
<li class="list-group-item">@cecile</li>
<li class="list-group-item">@jeanlb</li>
</ul>
</div>
</div>
<span class="h-100 d-flex flex-column justify-content-between">
<div id="messages" class="">
<p>test</p>
</div>
<div id="input" class="">
<a class="link-primary"><i class="bi-arrow-clockwise"></i></a>
<label>Entrez votre message ici</label>
</div>
</span>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
compte.html
+ 6
− 6
View file @ a767c1e7
......@@ -12,7 +12,7 @@
<div class="row">
<div class="col-sm-auto bg-light sticky-top">
<div class="d-flex flex-sm-column flex-row flex-nowrap bg-light align-items-center sticky-top">
<div class="d-block p-3 pt-4">
<div class="d-block p-3 pt-3">
<img src="res/mini_logo.png" width="45px">
</div>
<ul class="nav nav-pills nav-flush flex-sm-column flex-row flex-nowrap mb-auto mx-auto text-center justify-content-between w-100 px-3 align-items-center">
......@@ -36,12 +36,12 @@
<i class="bi-plus-square fs-1"></i>
</a>
</li>
</ul>
<div>
<a class="d-flex align-items-center justify-content-center p-3 link-dark text-decoration-none" id="dropdownUser3" data-bs-toggle="dropdown" aria-expanded="false">
<li>
<a href="compte.html" class="link-dark py-3 px-2" title="Compte" data-bs-toggle="tooltip" data-bs-placement="right">
<i class="bi-person-circle h2"></i>
</a>
</div>
</li>
</ul>
</div>
</div>
<div class="col-sm p-3 min-vh-100 d-flex flex-column">
......
creerFil.html
+ 6
− 6
View file @ a767c1e7
......@@ -12,7 +12,7 @@
<div class="row">
<div class="col-sm-auto bg-light sticky-top">
<div class="d-flex flex-sm-column flex-row flex-nowrap bg-light align-items-center sticky-top">
<div class="d-block p-3 pt-4">
<div class="d-block p-3 pt-3">
<img src="res/mini_logo.png" width="45px">
</div>
<ul class="nav nav-pills nav-flush flex-sm-column flex-row flex-nowrap mb-auto mx-auto text-center justify-content-between w-100 px-3 align-items-center">
......@@ -36,12 +36,12 @@
<i class="bi-plus-square-fill fs-1"></i>
</a>
</li>
</ul>
<div>
<a href="compte.html" class="d-flex align-items-center justify-content-center p-3 link-dark text-decoration-none" id="dropdownUser3" data-bs-toggle="dropdown" aria-expanded="false">
<li>
<a href="compte.html" class="link-dark py-3 px-2" title="Compte" data-bs-toggle="tooltip" data-bs-placement="right">
<i class="bi-person-circle h2"></i>
</a>
</div>
</li>
</ul>
</div>
</div>
<div class="col-sm p-3">
......
fils.html
+ 15
− 15
View file @ a767c1e7
......@@ -12,7 +12,7 @@
<div class="row">
<div class="col-sm-auto bg-light sticky-top">
<div class="d-flex flex-sm-column flex-row flex-nowrap bg-light align-items-center sticky-top">
<div class="d-block p-3 pt-4">
<div class="d-block p-3 pt-3">
<img src="res/mini_logo.png" width="45px">
</div>
<ul class="nav nav-pills nav-flush flex-sm-column flex-row flex-nowrap mb-auto mx-auto text-center justify-content-between w-100 px-3 align-items-center">
......@@ -36,12 +36,12 @@
<i class="bi-plus-square fs-1"></i>
</a>
</li>
</ul>
<div>
<a href="compte.html" class="d-flex align-items-center justify-content-center p-3 link-dark text-decoration-none" id="dropdownUser3" data-bs-toggle="dropdown" aria-expanded="false">
<li>
<a href="compte.html" class="link-dark py-3 px-2" title="Compte" data-bs-toggle="tooltip" data-bs-placement="right">
<i class="bi-person-circle h2"></i>
</a>
</div>
</li>
</ul>
</div>
</div>
<div class="col-sm p-3 min-vh-100">
......@@ -55,7 +55,7 @@
<p class="fs-3">Nature & pêche</p>
<span class="text-secondary">Par @florine le 13/02/2025 (#1)</span>
</div>
<a class="me-3 align-self-center btn btn-primary" href="?follow=1">Follow <i class="bi-heart-fill"></i></a>
<a class="me-3 align-self-center btn btn-primary" href="?follow=1">Suivre <i class="bi-heart-fill"></i></a>
</div>
</div>
......@@ -65,7 +65,7 @@
<p class="fs-3">Passion aviation !</p>
<span class="text-secondary">Par @maxime le 15/02/2025 (#2)</span>
</div>
<a class="me-3 align-self-center btn btn-primary" href="?follow=2">Follow <i class="bi-heart-fill"></i></a>
<a class="me-3 align-self-center btn btn-primary" href="?follow=2">Suivre <i class="bi-heart-fill"></i></a>
</div>
</div>
......@@ -75,7 +75,7 @@
<p class="fs-3">Escalade, encordage et assurage :3</p>
<span class="text-secondary">Par @julien le 19/02/2025 (#3)</span>
</div>
<a class="me-3 align-self-center btn btn-primary" href="?follow=3">Follow <i class="bi-heart-fill"></i></a>
<a class="me-3 align-self-center btn btn-primary" href="?follow=3">Suivre <i class="bi-heart-fill"></i></a>
</div>
</div>
......@@ -85,7 +85,7 @@
<p class="fs-3">BUT Informatique</p>
<span class="text-secondary">Par @jeanlb le 21/02/2025 (#4)</span>
</div>
<a class="me-3 align-self-center btn btn-primary" href="?follow=4">Follow <i class="bi-heart-fill"></i></a>
<a class="me-3 align-self-center btn btn-primary" href="?follow=4">Suivre <i class="bi-heart-fill"></i></a>
</div>
</div>
......@@ -95,7 +95,7 @@
<p class="fs-3">Action et manifestation</p>
<span class="text-secondary">Par @bruno le 22/02/2025 (#5)</span>
</div>
<a class="me-3 align-self-center btn btn-primary" href="?follow=5">Follow <i class="bi-heart-fill"></i></a>
<a class="me-3 align-self-center btn btn-primary" href="?follow=5">Suivre <i class="bi-heart-fill"></i></a>
</div>
</div>
......@@ -105,7 +105,7 @@
<p class="fs-3">Recherche de stage</p>
<span class="text-secondary">Par @isadl le 22/02/2025 (#6)</span>
</div>
<a class="me-3 align-self-center btn btn-primary" href="?follow=6">Follow <i class="bi-heart-fill"></i></a>
<a class="me-3 align-self-center btn btn-primary" href="?follow=6">Suivre <i class="bi-heart-fill"></i></a>
</div>
</div>
......@@ -115,7 +115,7 @@
<p class="fs-3">Information et tutorat</p>
<span class="text-secondary">Par @dfab le 24/02/2025 (#7)</span>
</div>
<a class="me-3 align-self-center btn btn-primary" href="?follow=7">Follow <i class="bi-heart-fill"></i></a>
<a class="me-3 align-self-center btn btn-primary" href="?follow=7">Suivre <i class="bi-heart-fill"></i></a>
</div>
</div>
......@@ -125,7 +125,7 @@
<p class="fs-3">Retour concernant l'event de la saint-val</p>
<span class="text-secondary">Par @qhse le 25/02/2025 (#8)</span>
</div>
<a class="me-3 align-self-center btn btn-primary" href="?follow=8">Follow <i class="bi-heart-fill"></i></a>
<a class="me-3 align-self-center btn btn-primary" href="?follow=8">Suivre <i class="bi-heart-fill"></i></a>
</div>
</div>
......@@ -135,7 +135,7 @@
<p class="fs-3">R1.13 COMMINICATION</p>
<span class="text-secondary">Par @cecile le 27/02/2025 (#9)</span>
</div>
<a class="me-3 align-self-center btn btn-primary" href="?follow=9">Follow <i class="bi-heart-fill"></i></a>
<a class="me-3 align-self-center btn btn-primary" href="?follow=9">Suivre <i class="bi-heart-fill"></i></a>
</div>
</div>
......
filsSuivis.html
+ 7
− 7
View file @ a767c1e7
......@@ -12,7 +12,7 @@
<div class="row">
<div class="col-sm-auto bg-light sticky-top">
<div class="d-flex flex-sm-column flex-row flex-nowrap bg-light align-items-center sticky-top">
<div class="d-block p-3 pt-4">
<div class="d-block p-3 pt-3">
<img src="res/mini_logo.png" width="45px">
</div>
<ul class="nav nav-pills nav-flush flex-sm-column flex-row flex-nowrap mb-auto mx-auto text-center justify-content-between w-100 px-3 align-items-center">
......@@ -36,12 +36,12 @@
<i class="bi-plus-square fs-1"></i>
</a>
</li>
</ul>
<div>
<a href="compte.html" class="d-flex align-items-center justify-content-center p-3 link-dark text-decoration-none" id="dropdownUser3" data-bs-toggle="dropdown" aria-expanded="false">
<li>
<a href="compte.html" class="link-dark py-3 px-2" title="Compte" data-bs-toggle="tooltip" data-bs-placement="right">
<i class="bi-person-circle h2"></i>
</a>
</div>
</li>
</ul>
</div>
</div>
<div class="col-sm p-3 min-vh-100">
......@@ -55,7 +55,7 @@
<p class="fs-3">Nature & pêche</p>
<span class="text-secondary">Par @florine le 13/02/2025 (#1)</span>
</div>
<a class="me-3 align-self-center btn btn-primary" href="?chat=1">Ouvrir <i class="bi-chat-fill"></i></a>
<a class="me-3 align-self-center btn btn-primary" href="chat.html">Ouvrir <i class="bi-chat-fill"></i></a>
</div>
</div>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment