CINXE.COM
Your personal information
<!DOCTYPE html> <html> <head> <title>Your personal information</title> <script type="text/javascript" charset="UTF-8"> /* <![CDATA[ */ try { if (undefined == xajax.config) xajax.config = {}; } catch (e) { xajax = {}; xajax.config = {}; }; xajax.config.requestURI = "https://app.lgi-consulting.org/gdpr/index.php?v=36"; xajax.config.statusMessages = false; xajax.config.waitCursor = true; xajax.config.version = "xajax 0.5 rc2"; xajax.config.legacy = false; xajax.config.defaultMode = "asynchronous"; xajax.config.defaultMethod = "POST"; /* ]]> */ </script> <script type="text/javascript" src="../framework/include/xajax/xajax_js/xajax_core.js" charset="UTF-8"></script> <script type="text/javascript" charset="UTF-8"> /* <![CDATA[ */ window.setTimeout( function() { var scriptExists = false; try { if (xajax.isLoaded) scriptExists = true; } catch (e) {} if (!scriptExists) { alert("Error: the xajax Javascript component could not be included. Perhaps the URL is incorrect?\nURL: ../framework/include/xajax/xajax_js/xajax_core.js"); } }, 2000); /* ]]> */ </script> <script type='text/javascript' charset='UTF-8'> /* <![CDATA[ */ xajax_updateConsent = function() { return xajax.request( { xjxfun: 'updateConsent' }, { parameters: arguments } ); }; /* ]]> */ </script> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="utf-8"></meta> <link href="css/style.css?dummy=2" rel="stylesheet" type="text/css" > <!-- Favicon --> <link rel="apple-touch-icon" sizes="57x57" href="images/favicon/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="images/favicon/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="images/favicon/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="images/favicon/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="images/favicon/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="images/favicon/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="images/favicon/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="images/favicon/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="images/favicon/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="images/favicon/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png"> <!-- <link rel="manifest" href="/manifest.json"> --> <meta name="msapplication-TileImage" content="images/favicon/ms-icon-144x144.png"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="theme-color" content="#ffffff"> </head> <style> body { margin: 40px auto; background-image: linear-gradient(to bottom, #9FF2CC 0%, #9FF2CC 25%, #e7ebee 25%, #e7ebee 100%); background-repeat: no-repeat; background-attachment: fixed; } h2 {color:#9FF2CC;} .countData {background-color: #9FF2CC;} .form-btn::before,.form-btn-cancel::before, .form-btn-error::before {background: #337ab7; z-index: -2;} </style><body> <form class="form-card" id="formConsent" name="formConsent"> <div style="text-align: center; padding-top:20px;"><img src="http://app.lgi-consulting.org/gdpr/images/logo/scirt.png" width="500px"/></div> <fieldset class="form-fieldset"> <legend class="form-legend">Your personal information</legend> <div style="margin:20px 0 10px 0;"> Your personal data privacy and security is important to us. If you have previously subscribed to this news list, you can manage/update your data settings below. <br/>If you are subscribing to this news list for the first time, please complete the following information. </div> <!-- Count des projets utilisant les données personnelles --> <!-- <section class="autogrid"> <div class="countData"><small>Actualités</small><br/>1</div> <div class="countData"><small>ECCP</small><br/>2</div> <div class="countData"><small>Evènement</small><br/>3</div> </section> --> <h2>Your personal information</h2> <!-- Formulaire affichant les données perso <div class="form-radio form-radio-inline"> <label class="form-radio-label"> <input name="pronoun" class="form-radio-field" type="radio" required value="1" /> <i class="form-radio-button"></i> <span>Mrs.</span> </label> <label class="form-radio-label"> <input name="pronoun" class="form-radio-field" type="radio" required value="2" /> <i class="form-radio-button"></i> <span>Ms.</span> </label> <label class="form-radio-label"> <input name="pronoun" class="form-radio-field" type="radio" required value="3" /> <i class="form-radio-button"></i> <span>Mr.</span> </label> <label class="form-radio-label"> <input name="pronoun" class="form-radio-field" type="radio" required value="4" /> <i class="form-radio-button"></i> <span>Dr.</span> </label> <label class="form-radio-label"> <input name="pronoun" class="form-radio-field" type="radio" required value="5" /> <i class="form-radio-button"></i> <span>Pr.</span> </label> </div> --> <section class="autogrid"> <div class="form-element form-input"> <input id="UserSName" name="UserSName" class="form-element-field" placeholder="Please fill in your last name" type="input" value="" required/> <div class="form-element-bar"></div> <label class="form-element-label" for="UserSName">Last name</label> </div> <div class="form-element form-input"> <input id="UserFName" name="UserFName" class="form-element-field" placeholder="Please fill in your first name" type="input" value="" required/> <div class="form-element-bar"></div> <label class="form-element-label" for="UserFName">First name</label> </div> </section> <section class="autogrid"> <div class="form-element form-input"> <input id="UserMail" name="UserMail" class="form-element-field" placeholder="Please fill in your professional email" type="input" value="" required/> <div class="form-element-bar" id="barformail"></div> <label class="form-element-label" for="UserMail">Email</label> </div> </section> <!-- <section class="autogrid"> <div class="form-element form-input"> <input id="UserMail" class="form-element-field" placeholder="Please fill in your professional email" type="input" required/> <div class="form-element-bar"></div> <label class="form-element-label" for="UserMail">Email</label> </div> <div class="form-element form-input"> <input id="UserPhone" class="form-element-field" placeholder="Please fill in your full phone number" type="input" required/> <div class="form-element-bar"></div> <label class="form-element-label" for="UserPhone">Phone number</label> </div> </section> <section class="autogrid"> <div class="form-element form-input"> <input id="UserLinkedin" class="form-element-field" placeholder="Please fill linkedin ID" type="input" required/> <div class="form-element-bar"></div> <label class="form-element-label" for="UserLinkedin">Likedin</label> </div> <div class="form-element form-input"> <input id="UserTwitter" class="form-element-field" placeholder="Please fill in your Twitter ID" type="input" required/> <div class="form-element-bar"></div> <label class="form-element-label" for="UserTwitter">Twitter</label> </div> <div class="form-element form-input"> <input id="UserSkype" class="form-element-field" placeholder="Please fill in your Skype ID" type="input" required/> <div class="form-element-bar"></div> <label class="form-element-label" for="UserSkype">Skype</label> </div> </section> --> <h2>Your subscription</h2> <div id="div52" name="div52" class="form-radio form-radio-inline"> <div class="form-checkbox-legend">Scirt News</div> <small>The Scirt newsflashes (sent not more than twice a month) shares Scirt news and announcements to allow you to stay informed of recent developments and/or highlights.</small><br/> <label class="form-radio-label"> <input name="new_52" class="form-radio-field" type="radio" required value="1" /> <i class="form-radio-button"></i> <span>I would like to subscribe</span> </label> <label class="form-radio-label"> <input name="new_52" class="form-radio-field" type="radio" required value="2" /> <i class="form-radio-button"></i> <span>I no longer wish to be updated</span> </label> </div> <!-- <h2>Les plateformes collaboratives où vous êtes inscrits</h2> <small>Si vous n'acceptez pas les nouvelles CGU, votre compte sera automatiquement désactivé à partir du 1er juillet 2018. Vous pourrez le réactiver en vous reconnectant à la plateforme, pour faire valoir vos droits à la portabilité ou l'anonymisation des données merci de nous contacter à l'adresse privacy@lgi-consulting.com</small> <br/> <div class="alert">Il est possible de masquer vos données personelles visibles des autres utilisateurs directement et individuellement sur chaque plateforme</div> <div class="form-checkbox form-checkbox-inline"> <div class="form-checkbox-legend">ECCP Nugenia (compte actif)</div> <label class="form-checkbox-label"> <input name=rap class="form-checkbox-field" type="checkbox" /> <i class="form-checkbox-button"></i> <span>J'accepte les nouvelles conditions générales d'utilisation</span> </label> </div> <div class="form-checkbox form-checkbox-inline"> <div class="form-checkbox-legend">ECCP Sesame (invité)</div> <label class="form-checkbox-label"> <input name=rap class="form-checkbox-field" type="checkbox" /> <i class="form-checkbox-button"></i> <span>J'accepte les conditions générales d'utilisation</span> </label> <label class="form-checkbox-label"> <input name=rap class="form-checkbox-field" type="checkbox" /> <i class="form-checkbox-button"></i> <span>Je ne souhaite pas utiliser cette plateforme, supprimez mon compte</span> </label> </div> <h2>Les évènements passés auxquels vous étiez inscrits</h2> <div class="form-checkbox form-checkbox-inline"> <div class="form-checkbox-legend">Atalante 2018</div> <label class="form-checkbox-label"> <input name=rap class="form-checkbox-field" type="checkbox" /> <i class="form-checkbox-button"></i> <span>Je souhaite rester informé des prochaines éditions</span> </label> <label class="form-checkbox-label"> <input name=pop class="form-checkbox-field" type="checkbox" /> <i class="form-checkbox-button"></i> <span>Je préfère que vous supprimiez mes données personnelles</span> </label> </div> <div class="form-checkbox form-checkbox-inline"> <div class="form-checkbox-legend">Nugenia annual forum</div> <label class="form-checkbox-label"> <input name=rap class="form-checkbox-field" type="checkbox" /> <i class="form-checkbox-button"></i> <span>Je souhaite rester informé des prochaines éditions</span> </label> <label class="form-checkbox-label"> <input name=pop class="form-checkbox-field" type="checkbox" /> <i class="form-checkbox-button"></i> <span>Je préfère que vous supprimiez mes données personnelles</span> </label> </div> --> <div id="zoneError" ></div> <div id="zoneConfirm" class="form-actions"> <button class="form-btn" onclick="xajax_updateConsent(xajax.getFormValues('formConsent'), 36, 0, 1, 'cbf6456da1ca3d69b7b19c0baae8878b')" type="button">Give permission and update my preferences here</button> </div> <h2>Details of your consent</h2> <section class="autogrid"> <div class="well"> <h4>Use of personal data</h4> <div>The personal data collected will only be used to send you the newsletter(s) you chose to opt in to above.<br/> If you would like further information on our privacy policy and data use, please contact us at: privacy@lgi-consulting.com </div> </div> <div class="well"> <h4>Automated decisions</h4> <div>Personal data is not used to make automated decisions, profiling or marketing actions. It will not be assigned to third parties for any purpose other than that for which you have given your explicit permission.</div> </div> </section> <section class="autogrid"> <div class="well"> <h4>Transfer of data to third parties</h4> Personal data will be transferred to the following third parties: <ul> <li>Send in blue [France]</li> <li>1&1 [Germany]</li> </ul> </div> <div class="well"> <h4>Data controller</h4> LGI<br/>6 cité de l'ameublement<br/>75011 Paris<br/>privacy@lgi-consulting.com </div> </section> <section class="autogrid"> <div class="well"> <h4>My consent</h4> <div class="form-element form-input"> <input id="UserToken" style="font-size:11px;" class="form-element-field" placeholder="cbf6456da1ca3d69b7b19c0baae8878b" value="cbf6456da1ca3d69b7b19c0baae8878b" type="input" readonly="readonly"/> <div class="form-element-bar"></div> <label class="form-element-label" for="UserSName">My Token</label><br/> <div>This confirms your consent for us to process your data. It is unique and enables you to easily grant or withdraw your consent. Please save this token as it is unique and will help to identify you later.</div> </div> </div> <div class="well"> <h4>Consent withdrawal</h4> An unsubscribe link is available in every mail. If you wish to update your preferences, simply go back to this page. <br/><br/> Don’t hesitate to drop us an email if you have questions regarding your rights to portability or data anonymity:<br/>privacy@lgi-consulting.com </div> </section> <section class="autogrid"> <div class="alert"> * The data controller makes decisions regarding the purposes of the user's personal data and its means of processing. <br/><br/> <small>Here is what the GDPR has to say: ’Controller’ means the natural or legal person, public authority, agency or other body which, alone or jointly with others, determines the purposes and means of the processing of personal data; where the purposes and means of such processing are determined by Union or Member State law, the controller or the specific criteria for its nomination may be provided for by Union or Member State law;</small> </div> </section> <!-- <div class="form-radio form-radio-inline"> <div class="form-radio-legend">Bonjour Nicolas,</div> <label class="form-radio-label"> <input name=pronoun class="form-radio-field" type="radio" required value="He" /> <i class="form-radio-button"></i> <span>He</span> </label> <label class="form-radio-label"> <input name=pronoun class="form-radio-field" type="radio" required value="She" /> <i class="form-radio-button"></i> <span>She</span> </label> <label class="form-radio-label"> <input name=pronoun class="form-radio-field" type="radio" required value="They" /> <i class="form-radio-button"></i> <span>They</span> </label> <label class="form-radio-label"> <input name=pronoun class="form-radio-field" type="radio" required value="Ze" /> <i class="form-radio-button"></i> <span>Ze</span> </label> <label class="form-radio-label"> <input name=pronoun class="form-radio-field" type="radio" required value="A pronoun not listed" /> <i class="form-radio-button"></i> <span>A pronoun not listed</span> </label> <label class="form-radio-label"> <input name=pronoun class="form-radio-field" type="radio" required value="No pronoun preference" /> <i class="form-radio-button"></i> <span>No pronoun preference</span> </label> <small class="form-element-hint">Feel free to choose</small> </div> <div class="form-element form-input"> <input id="field-omv6eo-metm0n-5j55wv-w3wbws-6nm2b9" class="form-element-field" placeholder="Please fill in your full name" type="input" required/> <div class="form-element-bar"></div> <label class="form-element-label" for="field-omv6eo-metm0n-5j55wv-w3wbws-6nm2b9">Name</label> </div> <div class="form-element form-input form-has-error"> <input id="field-x98ezh-s6s2g8-vfrkgb-ngrhef-atfkop" class="form-element-field -hasvalue" placeholder=" " type="number" required value="13" /> <div class="form-element-bar"></div> <label class="form-element-label" for="field-x98ezh-s6s2g8-vfrkgb-ngrhef-atfkop">Your age</label> <small class="form-element-hint">You are way to young, sorry</small> </div> <div class="form-element form-input"> <input id="field-uyzeji-352rnc-4rv3g1-bvlh88-9dewuz" class="form-element-field" placeholder=" " type="email" required/> <div class="form-element-bar"></div> <label class="form-element-label" for="field-uyzeji-352rnc-4rv3g1-bvlh88-9dewuz">Email</label> <small class="form-element-hint">We will never spam you!</small> </div> <div class="form-checkbox form-checkbox-inline"> <div class="form-checkbox-legend">Which type of music do you like?</div> <label class="form-checkbox-label"> <input name=rap class="form-checkbox-field" type="checkbox" /> <i class="form-checkbox-button"></i> <span>Rap</span> </label> <label class="form-checkbox-label"> <input name=pop class="form-checkbox-field" type="checkbox" /> <i class="form-checkbox-button"></i> <span>Pop</span> </label> <label class="form-checkbox-label"> <input name=rock class="form-checkbox-field" type="checkbox" /> <i class="form-checkbox-button"></i> <span>Rock</span> </label> <label class="form-checkbox-label"> <input name=metal class="form-checkbox-field" type="checkbox" /> <i class="form-checkbox-button"></i> <span>Metal</span> </label> <label class="form-checkbox-label"> <input name=r_b class="form-checkbox-field" type="checkbox" /> <i class="form-checkbox-button"></i> <span>R&B</span> </label> </div> <div class="form-element form-select"> <select id="field-be1h8i-ll2hpg-q4efzm-nfjj1e-udkw5r" class="form-element-field"> <option disabled selected value="" class="form-select-placeholder"></option> <option value="Rap">Rap</option> <option value="Pop">Pop</option> <option value="Rock">Rock</option> <option value="Metal">Metal</option> <option value="R&B">R&B</option> </select> <div class="form-element-bar"></div> <label class="form-element-label" for="field-be1h8i-ll2hpg-q4efzm-nfjj1e-udkw5r">Select your favorite music genre</label> </div> <div class="form-radio form-radio-block"> <div class="form-radio-legend">I prefer…</div> <label class="form-radio-label"> <input name=eat class="form-radio-field" type="radio" value="vagatarian food" /> <i class="form-radio-button"></i> <span>vagatarian food</span> </label> <label class="form-radio-label"> <input name=eat class="form-radio-field" type="radio" value="vegan food" /> <i class="form-radio-button"></i> <span>vegan food</span> </label> <label class="form-radio-label"> <input name=eat class="form-radio-field" type="radio" value="food with fish" /> <i class="form-radio-button"></i> <span>food with fish</span> </label> <label class="form-radio-label"> <input name=eat class="form-radio-field" type="radio" value="food with meat" /> <i class="form-radio-button"></i> <span>food with meat</span> </label> </div> <div class="form-element form-textarea"> <textarea id="field-3naeph-0f3yuw-x153ph-dzmahy-qhkmgm" class="form-element-field" placeholder=" "></textarea> <div class="form-element-bar"></div> <label class="form-element-label" for="field-3naeph-0f3yuw-x153ph-dzmahy-qhkmgm">Your Message</label> </div> --> </fieldset> <div id="container"></div> <div id="global_debug"></div> </form> <script> // Minimal Javascript (for Edge, IE and select box) document.addEventListener("change", function(event) { let element = event.target; if (element && element.matches(".form-element-field")) { element.classList[element.value ? "add" : "remove"]("-hasvalue"); } }); </script> </body>