Configure Maven repository for unionflow-server-api dependency
This commit is contained in:
dahoud
@@ -0,0 +1,327 @@
|
||||
<!DOCTYPE html>
|
||||
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:h="http://xmlns.jcp.org/jsf/html"
|
||||
xmlns:f="http://xmlns.jcp.org/jsf/core"
|
||||
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
|
||||
xmlns:p="http://primefaces.org/ui"
|
||||
template="/templates/main-template.xhtml">
|
||||
|
||||
<ui:param name="page" value="#{demandesAideBean}"/>
|
||||
<ui:define name="title">À Propos d'UnionFlow</ui:define>
|
||||
|
||||
<ui:define name="content">
|
||||
<div class="ui-fluid">
|
||||
|
||||
<!-- En-tête principal -->
|
||||
<div class="grid mb-4">
|
||||
<div class="col-12">
|
||||
<div class="surface-card border-round p-6 text-center">
|
||||
<div class="mb-4">
|
||||
<i class="pi pi-heart-fill text-6xl text-primary mb-3"></i>
|
||||
<h1 class="text-900 font-bold text-5xl mb-3">UnionFlow</h1>
|
||||
<p class="text-600 text-xl mb-4">
|
||||
La solution complète de gestion d'associations et organisations
|
||||
</p>
|
||||
<div class="flex align-items-center justify-content-center gap-3">
|
||||
<p:tag value="Version 2.1.3" severity="success" styleClass="text-lg p-2" />
|
||||
<p:tag value="Build 20240118" severity="info" styleClass="text-lg p-2" />
|
||||
<p:tag value="Stable" severity="secondary" styleClass="text-lg p-2" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Statistiques système -->
|
||||
<div class="grid">
|
||||
<div class="col-12 lg:col-3">
|
||||
<div class="surface-100 border-round p-4" style="min-height: 9rem">
|
||||
<div class="text-2xl font-bold text-blue-500 mb-2">99.9%</div>
|
||||
<div class="text-900 font-semibold mb-1">Disponibilité</div>
|
||||
<div class="text-600 text-sm">30 derniers jours</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 lg:col-3">
|
||||
<div class="surface-100 border-round p-4" style="min-height: 9rem">
|
||||
<div class="text-2xl font-bold text-green-500 mb-2">2.3s</div>
|
||||
<div class="text-900 font-semibold mb-1">Temps de Réponse</div>
|
||||
<div class="text-600 text-sm">Moyen</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 lg:col-3">
|
||||
<div class="surface-100 border-round p-4" style="min-height: 9rem">
|
||||
<div class="text-2xl font-bold text-purple-500 mb-2">15,647</div>
|
||||
<div class="text-900 font-semibold mb-1">Utilisateurs</div>
|
||||
<div class="text-600 text-sm">Actifs ce mois</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 lg:col-3">
|
||||
<div class="surface-100 border-round p-4" style="min-height: 9rem">
|
||||
<div class="text-2xl font-bold text-orange-500 mb-2">4.8★</div>
|
||||
<div class="text-900 font-semibold mb-1">Satisfaction</div>
|
||||
<div class="text-600 text-sm">Note moyenne</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Mission et valeurs -->
|
||||
<div class="grid mb-4">
|
||||
<div class="col-12 lg:col-6">
|
||||
<div class="surface-card border-round p-4 h-full">
|
||||
<h4 class="text-900 font-bold mb-4">
|
||||
<i class="pi pi-flag text-primary mr-2"></i>
|
||||
Notre Mission
|
||||
</h4>
|
||||
<p class="text-700 line-height-3 mb-4">
|
||||
UnionFlow a été créé avec la vision de simplifier et moderniser la gestion des associations,
|
||||
coopératives et organisations communautaires. Notre objectif est de fournir des outils
|
||||
puissants et accessibles qui permettent aux dirigeants de se concentrer sur leur mission
|
||||
plutôt que sur la paperasse administrative.
|
||||
</p>
|
||||
<div class="surface-blue-50 border-left-3 border-blue-500 p-4">
|
||||
<h6 class="text-blue-800 font-semibold mb-2">
|
||||
<i class="pi pi-lightbulb mr-2"></i>Vision 2025
|
||||
</h6>
|
||||
<p class="text-blue-700 text-sm mb-0">
|
||||
Devenir la plateforme de référence pour la gestion d'organisations en Afrique
|
||||
de l'Ouest avec plus de 100,000 utilisateurs actifs.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 lg:col-6">
|
||||
<div class="surface-card border-round p-4 h-full">
|
||||
<h4 class="text-900 font-bold mb-4">
|
||||
<i class="pi pi-heart text-red-500 mr-2"></i>
|
||||
Nos Valeurs
|
||||
</h4>
|
||||
<div class="grid">
|
||||
<div class="col-6">
|
||||
<div class="mb-3">
|
||||
<i class="pi pi-users text-blue-500 text-xl mb-2"></i>
|
||||
<h6 class="text-900 font-semibold mb-1">Communauté</h6>
|
||||
<p class="text-600 text-sm">Favoriser l'entraide et la collaboration</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="mb-3">
|
||||
<i class="pi pi-shield text-green-500 text-xl mb-2"></i>
|
||||
<h6 class="text-900 font-semibold mb-1">Confiance</h6>
|
||||
<p class="text-600 text-sm">Sécurité et transparence totales</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="mb-3">
|
||||
<i class="pi pi-cog text-purple-500 text-xl mb-2"></i>
|
||||
<h6 class="text-900 font-semibold mb-1">Innovation</h6>
|
||||
<p class="text-600 text-sm">Solutions modernes et évolutives</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div>
|
||||
<i class="pi pi-globe text-orange-500 text-xl mb-2"></i>
|
||||
<h6 class="text-900 font-semibold mb-1">Accessibilité</h6>
|
||||
<p class="text-600 text-sm">Pour tous, partout, sur tout appareil</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Informations techniques -->
|
||||
<div class="grid mb-4">
|
||||
<div class="col-12">
|
||||
<div class="surface-card border-round p-4">
|
||||
<h4 class="text-900 font-bold mb-4">
|
||||
<i class="pi pi-server mr-2"></i>
|
||||
Informations Système
|
||||
</h4>
|
||||
|
||||
<div class="grid">
|
||||
<div class="col-12 lg:col-6">
|
||||
<h6 class="text-900 font-semibold mb-3">🏗️ Architecture</h6>
|
||||
<div class="grid">
|
||||
<div class="col-6">
|
||||
<div class="surface-100 border-round p-3 mb-3">
|
||||
<div class="text-600 text-sm mb-1">Framework</div>
|
||||
<div class="text-900 font-semibold">Quarkus 3.15.1</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="surface-100 border-round p-3 mb-3">
|
||||
<div class="text-600 text-sm mb-1">Interface</div>
|
||||
<div class="text-900 font-semibold">PrimeFaces 14.0.5</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="surface-100 border-round p-3 mb-3">
|
||||
<div class="text-600 text-sm mb-1">Base de données</div>
|
||||
<div class="text-900 font-semibold">PostgreSQL 15</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="surface-100 border-round p-3 mb-3">
|
||||
<div class="text-600 text-sm mb-1">Cache</div>
|
||||
<div class="text-900 font-semibold">Redis 7.2</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 lg:col-6">
|
||||
<h6 class="text-900 font-semibold mb-3">🔧 Environnement</h6>
|
||||
<div class="grid">
|
||||
<div class="col-6">
|
||||
<div class="surface-100 border-round p-3 mb-3">
|
||||
<div class="text-600 text-sm mb-1">JVM</div>
|
||||
<div class="text-900 font-semibold">OpenJDK 21</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="surface-100 border-round p-3 mb-3">
|
||||
<div class="text-600 text-sm mb-1">Serveur</div>
|
||||
<div class="text-900 font-semibold">Kubernetes</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="surface-100 border-round p-3 mb-3">
|
||||
<div class="text-600 text-sm mb-1">CDN</div>
|
||||
<div class="text-900 font-semibold">Cloudflare</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="surface-100 border-round p-3 mb-3">
|
||||
<div class="text-600 text-sm mb-1">Monitoring</div>
|
||||
<div class="text-900 font-semibold">Prometheus</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Équipe et crédits -->
|
||||
<div class="grid mb-4">
|
||||
<div class="col-12">
|
||||
<div class="surface-card border-round p-4">
|
||||
<h4 class="text-900 font-bold mb-4">
|
||||
<i class="pi pi-users mr-2"></i>
|
||||
Équipe de Développement
|
||||
</h4>
|
||||
|
||||
<div class="grid">
|
||||
<div class="col-12 lg:col-4">
|
||||
<div class="surface-100 border-round p-4 text-center">
|
||||
<div class="w-6rem h-6rem border-circle bg-primary-100 flex align-items-center justify-content-center mx-auto mb-3">
|
||||
<i class="pi pi-crown text-primary text-3xl"></i>
|
||||
</div>
|
||||
<h6 class="text-900 font-semibold mb-2">Équipe Core</h6>
|
||||
<p class="text-600 text-sm mb-3">
|
||||
Architectes et développeurs principaux responsables
|
||||
de la vision produit et de l'architecture technique.
|
||||
</p>
|
||||
<div class="flex align-items-center justify-content-center gap-2">
|
||||
<p:tag value="5 développeurs" severity="info" styleClass="text-xs" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 lg:col-4">
|
||||
<div class="surface-100 border-round p-4 text-center">
|
||||
<div class="w-6rem h-6rem border-circle bg-green-100 flex align-items-center justify-content-center mx-auto mb-3">
|
||||
<i class="pi pi-wrench text-green-500 text-3xl"></i>
|
||||
</div>
|
||||
<h6 class="text-900 font-semibold mb-2">Support Technique</h6>
|
||||
<p class="text-600 text-sm mb-3">
|
||||
Équipe dédiée à l'assistance utilisateurs,
|
||||
maintenance et résolution des incidents.
|
||||
</p>
|
||||
<div class="flex align-items-center justify-content-center gap-2">
|
||||
<p:tag value="3 techniciens" severity="success" styleClass="text-xs" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 lg:col-4">
|
||||
<div class="surface-100 border-round p-4 text-center">
|
||||
<div class="w-6rem h-6rem border-circle bg-purple-100 flex align-items-center justify-content-center mx-auto mb-3">
|
||||
<i class="pi pi-palette text-purple-500 text-3xl"></i>
|
||||
</div>
|
||||
<h6 class="text-900 font-semibold mb-2">UX/UI Design</h6>
|
||||
<p class="text-600 text-sm mb-3">
|
||||
Designers spécialisés dans l'expérience utilisateur
|
||||
et l'interface moderne.
|
||||
</p>
|
||||
<div class="flex align-items-center justify-content-center gap-2">
|
||||
<p:tag value="2 designers" severity="help" styleClass="text-xs" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Contact et liens -->
|
||||
<div class="grid">
|
||||
<div class="col-12">
|
||||
<div class="surface-card border-round p-4 text-center">
|
||||
<h4 class="text-900 font-bold mb-4">
|
||||
<i class="pi pi-send mr-2"></i>
|
||||
Nous Contacter
|
||||
</h4>
|
||||
|
||||
<div class="grid">
|
||||
<div class="col-12 lg:col-3">
|
||||
<div class="surface-100 hover:surface-200 border-round p-4 cursor-pointer transition-duration-200">
|
||||
<i class="pi pi-envelope text-3xl text-blue-500 mb-3"></i>
|
||||
<h6 class="text-900 font-semibold mb-2">Email</h6>
|
||||
<p class="text-600 text-sm">contact@unionflow.dev</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 lg:col-3">
|
||||
<div class="surface-100 hover:surface-200 border-round p-4 cursor-pointer transition-duration-200">
|
||||
<i class="pi pi-globe text-3xl text-green-500 mb-3"></i>
|
||||
<h6 class="text-900 font-semibold mb-2">Site Web</h6>
|
||||
<p class="text-600 text-sm">www.unionflow.dev</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 lg:col-3">
|
||||
<div class="surface-100 hover:surface-200 border-round p-4 cursor-pointer transition-duration-200">
|
||||
<i class="pi pi-github text-3xl text-purple-500 mb-3"></i>
|
||||
<h6 class="text-900 font-semibold mb-2">GitHub</h6>
|
||||
<p class="text-600 text-sm">github.com/unionflow</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 lg:col-3">
|
||||
<div class="surface-100 hover:surface-200 border-round p-4 cursor-pointer transition-duration-200">
|
||||
<i class="pi pi-twitter text-3xl text-blue-400 mb-3"></i>
|
||||
<h6 class="text-900 font-semibold mb-2">Twitter</h6>
|
||||
<p class="text-600 text-sm">@unionflow_dev</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-6 pt-4 border-top-1 border-200">
|
||||
<p class="text-600 text-sm mb-2">
|
||||
© 2024 UnionFlow. Tous droits réservés.
|
||||
</p>
|
||||
<p class="text-500 text-xs">
|
||||
Développé avec ❤️ pour les communautés d'Afrique de l'Ouest par Lions Dev
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</ui:define>
|
||||
|
||||
</ui:composition>
|
||||
Reference in New Issue
Block a user