Skip to content

Legals & Privacy pages form ungdev org vars #96

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
tuturd merged 2 commits into from
Jun 24, 2026
Merged

Legals & Privacy pages form ungdev org vars #96

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
0115743
feat: legals & privacy pages uses ungdev org vars
tuturd Jun 24, 2026
9eed2b3
Merge branch 'dev' into legals-privacy-from-organization
tuturd Jun 24, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 16 additions & 0 deletions .github/workflows/ci.yaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -158,5 +158,21 @@ jobs:
VITE_ROADBOOK_URL_FRENCH=${{ vars.ROADBOOK_URL_FRENCH }}
VITE_ROADBOOK_URL_ENGLISH=${{ vars.ROADBOOK_URL_ENGLISH }}
VITE_CAS_LOGIN_URL=${{ vars.CAS_LOGIN_URL }}
VITE_ASSOCIATION_ADDRESS=${{ vars.ASSOCIATION_ADDRESS }}
VITE_ASSOCIATION_EMAIL=${{ vars.ASSOCIATION_EMAIL }}
VITE_ASSOCIATION_NAME=${{ vars.ASSOCIATION_NAME }}
VITE_ASSOCIATION_PHONE=${{ vars.ASSOCIATION_PHONE }}
VITE_ASSOCIATION_RNA=${{ vars.ASSOCIATION_RNA }}
VITE_ASSOCIATION_RCS=${{ vars.ASSOCIATION_RCS }}
VITE_BDE_ADDRESS=${{ vars.BDE_ADDRESS }}
VITE_BDE_EMAIL=${{ vars.BDE_EMAIL }}
VITE_BDE_NAME=${{ vars.BDE_NAME }}
VITE_BDE_PHONE=${{ vars.BDE_PHONE }}
VITE_BDE_RNA=${{ vars.BDE_RNA }}
VITE_BDE_SIRET=${{ vars.BDE_SIRET }}
VITE_BDE_SIREN=${{ vars.BDE_SIREN }}
VITE_DPO_EMAIL=${{ vars.DPO_EMAIL }}
VITE_DPO_NAME=${{ vars.DPO_NAME }}

tags: |
${{ secrets.REGISTRY_URL }}/integration/front:${{ github.ref == 'refs/heads/prod' && 'prod' || 'dev' }}
60 changes: 34 additions & 26 deletions frontend/src/components/legals/legalsSection.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,22 @@
import { Link } from "react-router-dom";

