Skip to content
Snippets Groups Projects
Commit 7ba499c4 authored by Hugo SUBTIL's avatar Hugo SUBTIL
Browse files

feat: add legal notice and about page

parent 38b594ed
Branches
Tags
1 merge request!31Recette
Hide whitespace changes
Inline Side-by-side
Showing
with 318 additions and 11 deletions
src/app/about/about.component.html 0 → 100644
+ 26
− 0
View file @ 7ba499c4
<div fxLayout="column" class="content-container">
<div class="section-container">
<h1>Qui sommes-nous ?</h1>
<p>
La numérisation accélérée des différents services privés et publics ainsi que la crise sanitaire que nous
traversons a renforcé une fracture numérique déjà forte pour un nombre important de citoyens.
</p>
<p>
Au printemps 2019, la Métropole de Lyon s'est saisie des enjeux autour de l'inclusion numérique en initiant la
structuration d'un réseau des acteurs de la médiation numérique sur son territoire. Son objectif est de mettre en
relation les acteurs qui œuvrent au quotidien pour limiter cette fracture numérique, nombreux sur le territoire de
la Métropole : associations, centres sociaux, structures informations jeunesses, grands opérateurs de services
publics, collectivités...
</p>
<p>
Des ateliers de travail ont été organisés en 2019 pour identifier les besoins de ces acteurs et 9 offres de
services ont été identifiées :
</p>
<img src="/assets/img/about_illustration.png" alt="illustration des besoins" />
<p>
Cet espace vise à centraliser et mettre en commun les ressources développées dans le cadre du réseau par ses
acteurs.
</p>
<p>N'hésitez pas à contribuer à cet espace en partageant vos ressources</p>
</div>
</div>
src/app/about/about.component.scss 0 → 100644
+ 3
− 0
View file @ 7ba499c4
.content-container {
overflow: auto;
}
src/app/about/about.component.spec.ts 0 → 100644
+ 25
− 0
View file @ 7ba499c4
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { AboutComponent } from './about.component';
describe('AboutComponent', () => {
let component: AboutComponent;
let fixture: ComponentFixture<AboutComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ AboutComponent ]
})
.compileComponents();
});
beforeEach(() => {
fixture = TestBed.createComponent(AboutComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/about/about.component.ts 0 → 100644
+ 15
− 0
View file @ 7ba499c4
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-about',
templateUrl: './about.component.html',
styleUrls: ['./about.component.scss']
})
export class AboutComponent implements OnInit {
constructor() { }
ngOnInit(): void {
}
}
src/app/app-routing.module.ts
+ 10
− 0
View file @ 7ba499c4
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { AboutComponent } from './about/about.component';
import { HomeComponent } from './home/home.component';
import { LegalNoticeComponent } from './legal-notice/legal-notice.component';
import { StructureListComponent } from './structure-list/structure-list.component';
const routes: Routes = [
......@@ -24,6 +26,14 @@ const routes: Routes = [
path: 'resources',
component: HomeComponent,
},
{
path: 'legal-notice',
component: LegalNoticeComponent,
},
{
path: 'about',
component: AboutComponent,
},
{
path: '**',
redirectTo: 'home',
......
src/app/app.module.ts
+ 4
− 0
View file @ 7ba499c4
......@@ -20,6 +20,8 @@ import { StructureDetailsComponent } from './structure-list/components/structure
import { StructureOpeningStatusComponent } from './structure-list/components/structure-opening-status/structure-opening-status.component';
import { ModalOutsideDirective } from './structure-list/services/modalOutside.directive';
import { ModalFilterComponent } from './structure-list/components/modal-filter/modal-filter.component';
import { LegalNoticeComponent } from './legal-notice/legal-notice.component';
import { AboutComponent } from './about/about.component';
@NgModule({
declarations: [
......@@ -34,6 +36,8 @@ import { ModalFilterComponent } from './structure-list/components/modal-filter/m
StructureDetailsComponent,
StructureOpeningStatusComponent,
ModalOutsideDirective,
LegalNoticeComponent,
AboutComponent,
],
imports: [
BrowserModule,
......
src/app/footer/footer.component.html
+ 3
− 5
View file @ 7ba499c4
<div class="footer" fxLayout="row" fxLayout.lt-sm="column" fxLayoutAlign="center">
<div fxLayout="row" fxLayout.lt-sm="column" fxLayoutGap.lt-sm="10px">
<a class="clickable text-align-center" (keyup.enter)="openLegalNotice()" (click)="openLegalNotice()" i18n
>Mentions légales</a
>
<a class="clickable text-align-center" routerLink="/sitemap" i18n>Plan du site</a>
<a class="clickable text-align-center" routerLink="/legal-notice" i18n>Mentions légales</a>
<!-- <a class="clickable text-align-center" routerLink="/sitemap" i18n>Plan du site</a> -->
<a class="clickable text-align-center" href="mailto:todo@grandlyon.com">Contact</a>
<a class="clickable text-align-center" href="mailto:inclusionnumerique@grandlyon.com">Contact</a>
</div>
<a
class="metro-link"
......
src/app/header/header.component.html
+ 5
− 5
View file @ 7ba499c4
<div fxLayout="row" fxLayout.lt-sm="column" class="header">
<div class="logo clickable">
<div fxLayout="row">
<img class="logo-grand-lyon" src="/assets/logos/ram_logo.svg" alt />
<!-- <img class="logo-grand-lyon" src="/assets/logos/ram_logo.svg" alt /> -->
<div fxLayout="column" fxLayoutAlign="center">
<p>Réseau des Acteurs de la Médiation</p>
<p>de la Métropole de Lyon</p>
......@@ -10,14 +10,14 @@
</div>
<div fxLayout="row" class="right-header" fxLayoutAlign="center center" fxLayoutGap="3vw">
<a routerLink="/home" [routerLinkActive]="'active'" i18n>Acteurs de la médiation</a>
<a routerLink="/resources" [routerLinkActive]="'active'" i18n>Ressources</a>
<a routerLink="/projects" [routerLinkActive]="'active'" i18n>Projets</a>
<!-- <a routerLink="/resources" [routerLinkActive]="'active'" i18n>Ressources</a>
<a routerLink="/projects" [routerLinkActive]="'active'" i18n>Projets</a> -->
<a routerLink="/about" [routerLinkActive]="'active'" i18n>Qui sommes-nous ?</a>
<a routerLink="/login" [routerLinkActive]="'active'" i18n><span class="clickable ico-mglass purple"></span></a>
<!--<a routerLink="/login" [routerLinkActive]="'active'" i18n><span class="clickable ico-mglass purple"></span></a>
<a routerLink="/home" [routerLinkActive]="'active'" i18n
><span class="ico-profile" fxLayout="column" fxLayoutAlign="center center">
<span class="head"></span>
<span class="body"></span> </span
></a>
></a> -->
</div>
</div>
src/app/legal-notice/legal-notice.component.html 0 → 100644
+ 180
− 0
View file @ 7ba499c4
<div fxLayout="column" class="content-container">
<h1 style="display: none">Mentions légales</h1>
<div class="section-container">
<h2>Mentions légales du réseau des acteurs de la médiation numérique sur le territoire de la métropole de Lyon</h2>
<p>
Métropole de Lyon - 20 rue du Lac – CS 33569 - 69505 Lyon cedex 03<br />
Tél : (33) 4 78 63 40 40<br />
<a href="mailto:inclusionnumerique@grandlyon.com">inclusionnumerique@grandlyon.com</a>
</p>
<p>
<strong>Animation éditoriale, gestion et mise à jour</strong> : Hugo Brunon<br />
<strong>Contact technique</strong> : Erwan le Luron<br />
<strong>Photographies</strong> : sauf mention contraire, les photos sont la propriété de la Métropole de Lyon<br />
<strong>Vidéos</strong> : sauf mention contraire, les vidéos sont la propriété de la Métropole de Lyon<br />
<strong>Charte graphique</strong> : Florent Dufier<br />
<strong>Réalisation technique</strong> : SOPRA STERIA<br />
<strong>Maintenance technique</strong> : Délégation Développement Responsable - Direction, Innovation numérique
&amp; systèmes d&#39;information - Usages et services numériques - Services numériques aux usagers.
</p>
<p>
Ce site est optimisé pour Internet Explorer (versions 10 et supérieures), Mozilla Firefox (version 31 et
supérieures), Google Chrome (version 36 et supérieures), Safari (version 7 et supérieures).
</p>
<p>
<strong>Hébergement</strong> : Eolas - <a href="http://www.eolas.fr/">www.eolas.fr</a><br />
<strong>Data :</strong> La plateforme est essentiellement alimentée par des données provenant la plateforme
<a href="http://data.grandlyon.com/">data.grandlyon.com</a> de la Métropole de Lyon.
</p>
<h2>Traitement des données personnelles et droit d&#39;accès, de modification et de suppression</h2>
<p>
Ce site a fait l&#39;objet d&#39;une déclaration à la Commission Nationale Informatique et Libertés (CNIL) sous le
numéro 801024. Les
<a href="https://www.grandlyon.com/pratique/traitement-des-donnees-personnelles.html">données personnelles</a>
recueillies sur le site résultent de la communication volontaire d&#39;une adresse de courrier électronique lors
du dépôt d&#39;un message électronique. Les adresses e-mail ainsi recueillies ne servent qu&#39;à transmettre les
éléments d&#39;information demandés. Le Grand Lyon conserve de manière confidentielle les adresses e-mails pour
une durée ne pouvant excéder 1 an. Les adresses électroniques collectées ne feront l&#39;objet d&#39;aucune
cession à des tiers.
</p>
<p>
Vous disposez d’un droit d’accès, de rectification et d’effacement de vos données personnelles. Lorsqu&#39;un
consentement est nécessaire au traitement, vous disposez du droit de le retirer. Sous certaines conditions
réglementaires, vous disposez du droit de demander la limitation du traitement ou de vous y opposer.
</p>
<p>
Vous pouvez exercer ces différents droits en contactant directement le Délégué à la Protection des Données par
courrier en écrivant à l’adresse : Métropole de Lyon – Délégué à la Protection des Données - Direction des
Affaires Juridiques et de la Commande Publique - 20, rue du Lac - BP 33569 - 69505 Lyon Cedex 03 ou par le biais
du formulaire à l&#39;adresse suivante :
<a href="https://demarches.toodego.com/sve/proteger-mes-donnees-personnelles/"
>https://demarches.toodego.com/sve/proteger-mes-donnees-personnelles/</a
>.
</p>
<p>
Les réclamations touchant à la collecte ou au traitement de vos données à caractère personnel pourront être
adressées au service du Délégué à la Protection des Données (DPD), dont les coordonnées ont été précisées
ci-dessus. En cas de désaccord persistant concernant vos données, vous avez le droit de saisir la CNIL [autorité
de contrôle concernée] à l’adresse suivante : Commission Nationale Informatique et Libertés, 3 place de Fontenoy
75007 Paris, 01 53 73 22 22,
<a href="https://www.cnil.fr/fr/vous-souhaitez-contacter-la-cnil"
>https://www.cnil.fr/fr/vous-souhaitez-contacter-la-cnil</a
>
</p>
<p>
Nous vous informons que le secret des correspondances transmises sur le réseau internet n&#39;est pas garanti.
Chaque utilisateur est, de ce fait, seul responsable du contenu de sa correspondance.
</p>
<p><strong>Mesure d&#39;audience Matomo</strong></p>
<p>
Afin de vous fournir un meilleur service et d’améliorer votre expérience d&#39;utilisateur sur notre site, nous
utilisons des solutions de mesure d’audience qui utilisent la technologie des « cookies », des fichiers texte qui
sont enregistrés sur votre ordinateur et qui permettent de générer des informations envoyées aux serveurs de
mesure d’audience. Sur ces serveurs, l’adresse IP est anonymisée. Les données recueillies ont uniquement pour
finalité de permettre d&#39;analyser la fréquentation de nos pages afin d&#39;en améliorer le contenu. Les données
relatives à la navigation des visiteurs ne sont pas exploitées nominativement. Il s&#39;agit de statistiques
agrégées permettant de connaître le nombre de visites et de visiteurs différents, les pages les plus populaires,
les chemins préférés, les niveaux d&#39;activité par jour de la semaine et par heure de la journée, les
principales erreurs etc.
</p>
<p>
Nos cookies Matomo sont exemptés de consentement car ils remplissent les conditions préconisées par la CNIL (plus
d’information <a href="https://www.cnil.fr/fr/cookies-solutions-pour-les-outils-de-mesure-daudience">ici</a>).
</p>
<p>
Vous avez cependant le droit de vous opposer à l’utilisation de ces cookies, et donc au traitement de vos données
personnelles de navigation, en utilisant un cookie « anti-cookie ».
</p>
<p><strong>Pour désactiver les cookies de Matomo</strong></p>
<p>À tout moment, vous pouvez régler vos préférences de cookies sur cette page.</p>
<p>
En cliquant sur &quot;désactiver&quot; vous êtes automatiquement désactivé et ne recevrez pas de cookies Matomo.
Merci de lire ce qui concerne le cookie &quot;anti-cookie&quot; pour comprendre comment Matomo est capable de se
souvenir de votre choix de désactivation.
</p>
<p>
Vous avez le droit de consulter, de rectifier et de supprimer les données personnelles que Matomo aurait pu
collecter. Pour exercer ces droits, ou pour toute information concernant le traitement des données personnelles,
nous vous invitons à contacter le Délégué à la Protection des Données de la Métropole de Lyon :
</p>
<ul>
<li>
par courrier : Métropole de Lyon – Délégué à la Protection des Données - Direction des Affaires Juridiques et de
la Commande Publique - 20, rue du Lac - <strong>BP 33569</strong>
</li>
<li>
par formulaire
<a href="https://demarches.toodego.com/sve/proteger-mes-donnees-personnelles/"
>demarches.toodego.com/sve/proteger-mes-donnees-personnelles/</a
>
</li>
</ul>
<p><strong>Dispositions légales</strong></p>
<p>
Les divers éléments du site web (la forme, la mise en page, le fonds, la structure …) sont protégés par le droit
des dessins et modèles, le droit d’auteur, le droit des marques ainsi que le droit à l’image et ils ne peuvent
être copiés ou imités en tout ou partie sauf autorisation expresse de la Métropole de Lyon.
</p>
<p>
Toute personne ne respectant pas les dispositions légales applicables se rend coupable du délit de contrefaçon et
est passible des sanctions pénales prévues par la loi.
</p>
<p><strong>Droits d&#39;auteurs</strong></p>
<p>
Le présent site constitue une œuvre dont la &quot;Métropole de Lyon&quot; est l&#39;auteur au sens des articles L.
111.1 et suivants du Code de la propriété intellectuelle. Les photographies, textes, logos, pictogrammes, ainsi
que toutes œuvres intégrées dans le site sont la propriété de la &quot;Métropole de Lyon&quot; ou de tiers ayant
autorisé la &quot;Métropole de Lyon&quot; à les utiliser. Les reproductions, les transmissions, les modifications,
les réutilisations, sur un support papier ou informatique, dudit site et des œuvres qui y sont reproduites ne sont
autorisées que pour un usage personnel et privé conforme aux dispositions de l&#39;article L 122-5 du Code de la
Propriété Intellectuelle. Ces reproductions devront ainsi notamment indiquer clairement la source et l&#39;auteur
du site et/ou de ces œuvres multimédias. En aucun cas ces reproductions ne sauraient porter préjudice aux droits
des tiers. Les reproductions, les transmissions, les modifications, les réutilisations à des fins publicitaires,
commerciales ou d&#39;information, de tout ou partie du site, sont totalement interdites.
</p>
<p><strong>Logo de la Métropole de Lyon</strong></p>
<p>
Le logo de la Métropole de Lyon ne peut être modifié – proportions, couleurs, éléments, constituants – et ne peut
être sujet à aucune transformation, animation ou tout autre processus. Le logo de la Métropole de Lyon ne peut
être utilisé et associé qu&#39;aux seules informations vérifiables. Il ne peut être notamment utilisé que pour
illustrer des relations avec la Métropole de Lyon ou des actions de sponsorings dûment établies. Quel que soit le
cas d&#39;espèce, la Métropole de Lyon se réserve le droit d&#39;approuver ou de désapprouver toute utilisation du
logo de la Métropole de Lyon, pour assurer son utilisation correcte, conformément à l&#39;éthique, la morale et
aux intérêts de la Métropole de Lyon. Les conditions susmentionnées s&#39;appliquent dans le cadre de pages web,
elles ne font pas référence à l&#39;utilisation du logo dans tout autre document. La Métropole de Lyon se réserve
le droit de modifier les conditions d&#39;utilisation du logo de la Métropole de Lyon à tout moment et sans
préavis.
</p>
<p><strong>Droit des bases de données</strong></p>
<p>
Les bases de données sont protégées par la loi du 1er juillet 1998 et le régime français du droit d&#39;auteur.
</p>
<p><strong>Établissements de liens vers le site www.ram.grandlyon.com</strong></p>
<p>
La Métropole de Lyon autorise la mise en place d&#39;un lien hypertexte vers son site www.ram.grandlyon.com pour
tous les sites Internet, à l&#39;exclusion de ceux diffusant des informations à caractère polémique,
pornographique, xénophobe ou pouvant, dans une plus large mesure porter atteinte à la sensibilité du plus grand
nombre. Le lien doit aboutir à la page d&#39;accueil du site (home page) et le site www.ram.grandlyon.com doit
apparaître dans une nouvelle fenêtre. Les pages du site www.ram.grandlyon.com ne doivent en aucun cas être
intégrées à l&#39;intérieur des pages d&#39;un autre site (Frame). Dans tous les cas d&#39;espèce, la Métropole de
Lyon se réserve le droit de demander la suppression d&#39;un lien si elle estime que le site cible ne respecte pas
les règles ainsi définies.
</p>
<p><strong>Liens vers des sites tiers depuis le site www.ram.grandlyon.com</strong></p>
<p>
Les liens hypertextes mis en œuvre au sein du site en direction d&#39;autres sites et/ou de pages personnelles et
d&#39;une manière générale vers toutes ressources existantes sur internet ne sauraient engager la responsabilité
de la Métropole de Lyon quant aux liens qu&#39;ils contiennent ou aux changements ou mises à jour qui leur sont
apportés.
</p>
<p><strong>Mise en garde générale</strong></p>
<p>
Nos services mettent tout en œuvre pour offrir aux visiteurs de ce site web des informations fiables et vérifiées.
Cependant, malgré tous les soins apportés, le site peut comporter des inexactitudes, des défauts de mise à jour ou
des erreurs. Nous remercions les utilisateurs du site de nous faire part d&#39;éventuelles omissions, erreurs ou
corrections par mail sur la boite aux lettres du webmestre, inclusionnumerique@grandlyon.com
</p>
</div>
</div>
src/app/legal-notice/legal-notice.component.scss 0 → 100644
+ 6
− 0
View file @ 7ba499c4
.content-container {
overflow: auto;
}
h2 {
font-size: 1em;
}
src/app/legal-notice/legal-notice.component.spec.ts 0 → 100644
+ 25
− 0
View file @ 7ba499c4
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { LegalNoticeComponent } from './legal-notice.component';
describe('LegalNoticeComponent', () => {
let component: LegalNoticeComponent;
let fixture: ComponentFixture<LegalNoticeComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ LegalNoticeComponent ]
})
.compileComponents();
});
beforeEach(() => {
fixture = TestBed.createComponent(LegalNoticeComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/legal-notice/legal-notice.component.ts 0 → 100644
+ 15
− 0
View file @ 7ba499c4
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-legal-notice',
templateUrl: './legal-notice.component.html',
styleUrls: ['./legal-notice.component.scss']
})
export class LegalNoticeComponent implements OnInit {
constructor() { }
ngOnInit(): void {
}
}
src/assets/img/about_illustration.png 0 → 100644
+ 0
− 0
View file @ 7ba499c4
src/assets/img/about_illustration.png

72.4 KiB

src/styles.scss
+ 1
− 1
View file @ 7ba499c4
......@@ -60,7 +60,7 @@ a {
width: 80%;
max-width: 1200px;
margin: 0 auto;
padding: 0;
padding: 10px 0;
@media #{$tablet} {
width: 95%;
max-width: unset;
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment