Hatmos/site_internet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

prise en charge de la barre de navigation en css

Browse Source
This commit is contained in:
Thomas
2026-03-07 12:56:20 +01:00
parent 02dee0a844
commit 8efa8445a4
4 changed files with 53 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
content/objectifs/voicechat.md Normal file
View File

@@ -0,0 +1,25 @@
+++
title = "voicechat"
+++
Concord Voice Chat est une application web qui a pour but de fournir un salon vocal sans friction, ephemere et freemium pour le plus grand nombre.
La raison qui justifie l'existance de ce service est l'absence de chat vocal pour les joueurs de partie classe solo sur League of Legends.
Le jeu est un jeu d'equipe a 5 cinq joueurs qui demande de la coordination et de la planification. Sans chat vocal, il n'est pas possible d'exploiter le potentiel des joueurs.
Voila les premices a l'origine de ce projet.
Cette Application web doit pouvoir repondre a certaines necessites:
- Une page d'acceuil pour diriger les inities vers les fonctionnalites qu'ils souhaitent
- Une page applicative qui fourni le service principal (en l'occurence ici, le salon vocal)
- Une page qui permet la modifications de preferences et parametres pour les membres inscrits mais egalement les membres payants
L'objectif pour la page applicative est de charger rapidement et donner acces a toutes les fonctionnalites sans rendre l'interface illisible.
Par exemple avec une liste optionnelle de choses a verifier par l'utilisateur dispose en colonne sur un bord de l'ecran.
Dans tous les cas, l'utilisateur doit pouvoir utiliser le service avec le moins de clics possibles.
Le nombre de clics doit augmenter avec l'implication de l'utilisateur dans l'application :
- Un nouvel invite ne doit faire que 3 clics maximum pour avoir acces au service fonctionnel
- Un invite membre doit faire plus de clics pour obtenir la configuration qu'il souhaite (par exemple via les preferences)
- Un membre payant peux creer un salon preconfigure depuis ses preferences
- Un membre gratuit doit configurer son salon a la main avant de diffuser son invitation
Ce sont des pistes de design cote client et ne correspondent en rien a des decision arretes pour le design de l'application.

BIN
static/porsche-944-2-7.avif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 395 KiB

23
static/style.css
View File

@@ -9,3 +9,26 @@ blockquote{
footer{
background-color: lightgrey;
}
#nav{
list-style-type: none;
margin: 0px;
padding: 0px;
background-color: blue;
display: flex;
}
#nav-element{
float: right;
}
#nav-link{
display: block;
color: white;
padding: 14px 16px;
text-decoration: none;
}
#nav-link:hover{
background-color: light-blue;
}

10
templates/base.html
View File

@@ -10,11 +10,11 @@
<link rel="icon" type="image/png" href="{{get_url(path='favicon.png')}}">
</head>
<header>
<h1 class="titre"><a href="https://www.hatmos.xyz/">Le site de Hatmos</a></h1>
<ul>
<li class="titre"><a href="{{ get_url(path='@/accomplissements/_index.md')}}">Accomplissements</a></li>
<li class="titre"><a href="{{ get_url(path='@/objectifs/_index.md')}}">Objectifs</li>
<li class="titre"><a href="{{ get_url(path='@/cv/CV.md')}}">CV</a></li>
<h1 class="home"><a href="https://www.hatmos.xyz/">Le site de Hatmos</a></h1>
<ul class="nav">
<li class="nav-element"><a class="nav-link" href="{{ get_url(path='@/accomplissements/_index.md')}}">Accomplissements</a></li>
<li class="nav-element"><a class="nav-link" href="{{ get_url(path='@/objectifs/_index.md')}}">Objectifs</li>
<li class="nav-element"><a class="nav-link" href="{{ get_url(path='@/cv/CV.md')}}">CV</a></li>
</ul>
</header>
<body>