export const LegalsSection = () => (
export const LegalsSection = () => {

const ASSOCIATION_ADDRESS = import.meta.env.VITE_ASSOCIATION_ADDRESS;
const ASSOCIATION_EMAIL = import.meta.env.VITE_ASSOCIATION_EMAIL;
const ASSOCIATION_NAME = import.meta.env.VITE_ASSOCIATION_NAME;
const ASSOCIATION_PHONE = import.meta.env.VITE_ASSOCIATION_PHONE;
const ASSOCIATION_RNA = import.meta.env.VITE_ASSOCIATION_RNA;
const ASSOCIATION_RCS = import.meta.env.VITE_ASSOCIATION_RCS;
const BDE_ADDRESS = import.meta.env.VITE_BDE_ADDRESS;
const BDE_EMAIL = import.meta.env.VITE_BDE_EMAIL;
const BDE_NAME = import.meta.env.VITE_BDE_NAME;
const BDE_PHONE = import.meta.env.VITE_BDE_PHONE;
const BDE_RNA = import.meta.env.VITE_BDE_RNA;
const BDE_SIRET = import.meta.env.VITE_BDE_SIRET;
const BDE_SIREN = import.meta.env.VITE_BDE_SIREN;

return (
<div className="bg-slate-50 text-slate-800">
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
<div className="rounded-2xl bg-gradient-to-r from-blue-700 to-indigo-700 text-center p-8 sm:p-10 mb-10 shadow-lg text-white">
Expand All @@ -13,51 +29,43 @@ export const LegalsSection = () => (
<h2 className="text-xl sm:text-2xl font-bold mb-4 text-slate-900">Editeur du Site</h2>
<div className="grid gap-6 md:grid-cols-2">
<div>
<p className="font-semibold">BDE UTT</p>
<p className="font-semibold">{BDE_NAME}</p>
<p className="text-sm text-slate-500 mt-1">Association loi 1901</p>
<p className="text-sm text-slate-600 mt-2">N° RNA : W103000735</p>
<p className="text-sm text-slate-600">N° SIRET : 44838667200019</p>
<p className="text-sm text-slate-600">N° SIREN : 448386672</p>
<p className="text-sm text-slate-600 mt-2">N° RNA : {BDE_RNA}</p>
<p className="text-sm text-slate-600">N° SIRET : {BDE_SIRET}</p>
<p className="text-sm text-slate-600">N° SIREN : {BDE_SIREN}</p>
</div>
<div>
<p className="text-sm text-slate-600">
12 rue Marie Curie
<br />
10000 TROYES
</p>
<p className="text-sm text-slate-600">{BDE_ADDRESS}</p>
<p className="text-sm text-slate-600 mt-2">
<a href="tel:0325717600" className="hover:text-blue-700 transition-colors">03 25 71 76 00</a>
<a href="tel:{BDE_PHONE}" className="hover:text-blue-700 transition-colors">{BDE_PHONE}</a>
</p>
<p className="text-sm text-slate-600">
<a href="mailto:bde@utt.fr" className="hover:text-blue-700 transition-colors">bde@utt.fr</a>
<a href="mailto:{BDE_EMAIL}" className="hover:text-blue-700 transition-colors">{BDE_EMAIL}</a>
</p>
</div>
</div>
<p className="text-sm text-slate-600 mt-4">
Le projet Intégration UTT est porté par l'association BDE UTT.
Le projet Intégration UTT est porté par l'association {BDE_NAME}.
</p>
</section>

<section className="surface-card p-6 sm:p-8">
<h2 className="text-xl sm:text-2xl font-bold mb-4 text-slate-900">Propriétaire et Hébergeur</h2>
<div className="grid gap-6 md:grid-cols-2">
<div>
<p className="font-semibold">UTT Net Group</p>
<p className="font-semibold">{ASSOCIATION_NAME}</p>
<p className="text-sm text-slate-500 mt-1">Association loi 1901</p>
<p className="text-sm text-slate-600 mt-2">N° RNA : W103000699</p>
<p className="text-sm text-slate-600">N° RCS : 500164249</p>
<p className="text-sm text-slate-600 mt-2">N° RNA : {ASSOCIATION_RNA}</p>
<p className="text-sm text-slate-600">N° RCS : {ASSOCIATION_RCS}</p>
</div>
<div>
<p className="text-sm text-slate-600">
12 rue Marie Curie
<br />
10000 TROYES
</p>
<p className="text-sm text-slate-600">{ASSOCIATION_ADDRESS}</p>
<p className="text-sm text-slate-600 mt-2">
<a href="tel:0325718550" className="hover:text-blue-700 transition-colors">03 25 71 85 50</a>
<a href="tel:{ASSOCIATION_PHONE}" className="hover:text-blue-700 transition-colors">{ASSOCIATION_PHONE}</a>
</p>
<p className="text-sm text-slate-600">
<a href="mailto:ung@utt.fr" className="hover:text-blue-700 transition-colors">ung@utt.fr</a>
<a href="mailto:{ASSOCIATION_EMAIL}" className="hover:text-blue-700 transition-colors">{ASSOCIATION_EMAIL}</a>
</p>
</div>
</div>
Expand All @@ -80,17 +88,17 @@ export const LegalsSection = () => (
<section className="surface-card p-6 sm:p-8">
<h2 className="text-xl sm:text-2xl font-bold mb-4 text-slate-900">Droits d'Auteur</h2>
<p className="text-slate-700">
L'ensemble du contenu de ce site est protegé par le droit d'auteur. Sauf mention contraire, les contenus relatifs au projet Integration UTT sont diffusés sous la responsabilité du BDE UTT. Toute reproduction, distribution ou modification est interdite sans autorisation écrite préalable.
L'ensemble du contenu de ce site est protegé par le droit d'auteur. Sauf mention contraire, les contenus relatifs au projet Integration UTT sont diffusés sous la responsabilité du {BDE_NAME}. Toute reproduction, distribution ou modification est interdite sans autorisation écrite préalable.
</p>
</section>

<section className="surface-card p-6 sm:p-8">
<h2 className="text-xl sm:text-2xl font-bold mb-4 text-slate-900">Credits</h2>
<p className="text-slate-700">
Ce site est developpé pour le projet Integration UTT du BDE UTT, avec le support technique de l'association UTT Net Group.
Ce site est developpé pour le projet Integration UTT du {BDE_NAME}, avec le support technique de l'association {ASSOCIATION_NAME}.
</p>
</section>
</div>
</div>
</div>
);
)};
22 changes: 15 additions & 7 deletions frontend/src/components/privacy/privacySection.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,12 @@
export const PrivacySection = () => (
export const PrivacySection = () => {

const ASSOCIATION_NAME = import.meta.env.VITE_ASSOCIATION_NAME
const ASSOCIATION_ADDRESS = import.meta.env.VITE_ASSOCIATION_ADDRESS
const BDE_NAME = import.meta.env.VITE_BDE_NAME;
const DPO_EMAIL = import.meta.env.VITE_DPO_EMAIL;
const DPO_NAME = import.meta.env.VITE_DPO_NAME;

return (
<div className="bg-slate-50 text-slate-800">
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
<div className="rounded-2xl bg-gradient-to-r from-blue-700 to-indigo-700 text-center p-8 sm:p-10 mb-10 shadow-lg text-white">
Expand All @@ -10,7 +18,7 @@ export const PrivacySection = () => (
<section className="surface-card p-6 sm:p-8">
<h2 className="text-xl sm:text-2xl font-bold mb-4 text-slate-900">Vie Privée et Données à Caractère Personnel</h2>
<p className="text-slate-700">
A l'Université de Technologie de Troyes et au sein des associations BDE UTT et UTT Net Group, nous respectons votre vie privée. Les données collectées et utilisées par la plateforme Integration UTT sont nécessaires pour la gestion des membres, des inscriptions aux évènements et des services propoés pendant l'intégration.
A l'Université de Technologie de Troyes et au sein des associations {BDE_NAME} et {ASSOCIATION_NAME}, nous respectons votre vie privée. Les données collectées et utilisées par la plateforme Integration UTT sont nécessaires pour la gestion des membres, des inscriptions aux évènements et des services propoés pendant l'intégration.
</p>
</section>

Expand Down Expand Up @@ -80,12 +88,12 @@ export const PrivacySection = () => (
</li>
<li>
Contacter le délégué à la protection des données :{" "}
<a href="mailto:ung+dpo@utt.fr" className="font-semibold text-blue-700 hover:text-blue-900 transition-colors">
ung+dpo@utt.fr
<a href={`mailto:${DPO_EMAIL}`} className="font-semibold text-blue-700 hover:text-blue-900 transition-colors">
{DPO_EMAIL}
</a>
</li>
<li>
Par courrier : UTT Net Group, 12 rue Marie Curie, CS 42060, 10004 TROYES CEDEX
Par courrier : {ASSOCIATION_NAME}, {ASSOCIATION_ADDRESS}
</li>
</ul>
<p className="text-sm text-slate-600 mt-3">
Expand All @@ -96,7 +104,7 @@ export const PrivacySection = () => (
<section className="surface-card p-6 sm:p-8">
<h2 className="text-xl sm:text-2xl font-bold mb-4 text-slate-900">Responsable du Traitement</h2>
<p className="text-slate-700 mb-2">
Le responsable du traitement des données pour la plateforme Intégration UTT est <strong>Arthur Dodin</strong>, Président de l'association UTT Net Group.
Le responsable du traitement des données pour la plateforme Intégration UTT est <strong>{DPO_NAME}</strong>, Président de l'association {ASSOCIATION_NAME}.
</p>
<p className="text-slate-700">
L'équipe technique et les administrateurs du site pourront accéder aux données dans le cadre de la gestion de la plateforme et du support technique.
Expand All @@ -123,4 +131,4 @@ export const PrivacySection = () => (
</div>
</div>
</div>
);
)};
Loading