328 lines
19 KiB
HTML
328 lines
19 KiB
HTML
<!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>
|