\n \n \n Découvrir\n \n \n \n
\n );\n }\n}\n\nexport default translate(\"translations\")(GridItem);\n","import axios from 'axios';\n\nclass ProviderOptions {\n getOptions() {\n return axios.get('https://api.therenceguillerme.fr/wp-json/acf/v3/options/acf-options-page');\n }\n}\n\nexport default new ProviderOptions();\n","import styled from 'styled-components';\nimport React, { Component } from 'react';\n\nconst DetailVideo = styled.article`\n display: inline-flex;\n flex-direction: column;\n width: 100%;\n`;\n\nconst Credits = styled.h3`\n font-family: Raleway;\n font-style: italic;\n font-weight: 500;\n line-height: normal;\n font-size: 14px;\n\n color: rgba(255, 255, 255, 0.5);\n margin-top: -10px;\n`;\n\nclass Video extends Component {\n render() {\n return (\n {this.props.type}
\n{this.decodeHTML(this.props.title)}
\n\n
\n \n \n \n
\n );\n }\n}\n\nconst StyledVideo = styled(Video)`\n margin-top: 28px;\n margin-bottom: 21px;\n`;\n\nexport default class PortfolioDetailVideo extends Component {\n render() {\n return (\n \n Crédits : {this.props.credits} }\n
\n \n
\n );\n }\n}\n\nexport default ShowReel;\n","import React, { Component } from 'react';\r\nimport DownloadIcon from '../assets/images/download_icon.svg';\r\nimport { translate, Trans } from 'react-i18next';\r\nimport ProviderOptions from '../providers/options';\r\n\r\nclass Book extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n pressBook: null,\r\n };\r\n\r\n ProviderOptions.getOptions().then(data => {\r\n const portfolio = data.data.acf.portfolio;\r\n this.setState({\r\n pressBook: portfolio,\r\n });\r\n });\r\n }\r\n render() {\r\n return (\r\n Show reel
\n\n
\n \n {this.state.slides.map((slide, idx) => (\n
\n {/* \n */}\n \n {slide.url.includes('soundcloud') ? (\n
\n ))}\n \r\n {this.state.pressBook ? (\r\n
\r\n \r\n \r\n
\r\n \r\n 
\r\n Télécharger \r\n \r\n
\r\n ) : (\r\n \r\n Téléchargez mon Press Book \r\n
\r\n \r\n contenant tous mes projets \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n )}\r\n \r\n Retrouvez prochainement mon Press Book \r\n
\r\n \r\n contenant tous mes projets \r\n \r\n
\r\n \n
\n Références
\n\n
\n \n
\n \n {this.state.references.length > 0 &&\n this.state.references.map((reference, index) => (\n
\n \n 
\n
\n ))}\n \n
\n \n );\n }\n}\n","import React, { Component } from 'react';\nimport Logo from '../assets/images/logo_white_home.svg';\nimport Photo from '../assets/images/picture_home.jpg';\nimport { Link } from 'react-router-dom';\nimport ProviderNews from '../providers/news';\nimport ProviderProject from '../providers/projects';\nimport GridItem from './GridItem';\nimport ShowReel from './ShowReel';\nimport Book from './Book';\nimport References from './References';\nimport * as moment from 'moment';\nimport { translate, Trans } from 'react-i18next';\nimport Project from './Project';\n\nclass App extends Component {\n constructor(props) {\n super(props);\n this.state = {\n news: [],\n projects: [],\n };\n\n ProviderNews.getAllNews().then(data => {\n const news = data.data;\n news.sort((a, b) => {\n const left = moment(a.acf.date, 'DD/MM/YYYY');\n const right = moment(b.acf.date, 'DD/MM/YYYY');\n return left < right ? 1 : left > right ? -1 : 0;\n });\n this.setState({ news });\n this.setState({\n news: news.slice(0, 2),\n });\n });\n this.formatDate = this.formatDate.bind(this);\n\n ProviderProject.getProjects().then(data => {\n const projects = data.data;\n projects.sort((a, b) => {\n const left = moment(a.acf.date, 'DD/MM/YYYY');\n const right = moment(b.acf.date, 'DD/MM/YYYY');\n return left < right ? 1 : left > right ? -1 : 0;\n });\n //this.setState({ projects });\n this.setState({\n projects: projects.slice(0, 6),\n });\n console.log(projects);\n });\n }\n\n formatDate(date) {\n const d = new Date(date);\n return ('0' + d.getDate()).slice(-2) + '/' + ('0' + d.getMonth() + 1).slice(-2) + '/' + d.getFullYear();\n }\n render() {\n return (\n {this.props.type}
\n{this.props.title}
\n\n \n 
\n \n \n \n
\n\n Tous mes projets \n \n \n \n \n
\n );\n }\n}\n\nexport default translate('translations')(App);\n","import React, { Component } from 'react';\nimport GridItem from './GridItem';\nimport { Link } from 'react-router-dom';\nimport Book from './Book';\nimport ProviderProjects from '../providers/projects';\nimport * as moment from 'moment';\nimport { Trans, translate } from 'react-i18next';\nimport Project from './Project';\n\nclass Portfolio extends Component {\n constructor(props) {\n super(props);\n this.state = {\n projects: [],\n filter: 'all',\n filteredProjects: [],\n showFilters: false,\n filters: [\n {\n slug: 'all',\n title: 'Tout',\n },\n {\n slug: 'animation',\n title: 'Animations',\n },\n {\n slug: 'movie',\n title: 'Films et séries',\n },\n {\n slug: 'game',\n title: 'Jeux vidéo',\n },\n {\n slug: 'installation',\n title: 'Installations sonores',\n },\n {\n slug: 'composition',\n title: 'Composition',\n },\n ,\n {\n slug: 'other',\n title: 'Autres',\n },\n ],\n };\n\n ProviderProjects.getProjects().then(data => {\n console.log(data.data);\n const projects = data.data;\n projects.sort((a, b) => {\n const left = moment(a.acf.date, 'DD/MM/YYYY');\n const right = moment(b.acf.date, 'DD/MM/YYYY');\n return left < right ? 1 : left > right ? -1 : 0;\n });\n this.setState({ projects });\n this.onFilterClick('all');\n });\n this.onClickTagMenu = this.onClickTagMenu.bind(this);\n this.handleContact = this.handleContact.bind(this);\n }\n\n onFilterClick(filter) {\n this.setState(\n {\n filter: filter,\n },\n () => {\n this.filterProjects();\n },\n );\n }\n\n filterProjects() {\n const filteredProjects = this.state.projects.filter(item => {\n return this.state.filter == 'all' || this.state.filter == item.acf.tag;\n });\n this.setState({\n filteredProjects,\n });\n }\n\n handleContact() {\n const event = new Event('contact:open');\n window.dispatchEvent(event);\n }\n\n onClickTagMenu() {\n this.setState({\n showFilters: !this.state.showFilters,\n });\n }\n\n render() {\n return (\n \n 
\n Voir mon Portfolio \n \n
\n Compositeur à l’image & sound designer
\n \n \n\n Derniers projets \n
\n\n \n {this.state.projects.map((project, index) => (\n
\n\n \n \n \n \n
\n\n
\n \n Dernières actualités \n
\n\n \n {this.state.news.map(news => (\n
\n\n \n \n \n Toutes les actus \n \n
\n \n
\n \n
\n \n \n
\n
\n \n Portfolio \n
\n \n Filtres \n
\n \n {this.state.filters.map((filter, index) => (\n \n {filter.title} \n
\n ))}\n \n
\n \n {this.state.filteredProjects.map((value, index) => (\n //
\n {this.state.filteredProjects.length === 0 && (\n {value.acf.title}
\n //{value.acf.type}
\n // \n\n Je n’ai pas encore de projet dans cette catégorie ...\n
\n
\n Choisissez-en une autre\n
\n ou contactez moi pour discuter !\n
\n )}\n {this.state.filteredProjects.length === 0 ? (\n \n
\n Choisissez-en une autre\n
\n ou contactez moi pour discuter !\n
\n
\n ) : (\n \n \n Contactez-moi \n
\n \n
\n )}\n \n \n Contactez-moi \n
\n \n
\n );\n }\n}\n\nexport default translate(\"translations\")(About);\n","import React, { Component } from 'react';\nimport styled from 'styled-components';\nimport GridItem from './GridItem';\nimport NewsProvider from '../providers/news';\nimport * as moment from 'moment';\nimport { Trans, translate } from 'react-i18next';\n\nconst NewsSection = styled.section`\n width: 100%;\n background-image: url(${require('../assets/images/pattern_fond.png')});\n background-size: contain;\n background-position-y: 480px;\n background-repeat: repeat-y;\n width: 100%;\n @media all and (max-width: 380px) {\n background-image: none;\n }\n`;\n\nconst Content = styled.div`\n margin: 0 auto;\n max-width: 1200px;\n margin-top: 250px;\n margin-bottom: 50px;\n .contact {\n padding-top: 60px;\n }\n\n @media all and (max-width: 1025px) {\n margin-left: 20px;\n margin-right: 20px;\n margin-top: 150px;\n margin-bottom: 0;\n }\n\n div:last-child:nth-child(odd) {\n &.aligned {\n margin-top: 0;\n width: 50%;\n flex-basis: 50%;\n margin-left: auto;\n text-align: left;\n }\n }\n\n div:last-child:nth-child(even) {\n &.aligned {\n margin-top: 0;\n width: 50%;\n flex-basis: 50%;\n margin-right: auto;\n text-align: right;\n }\n }\n\n @media all and (max-width: 1025px) {\n .contact {\n margin: 0;\n width: 100% !important;\n flex-basis: 100% !important;\n padding-top: 0;\n }\n }\n`;\n\nclass News extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n news: [],\n };\n\n NewsProvider.getAllNews().then(res => {\n const news = res.data;\n news.sort((a, b) => {\n const left = moment(a.acf.date, 'DD/MM/YYYY');\n const right = moment(b.acf.date, 'DD/MM/YYYY');\n return left < right ? 1 : left > right ? -1 : 0;\n });\n this.setState({ news });\n });\n\n this.formatDate = this.formatDate.bind(this);\n this.handleContact = this.handleContact.bind(this);\n }\n\n handleContact() {\n const event = new Event('contact:open');\n window.dispatchEvent(event);\n }\n\n formatDate(date) {\n const d = new Date(date);\n return ('0' + d.getDate()).slice(-2) + '/' + ('0' + d.getMonth() + 1).slice(-2) + '/' + d.getFullYear();\n }\n\n render() {\n return (\n \n
\n \n \n
\n
\n \n \n À propos\n \n
\n \n {this.state.page.part.map((part, index) => (\n
\n \n \n \n {index === 0 ? (\n\n
\n ))}\n \n
\n \n 
\n
\n \n
\n \n \n \n
\n \n \n \n
\n \n 
\n
\n ) : ''}\n \n
\n Contactez-moi
\n \n
\n \n \n
\n
\n \n Actualités \n
\n \n
\n ) : (\n \n \n Contactez-moi \n
\n \n
\n )}\n \n \n Contactez-moi \n
\n \n
\n );\n }\n\n onInputClick(e) {\n e.persist();\n e.target.parentNode.classList.add(\"focus\");\n }\n\n onInputBlur(e) {\n e.persist();\n if (e.target.value.trim().length === 0) {\n e.target.value = null;\n\n e.target.parentNode.classList.remove(\"focus\");\n }\n }\n}\n\nexport default App;\n","export default class SuperMath {\n static clamp(v, min, max) {\n return Math.min(max, Math.max(min, v));\n }\n\n static clamp01(v) {\n return SuperMath.clamp(v, 0, 1);\n }\n\n static degToRad(degrees) {\n return (degrees * Math.PI) / 180;\n }\n\n static radToDeg(radians) {\n return (radians * 180) / Math.PI;\n }\n\n static lerp(start, end, value) {\n return start + (end - start) * value;\n }\n\n static map(value, oldMin, oldMax, newMin, newMax) {\n return ((value - oldMin) / (oldMax - oldMin)) * (newMax - newMin) + newMin;\n }\n\n static toFixed(value, decimal) {\n return parseFloat(value.toFixed(decimal));\n }\n\n static roundToNearest(value, nearest) {\n return Math.round(value / nearest) * nearest;\n }\n\n static step(edge, value) {\n return value < edge ? 0 : 1;\n }\n //Interpolates between min and max with smoothing at the limits\n static smoothStep(value, min, max) {\n const x = Math.max(0, Math.min(1, (value - min) / (max - min)));\n return x * x * (3 - 2 * x);\n }\n\n //apply modulo b to parameter a\n static mod(a, b) {\n return ((a % b) + b) % b;\n }\n\n //get the fractional part of a value\n static fract(value) {\n return value - Math.floor(value);\n }\n\n static max(...values) {\n return Math.max(values);\n }\n\n static maxBy(arr, key) {\n let max = arr[0][key];\n\n for (let i = 1, len = arr.length; i < len; i++) {\n let v = arr[i][key];\n max = v > max ? v : max;\n }\n\n return max;\n }\n\n static minBy(arr, key) {\n let min = arr[0][key];\n\n for (let i = 1, len = arr.length; i < len; i++) {\n let v = arr[i][key];\n min = v < min ? v : min;\n }\n\n return min;\n }\n\n static min(...values) {\n return Math.min(values);\n }\n\n static isOdd(number) {\n return !!(number & 1);\n }\n\n static isEven(number) {\n return !(number & 1);\n }\n\n static average(...values) {\n let sum = 0;\n\n for (let number of values) {\n sum += +number;\n }\n\n return sum / values.length;\n }\n\n static difference(a, b) {\n return Math.abs(a - b);\n }\n}\n","import styled from 'styled-components';\nimport React, { Component } from 'react';\nimport SuperMath from '../../utils/SuperMath';\nimport { TweenMax } from 'gsap';\nimport mediumZoom from 'medium-zoom';\n\nconst Images = styled.div`\n display: flex;\n z-index: 1;\n`;\n\nconst ImageItem = styled.img`\n max-width: 100%;\n max-height: 100%;\n`;\n\nconst ImageDescription = styled.p`\n font-family: Raleway;\n font-style: italic;\n font-weight: 500;\n line-height: normal;\n font-size: 14px;\n\n color: rgba(255, 255, 255, 0.5);\n margin-top: 29px;\n width: 731px;\n\n @media all and (max-width: 1024px) {\n width: 100%;\n }\n`;\n\nconst LeftButton = styled.button`\n position: absolute;\n left: 0;\n bottom: 0;\n margin-left: -69px;\n z-index: 5;\n height: 18px;\n @media all and (max-width: 1024px) {\n top: -49px;\n margin-left: 0px;\n }\n`;\nconst RightButton = styled.button`\n position: absolute;\n right: 0;\n bottom: 0;\n margin-right: -69px;\n z-index: 5;\n height: 18px;\n @media all and (max-width: 1024px) {\n top: -49px;\n margin-right: 0px;\n }\n`;\n\nconst Slider = styled.div`\n width: 731px;\n height: 421px;\n display: flex;\n margin: auto;\n justify-content: flex-start;\n position: relative;\n @media all and (max-width: 1024px) {\n width: 100%;\n height: 380px;\n }\n @media all and (max-width: 380px) {\n height: 233px;\n }\n`;\n\nconst SliderWrapper = styled.div`\n position: relative;\n height: 593px;\n display: flex;\n @media all and (max-width: 1024px) {\n padding: 0 20px;\n height: 380px;\n }\n`;\n\nconst SliderBackground = styled.div`\n background: #232323;\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n z-index: 0;\n`;\n\nconst SlideItem = styled.div`\n filter: grayscale(100%);\n position: absolute;\n height: 421px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n transition: all 0.3s;\n width: 100%;\n @media all and (max-width: 1024px) {\n height: 380px;\n }\n`;\n\nconst Indicator = styled.div`\n font-family: Roboto;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n font-size: 16px;\n text-align: center;\n\n color: #0019ff;\n\n display: none;\n\n @media all and (max-width: 1024px) {\n display: block;\n }\n`;\n\nconst IndicatorWrapper = styled.div`\n width: 100%;\n position: absolute;\n top: -49px;\n display: flex;\n justify-content: center;\n z-index: 1;\n`;\n\nexport default class PortfolioImageSlider extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n currentSlide: 0,\n zoom: mediumZoom({\n background: '#000',\n margin: 20,\n }),\n };\n this.$images = React.createRef();\n this.openLightbox = this.openLightbox.bind(this);\n }\n\n openLightbox(e) {\n this.state.zoom.attach(e.target);\n }\n\n componentDidMount() {\n [...this.$images.current.children].map((slide, index) => {\n let x = 0;\n for (let i = 0; i < index; i++) {\n if (i !== this.state.currentSlide) {\n x += 731 * 0.25 + 20;\n } else {\n x += 731 + 20;\n }\n }\n\n let currentSlideX = 0;\n for (let i = 0; i < this.state.currentSlide; i++) {\n if (i !== this.state.currentSlide) {\n currentSlideX += 731 * 0.25 + 20;\n } else {\n currentSlideX += 731 + 20;\n }\n }\n\n x -= currentSlideX;\n\n TweenMax.set(slide, {\n x,\n scale: index === this.state.currentSlide ? 1 : 0.25,\n transformOrigin: 'top left',\n filter: index === this.state.currentSlide ? 'none' : 'grayscale(100%)',\n });\n\n TweenMax.set(slide.children[1], {\n opacity: this.state.currentSlide === index ? 1 : 0,\n });\n return slide;\n });\n }\n\n nextSlide() {\n this.setState(\n {\n currentSlide: SuperMath.clamp(this.state.currentSlide + 1, 0, this.props.images.length - 1),\n },\n () => {\n this.updateSlides();\n },\n );\n }\n\n updateSlides() {\n [...this.$images.current.children].map((slide, index) => {\n let x = 0;\n for (let i = 0; i < index; i++) {\n if (i !== this.state.currentSlide) {\n x += 731 * 0.25 + 20;\n } else {\n x += 731 + 20;\n }\n }\n\n let currentSlideX = 0;\n for (let i = 0; i < this.state.currentSlide; i++) {\n if (i !== this.state.currentSlide) {\n currentSlideX += 731 * 0.25 + 20;\n } else {\n currentSlideX += 731 + 20;\n }\n }\n\n x -= currentSlideX;\n\n TweenMax.set(slide, {\n x,\n scale: index === this.state.currentSlide ? 1 : 0.25,\n transformOrigin: 'top left',\n filter: index === this.state.currentSlide ? 'none' : 'grayscale(100%)',\n });\n\n TweenMax.set(slide.children[1], {\n opacity: this.state.currentSlide === index ? 1 : 0,\n });\n return slide;\n });\n }\n\n previousSlide() {\n this.setState(\n {\n currentSlide: SuperMath.clamp(this.state.currentSlide - 1, 0, this.props.images.length - 1),\n },\n () => {\n this.updateSlides();\n },\n );\n }\n\n render() {\n return (\n Contact
\n \n\n {this.state.project.school}\n
\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default Mentions;","import { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\n\r\nclass ScrollToTop extends Component {\r\n\tcomponentDidUpdate(prevProps) {\r\n\t\tif (this.props.location !== prevProps.location) {\r\n\t\t\twindow.scrollTo(0, 0);\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn this.props.children;\r\n\t}\r\n}\r\n\r\nexport default withRouter(ScrollToTop);","import styled from 'styled-components';\nimport React, { Component } from 'react';\nimport Navigation from './Navigation';\nimport Home from './Home';\nimport Portfolio from './Portfolio';\nimport Footer from './Footer';\nimport About from './About';\nimport News from './News';\nimport References from './References';\nimport Contact from './Contact';\nimport { BrowserRouter as Router, Route, Switch } from 'react-router-dom';\nimport PortfolioDetail from '../pages/PortfolioDetail';\nimport { I18nextProvider } from 'react-i18next';\nimport i18n from '../i18n';\n// import Konami from 'perfect-konami.js';\n\nimport NewsDetail from '../pages/NewsDetail';\nimport Mentions from './Mentions';\nimport ScrollToTop from './ScrollToTop';\n\nconst Page = styled.main`\n display: flex;\n flex-direction: column;\n align-items: center;\n`;\n\nclass App extends Component {\n constructor(props) {\n super(props);\n // const konami = new Konami();\n // konami.init();\n }\n\n render() {\n return (\n POLITIQUE DE CONFIDENTIALITÉ
\r\n\t\t\t\tDU SITE :
\r\n\t\t\t\tTherenceGuillerme
\r\n\t\t\t\tARTICLE 1 : PRÉAMBULE
Cette politique de confidentialité s'applique au site : TherenceGuillerme.
La présente politique de confidentialité a pour but d'exposer aux utilisateurs du site :
\r\n\t\t\t\t- \r\n\t\t\t\t\t
- La manière dont sont collectées et traitées leurs données à caractère personnel. Doivent être considérées comme données personnelles toutes les données étant susceptibles d'identifier un utilisateur. Il s'agit notamment du prénom et du nom, de l'âge, de l'adresse postale, l'adresse mail, la localisation de l'utilisateur ou encore son adresse IP ; \r\n\t\t\t\t
- \r\n\t\t\t\t\t
- Quels sont les droits des utilisateurs concernant ces données ; \r\n\t\t\t\t
- \r\n\t\t\t\t\t
- Qui est responsable du traitement des données à caractère personnel collectées et traitées ; \r\n\t\t\t\t
- \r\n\t\t\t\t\t
- A qui ces données sont transmises ; \r\n\t\t\t\t
- \r\n\t\t\t\t\t
- Eventuellement, la politique du site en matière de fichiers \"cookies\". \r\n\t\t\t\t
Cette politique de confidentialité complète les mentions légales et les Conditions Générales d'Utilisation que les utilisateurs peuvent consulter à l'adresse ci-après :
https://www.therenceguillerme.fr
\r\n\t\t\t\t
ARTICLE 2 : PRINCIPES GÉNÉRAUX EN MATIÈRE DE COLLECTE ET DE TRAITEMENT DE DONNÉES
Conformément aux dispositions de l'article 5 du Règlement européen 2016/679, la collecte et le traitement des données des utilisateurs du site respectent les principes suivants :
\r\n\t\t\t\t- \r\n\t\t\t\t\t
- Licéité, loyauté et transparence : les données ne peuvent être collectées et traitées qu'avec le consentement de l'utilisateur propriétaire des données. A chaque fois que des données à caractère personnel seront collectées, il sera indiqué à l'utilisateur que ses données sont collectées, et pour quelles raisons ses données sont collectées ; \r\n\t\t\t\t
- \r\n\t\t\t\t\t
- Finalités limitées : la collecte et le traitement des données sont exécutés pour répondre à un ou plusieurs objectifs déterminés dans les présentes conditions générales d'utilisation ; \r\n\t\t\t\t
- \r\n\t\t\t\t\t
- Minimisation de la collecte et du traitement des données : seules les données nécessaires à la bonne exécution des objectifs poursuivis par le site sont collectées ; \r\n\t\t\t\t
- \r\n\t\t\t\t\t
- Conservation des données réduites dans le temps : les données sont conservées pour une durée limitée, dont l'utilisateur est informé. Si la durée de conservation ne peut être communiquée à l'utilisateur ; \r\n\t\t\t\t
- \r\n\t\t\t\t\t
- Intégrité et confidentialité des données collectées et traitées : le responsable du traitement des données s'engage à garantir l'intégrité et la confidentialité des données collectées.
Afin d'être licites, et ce conformément aux exigences de l'article 6 du règlement européen 2016/679, la collecte et le traitement des données à caractère personnel ne pourront intervenir que s'ils respectent au moins l'une des conditions ci-après énumérées :
\r\n\t\t\t\t- \r\n\t\t\t\t\t
- L'utilisateur a expressément consenti au traitement ; \r\n\t\t\t\t
- \r\n\t\t\t\t\t
- Le traitement est nécessaire à la bonne exécution d'un contrat ; \r\n\t\t\t\t
- \r\n\t\t\t\t\t
- Le traitement répond à une obligation légale ; \r\n\t\t\t\t
- \r\n\t\t\t\t\t
- Le traitement s'explique par une nécessité liée à la sauvegarde des intérêts vitaux de la personne concernée ou d'une autre personne physique ; \r\n\t\t\t\t
- \r\n\t\t\t\t\t
- Le traitement peut s'expliquer par une nécessité liée à l'exécution d'une mission d'intérêt public ou qui relève de l'exercice de l'autorité publique ; \r\n\t\t\t\t
- \r\n\t\t\t\t\t
- Le traitement et la collecte des données à caractère personnel sont nécessaires aux fins des intérêts légitimes et privés poursuivis par le responsable du traitement ou par un tiers. \r\n\t\t\t\t
ARTICLE 3 : DONNÉES À CARACTÈRE PERSONNEL COLLECTÉES ET TRAITÉES DANS LE CADRE DE LA NAVIGATION SUR LE SITE
A. DONNÉES COLLECTÉES ET TRAITÉES ET MODE DE COLLECTE
\r\n\t\t\t\tLes données à caractère personnel collectées sur le site TherenceGuillerme sont les suivantes :
\r\n\t\t\t\tAucune
\r\n\t\t\t\tCes données sont collectées lorsque l'utilisateur effectue l'une des opérations suivantes sur le site :
\r\n\t\t\t\tAucune
\r\n\t\t\t\tLe responsable du traitement conservera dans ses systèmes informatiques du site et dans des conditions raisonnables de sécurité l'ensemble des données collectées pour une durée de : 0 jour.
\r\n\t\t\t\tLa collecte et le traitement des données répondent aux finalités suivantes :
\r\n\t\t\t\tAucune
B. TRANSMISSION DES DONNÉES A DES TIERS
\r\n\t\t\t\tLes données peuvent être transmises au(x) tiers ci-après énuméré(s) :
\r\n\t\t\t\tGoogle
C. HÉBERGEMENT DES DONNÉES
\r\n\t\t\t\tLe site TherenceGuillerme est hébergé par : , dont le siège est situé à l'adresse ci-après :
\r\n\t\t\t\t\r\n\t\t\t\t
L'hébergeur peut être contacté au numéro de téléphone suivant : +33 (0) 1 79 73 62 22
\r\n\t\t\t\tLes données collectées et traitées par le site sont exclusivement hébergées et traitées en France.
\r\n\t\t\t\t
ARTICLE 4 : RESPONSABLE DU TRAITEMENT DES DONNÉES
A. LE RESPONSABLE DU TRAITEMENT DES DONNÉES
\r\n\t\t\t\tLe responsable du traitement des données à caractère personnel est : Vincent RIVA. Il peut être contacté de la manière suivante :
\r\n\t\t\t\thello@vincentriva.fr
\r\n\t\t\t\tLe responsable du traitement des données est chargé de déterminer les finalités et les moyens mis au service du traitement des données à caractère personnel.
B. OBLIGATIONS DU RESPONSABLE DU TRAITEMENT DES DONNÉES
\r\n\t\t\t\tLe responsable du traitement s'engage à protéger les données à caractère personnel collectées, à ne pas les transmettre à des tiers sans que l'utilisateur n'en ait été informé et à respecter les finalités pour lesquelles ces données ont été collectées.
\r\n\t\t\t\tLe site dispose d'un certificat SSL afin de garantir que les informations et le transfert des données transitant par le site sont sécurisés.
\r\n\t\t\t\tUn certificat SSL (\"Secure Socket Layer\" Certificate) a pour but de sécuriser les données échangées entre l'utilisateur et le site.
\r\n\t\t\t\tDe plus, le responsable du traitement des données s'engage à notifier l'utilisateur en cas de rectification ou de suppression des données, à moins que cela n'entraîne pour lui des formalités, coûts et démarches disproportionnés.
\r\n\t\t\t\tDans le cas où l'intégrité, la confidentialité ou la sécurité des données à caractère personnel de l'utilisateur est compromise, le responsable du traitement s'engage à informer l'utilisateur par tout moyen.
ARTICLE 5 : DROITS DE L'UTILISATEUR
Conformément à la réglementation concernant le traitement des données à caractère personnel, l'utilisateur possède les droits ci-après énumérés.
\r\n\t\t\t\tAfin que le responsable du traitement des données fasse droit à sa demande, l'utilisateur est tenu de lui communiquer : ses prénom et nom ainsi que son adresse e-mail.
\r\n\t\t\t\tLe responsable du traitement des données est tenu de répondre à l'utilisateur dans un délai de 30 (trente) jours maximum.
A. PRÉSENTATION DES DROITS DE L'UTILISATEUR EN MATIÈRE DE COLLECTE ET TRAITEMENT DE DONNÉES
\r\n\t\t\t\t
a. Droit d'accès, de rectification et droit à l'effacement
L'utilisateur peut prendre connaissance, mettre à jour, modifier ou demander la suppression des données le concernant, en respectant la procédure ci-après énoncée :
\r\n\t\t\t\tEnvoyer un email à hello@vincentriva.fr en renseignant la nature de votre demande.
b. Droit à la portabilité des données
\r\n\t\t\t\tL'utilisateur a le droit de demander la portabilité de ses données personnelles, détenues par le site, vers un autre site, en se conformant à la procédure ci-après :
\r\n\t\t\t\tAucune de prévu
\r\n\t\t\t\t
c. Droit à la limitation et à l'opposition du traitement des données
L'utilisateur a le droit de demander la limitation ou de s'opposer au traitement de ses données par le site, sans que le site ne puisse refuser, sauf à démontrer l'existence de motifs légitimes et impérieux, pouvant prévaloir sur les intérêts et les droits et libertés de l'utilisateur.
\r\n\t\t\t\tAfin de demander la limitation du traitement de ses données ou de formuler une opposition au traitement de ses données, l'utilisateur doit suivre la procédure suivante :
\r\n\t\t\t\tNe pas partager le lien du site à la fin de l'expérience
d. Droit de ne pas faire l'objet d'une décision fondée exclusivement sur un procédé automatisé
\r\n\t\t\t\tConformément aux dispositions du règlement 2016/679, l'utilisateur a le droit de ne pas faire l'objet d'une décision fondée exclusivement sur un procédé automatisé si la décision produit des effets juridiques le concernant, ou l'affecte de manière significative de façon similaire.
\r\n\t\t\t\t
e. Droit de déterminer le sort des données après la mort
Il est rappelé à l'utilisateur qu'il peut organiser quel doit être le devenir de ses données collectées et traitées s'il décède, conformément à la loi n°2016-1321 du 7 octobre 2016.
\r\n\t\t\t\t
f. Droit de saisir l'autorité de contrôle compétente
Dans le cas où le responsable du traitement des données décide de ne pas répondre à la demande de l'utilisateur, et que l'utilisateur souhaite contester cette décision, ou, s'il pense qu'il est porté atteinte à l'un des droits énumérés ci-dessus, il est en droit de saisir la CNIL (Commission Nationale de l'Informatique et des Libertés, https://www.cnil.fr) ou tout juge compétent.
B. DONNÉES PERSONNELLES DES PERSONNES MINEURES
\r\n\t\t\t\tConformément aux dispositions de l'article 8 du règlement européen 2016/679 et à la loi Informatique et Libertés, seuls les mineurs âgés de 15 ans ou plus peuvent consentir au traitement de leurs données personnelles.
\r\n\t\t\t\tSi l'utilisateur est un mineur de moins de 15 ans, l'accord d'un représentant légal sera requis afin que des données à caractère personnel puissent être collectées et traitées.
\r\n\t\t\t\tL'éditeur du site se réserve le droit de vérifier par tout moyen que l'utilisateur est âgé de plus de 15 ans, ou qu'il aura obtenu l'accord d'un représentant légal avant de naviguer sur le site.
ARTICLE 6 : CONDITIONS DE MODIFICATION DE LA POLITIQUE DE CONFIDENTIALITÉ
La présente politique de confidentialité peut être consultée à tout moment à l'adresse ci-après indiquée :
\r\n\t\t\t\thttps://www.therenceguillerme.fr/mentions-legales
\r\n\t\t\t\tL'éditeur du site se réserve le droit de la modifier afin de garantir sa conformité avec le droit en vigueur.
\r\n\t\t\t\tPar conséquent, l'utilisateur est invité à venir consulter régulièrement cette politique de confidentialité afin de se tenir informé des derniers changements qui lui seront apportés.
\r\n\t\t\t\tToutefois, en cas de modification substantielle de cette politique, l'utilisateur en sera informé de la manière suivante :
\r\n\t\t\t\tModification de la page de confidentialité
\r\n\t\t\t\tIl est porté à la connaissance de l'utilisateur que la dernière mise à jour de la présente politique de confidentialité est intervenue le : 01/12/2018.
.\r\n\t\t\t\t
ARTICLE 7 : DROITS D'AUTEUR
Les contenus, les textes, les vidéos, les images, les photos et les animations qui apparaissent ou sont disponibles sur le site, sont protégés par le droit de la propriété intellectuelle. Ils sont la propriété de Thérence Guillerme.
\r\n\t\t\t\tA ce titre et sauf mention contraire, vous vous engagez à ne pas copier, traduire, reproduire, commercialiser, publier, exploiter et diffuser partiellement ou intégralement des contenus du site protégés par le droit de la propriété intellectuelle, sans autorisation préalable et écrite de Thérence Guillerme.
\r\n\t\t\t\tLes marques et les logos présents sur le site sont, sauf cas particulier, la propriété de Thérence Guillerme. Sauf autorisation préalable et écrite, l’internaute s’interdit de les utiliser.
\r\n\t\t\t\tThérence Guillerme consent toutefois à l’internaute le droit de reproduire tout ou partie du contenu du site, en un exemplaire pour copie de sauvegarde ou tirage sur papier. Ce droit est consenti dans le cadre d’un usage strictement personnel, privé et non collectif. La violation de l’un de ces droits de propriété intellectuelle est un délit de contrefaçon passible de deux ans d’emprisonnement et de 150.000 euros d’amende.
\r\n\t\t\t\n \n \n \n \n \n
\n