From 105b825923ce03fc43eacb0575212fe52336ce34 Mon Sep 17 00:00:00 2001 From: Debulois Date: Mon, 9 May 2022 20:03:42 +0200 Subject: Mis en place du RGPD --- Static/Css/footer.css | 4 ++ Static/Css/main.css | 1 + Static/Css/rgpd.css | 107 ++++++++++++++++++++++++++++++++ Static/Js/googleAnalitycs.js | 11 ++++ Static/Js/rgpd.js | 19 ++++++ Template/Include/incl_global_footer.php | 1 + Template/Include/incl_global_rgpd.php | 34 ++++++++++ Template/Include/incl_index_rgpd.php | 33 ++++++++++ Template/login.php | 6 ++ Template/message.php | 6 ++ Template/mission.php | 6 ++ Template/myMission.php | 6 ++ Template/register.php | 6 ++ Template/rgpd.php | 39 ++++++++++++ Template/userInfo.php | 6 ++ index.php | 18 +++++- 16 files changed, 300 insertions(+), 3 deletions(-) create mode 100644 Static/Css/rgpd.css create mode 100644 Static/Js/googleAnalitycs.js create mode 100644 Static/Js/rgpd.js create mode 100644 Template/Include/incl_global_rgpd.php create mode 100644 Template/Include/incl_index_rgpd.php create mode 100644 Template/rgpd.php diff --git a/Static/Css/footer.css b/Static/Css/footer.css index 1035cc0..e86c352 100644 --- a/Static/Css/footer.css +++ b/Static/Css/footer.css @@ -18,3 +18,7 @@ footer { color: var(--footerTextColor); background-color: var(--footerBgColor); } + +footer a { + color: #695454; +} diff --git a/Static/Css/main.css b/Static/Css/main.css index 4802d61..cbb7849 100644 --- a/Static/Css/main.css +++ b/Static/Css/main.css @@ -182,6 +182,7 @@ main table { Overflow-y: auto; padding: 1em; border-collapse: collapse; + width: -moz-fit-content; width: fit-content; max-width: 95%; margin-left: auto; diff --git a/Static/Css/rgpd.css b/Static/Css/rgpd.css new file mode 100644 index 0000000..023b5ad --- /dev/null +++ b/Static/Css/rgpd.css @@ -0,0 +1,107 @@ + +/* +############################################################################ +# # +# Description: CSS spécifique au bandeau RGPD # +# # +############################################################################ +*/ + +#rgpd { + position: fixed; + display: flex; + flex-direction: column; + justify-content: space-around; + z-index: 3; + width: 100%; + height: 100%; + background-color: #10101090; +} + +#rgpd section { + display: flex; + flex-direction: column; + position: relative; + width: -moz-fit-content; + width: fit-content; + max-width: 50%; + margin-left: auto; + margin-right: auto; + padding: 1em; + background-color: var(--bg); + border: 4px solid var(--mainSiteColor); + border-radius: 10px; + font-size: var(--fontSizeSmallLess); +} + +#rgpd h3 { + margin-left: auto; + margin-right: auto; + width: -moz-fit-content; + width: fit-content; + font-size: var(--fontSizeMedium); + border-bottom: var(--mainSiteColor) 2px solid; +} + +#mainRgpd { + display: flex; + padding: 1em; +} + +#mainRgpd p { + margin-left: auto; + margin-right: auto; + max-width: 80%; +} + +#rgpd span { + display: flex; + flex-direction: column; + justify-content: space-around; + padding: 0.2em; + font-size: 64px; +} + +#btnRgpd { + display: flex; + margin-left: auto; + margin-right: 1em; + padding: 1em; + gap: 1em; +} + +#rgpdAccept, #rgpdDecline { + background-color: var(--bg); + border-radius: 5px; + padding: 0.4em 0.6em; + transition: all 0.08s ease-in-out; +} + +#rgpdAccept:hover, #rgpdDecline:hover { + cursor: pointer; + color: var(--bg); +} + +#rgpdAccept { + color: #145814; + border: 2px solid #218a21; +} + +#rgpdDecline { + color: #5e5e5e; + border: 2px solid #a1a1a1; +} + +#rgpdAccept:hover { + background-color: #218a21; +} + +#rgpdDecline:hover { + background-color: #a1a1a1; +} + +@media screen and (max-width: 768px) { + #rgpd section { + max-width: 80%; + } +} diff --git a/Static/Js/googleAnalitycs.js b/Static/Js/googleAnalitycs.js new file mode 100644 index 0000000..c67770f --- /dev/null +++ b/Static/Js/googleAnalitycs.js @@ -0,0 +1,11 @@ + +// ############################################################################ +// # # +// # Description: Global site tag (gtag.js) - Google Analytics # +// # # +// ############################################################################ + +window.dataLayer = window.dataLayer || []; +function gtag(){dataLayer.push(arguments);} +gtag('js', new Date()); +gtag('config', 'G-'); // G-XXXXXXXXXX -> Clef API à récupérer chez google diff --git a/Static/Js/rgpd.js b/Static/Js/rgpd.js new file mode 100644 index 0000000..a134717 --- /dev/null +++ b/Static/Js/rgpd.js @@ -0,0 +1,19 @@ + +// ############################################################################ +// # # +// # Description: JS uniquement utile dans l'index # +// # # +// ############################################################################ + +// Bind du boutton Accepter et Supprimer pour les cookies de google analytics +// L'option secure oblige le cookie à être transmis uniquement en https +// Le max-age corrspond ici à un an, 60 sec x 60 min x 24H x 364 jours +document.getElementById("rgpdAccept").addEventListener("click", () => { + document.cookie = "RGPD_ACCEPT=1; max-age=" + 60*60*24*364 + "; path=/; Secure;"; + window.location.reload() +}); + +document.getElementById("rgpdDecline").addEventListener("click", () => { + document.cookie = "RGPD_ACCEPT=0; max-age=" + 60*60*24*364 + "; path=/; Secure;"; + window.location.reload() +}); \ No newline at end of file diff --git a/Template/Include/incl_global_footer.php b/Template/Include/incl_global_footer.php index d1ecc2e..6b23f0a 100644 --- a/Template/Include/incl_global_footer.php +++ b/Template/Include/incl_global_footer.php @@ -20,6 +20,7 @@ echo(' // **************************************************************************** echo(' '.PHP_EOL) diff --git a/Template/Include/incl_global_rgpd.php b/Template/Include/incl_global_rgpd.php new file mode 100644 index 0000000..3b78719 --- /dev/null +++ b/Template/Include/incl_global_rgpd.php @@ -0,0 +1,34 @@ + +
+

Politique de protection des données

+

Traitement de vos donées personelles

+

+ Lorsque vous visitez notre site internet \"Alphajob\", vous laissez derrière vous des données personelles pouvant + servir à vous identifier comme votre adresse IP. Des données personnelle sont également enregistrées + lors de la création d'un compte ou lorsque vous remplissez votre fiche personelle associée à ce dernier, ces données personelles + sont conservés, mais en aucun cas ne seront communiquées à un quelconque tiers. +

+

Vos droits

+

+ En tant qu'utilisateur, vous posédez un droit d'accès, de rectifications ou encore d'effacement + des données personelles vous concernant, vous pouvez nous faire part de votre volonté d'exercer ce droit par mail. + Le responsable du traitement des données personnelles est Quentin Debulois et peut être contacté par + mail à cette adresse: quentin@debulois.fr +

+

En savoir plus

+

+ CNIL RGPD infos
+ CNIL RGPD for dev
+ GPDR EU (Anglais) +

+
"); + +?> \ No newline at end of file diff --git a/Template/Include/incl_index_rgpd.php b/Template/Include/incl_index_rgpd.php new file mode 100644 index 0000000..dbebf16 --- /dev/null +++ b/Template/Include/incl_index_rgpd.php @@ -0,0 +1,33 @@ + +"); + +?> \ No newline at end of file diff --git a/Template/login.php b/Template/login.php index 4558cbf..d91306a 100644 --- a/Template/login.php +++ b/Template/login.php @@ -22,6 +22,12 @@ $_SESSION["src"] = basename(__FILE__, ".php"); '.PHP_EOL); ?> + + + '); +}?> '.PHP_EOL); ?> diff --git a/Template/message.php b/Template/message.php index b9bf58b..baaf0a7 100644 --- a/Template/message.php +++ b/Template/message.php @@ -26,6 +26,12 @@ if (!isset($_SESSION["message"])) { '.PHP_EOL); ?> + + + '); +}?> '.PHP_EOL); ?> diff --git a/Template/mission.php b/Template/mission.php index 33aa0c5..9cac87a 100644 --- a/Template/mission.php +++ b/Template/mission.php @@ -33,6 +33,12 @@ $_SESSION["src"] = basename(__FILE__, ".php"); '.PHP_EOL); ?> + + + '); +}?> '.PHP_EOL); ?> diff --git a/Template/myMission.php b/Template/myMission.php index dc7b79f..f488263 100644 --- a/Template/myMission.php +++ b/Template/myMission.php @@ -33,6 +33,12 @@ $_SESSION["src"] = basename(__FILE__, ".php"); '.PHP_EOL); ?> + + + '); +}?> '.PHP_EOL); ?> diff --git a/Template/register.php b/Template/register.php index e92eeb1..cb5d5d4 100644 --- a/Template/register.php +++ b/Template/register.php @@ -22,6 +22,12 @@ $_SESSION["src"] = basename(__FILE__, ".php"); '.PHP_EOL); ?> + + + '); +}?> '.PHP_EOL); ?> diff --git a/Template/rgpd.php b/Template/rgpd.php new file mode 100644 index 0000000..e155e91 --- /dev/null +++ b/Template/rgpd.php @@ -0,0 +1,39 @@ + + + + +'.PHP_EOL); ?> + + + + + '); +}?> + +'.PHP_EOL); ?> +Politique de protection des données".PHP_EOL); ?> + + + + + + + '); ?> + + diff --git a/Template/userInfo.php b/Template/userInfo.php index 192e568..989cce1 100644 --- a/Template/userInfo.php +++ b/Template/userInfo.php @@ -31,6 +31,12 @@ $_SESSION["src"] = basename(__FILE__, ".php"); '.PHP_EOL); ?> + + + '); +}?> '.PHP_EOL); ?> diff --git a/index.php b/index.php index e38b418..d699efc 100644 --- a/index.php +++ b/index.php @@ -43,10 +43,19 @@ if (isset($_COOKIE["autoLogin"]) && $_SESSION["loggedIn"] == false) { '.PHP_EOL); ?> + + + '); +}?> '.PHP_EOL); } ?> +'.PHP_EOL); +} ?> '.PHP_EOL); ?> '.PHP_EOL); ?> @@ -54,9 +63,6 @@ if (isset($_COOKIE["autoLogin"]) && $_SESSION["loggedIn"] == false) { - @@ -64,7 +70,13 @@ if (isset($_COOKIE["autoLogin"]) && $_SESSION["loggedIn"] == false) { '); } ?> + + '); +}?> \ No newline at end of file -- cgit v1.2.3