1<!DOCTYPE html> 2<html lang="es" class="full-height register_html"> 3<head> 4 5 6 <meta charset="utf-8"> 7 <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 8 <meta http-equiv="x-ua-compatible" content="ie=edge"> 9 <meta property="og:url" content="https://www.changedyslexia.org" /> 10 <meta property="og:type" content="website" /> 11 <meta property="og:title" content="Dytective por Change Dyslexia" /> 12 <meta property="og:description" content="La herramienta de referencia para detección y mejora de las habilidades relacionadas con la dislexia" /> 13 <meta property="og:image" content="https://www.changedyslexia.org/img/public/team_facebook.jpg" /> 14 <meta property="og:image:width" content="960" /> 15 <meta property="og:image:height" content="627" /> 16 <title>Dytective por Change Dyslexia</title> 17 18 <!-- Font Awesome --> 19 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> 20 <!-- Google Font --> 21 22 <link href="/css/fonts.css?v1.5.16" rel="stylesheet"> 23 <link rel="stylesheet" type="text/css" href="/chd.style.css?v1.5.16" /> 24 25 <link rel="icon" href="/img/favicon/favicon.ico?v1.5.16" sizes="32x32"> 26 <link rel="icon" href="/img/favicon/genfavicon-32.png?v1.5.16" sizes="32x32"> 27 <link rel="icon" href="/img/favicon/genfavicon-16.png?v1.5.16" sizes="16x16"> 28 <link rel="apple-touch-icon" href="/img/favicon/apple-touch-icon-57x57.png?v1.5.16" sizes="57x57"> 29 <link rel="apple-touch-icon" href="/img/favicon/apple-touch-icon-114x114.png?v1.5.16" sizes="114x114"> 30 <link rel="apple-touch-icon" href="/img/favicon/apple-touch-icon-120x120.png?v1.5.16" sizes="120x120"> 31 <link rel="apple-touch-icon" href="/img/favicon/apple-touch-icon-180x180.png?v1.5.16" sizes="180x180"> 32 <link rel="manifest" href="/img/favicon/site.webmanifest?v1.5.16"> 33 34</head> 35 36 37<body> 38 39 <!--Main Navigation--> 40<!--Navbar--> 41<nav class="navbar navbar-expand-lg navbar-light fixed-top scrolling-navbar bg-white"> 42 43 <div class="container main-topbar"> 44 <a class="main-topbar-link" href="/signin"> 45 <i class="fa fa-sign-in mr-1" aria-hidden="true"></i>Entrar 46 </a> 47 48 <span class="main-topbar-sep" aria-hidden="true">|</span> 49 50 <span class="main-topbar-locales"> 51 <a class="main-topbar-link is-current" href="/change-locale/es">ES</a> 52 <a class="main-topbar-link" href="/change-locale/ca">CA</a> 53 </span> 54</div> 55 56 <div class="container main-navbar-row"> 57 <a class="navbar-brand" href="/"> 58 <img src="/img/public/flc-changedyslexia-logo-color-horizontal-positiu-es.png?v1.5.16" alt="Dytective por Change Dyslexia" title="Dytective por Change Dyslexia" /> 59 </a> 60 61 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent-7" aria-controls="navbarSupportedContent-7" aria-expanded="false" aria-label="Toggle navigation"> 62 <span class="navbar-toggler-icon"></span> 63 </button> 64 65 <div class="collapse navbar-collapse text-center" id="navbarSupportedContent-7"> 66 <ul class="navbar-nav ml-auto"> 67 <li class="p-2"> 68 <a class="dark-grey-text" href="/#what-is" title="Qué es Dytective"> 69 Qué es Dytective 70 </a> 71 </li> 72 <li class="p-2"> 73 <a class="dark-grey-text" href="/#how-starts" title="Cómo empezar"> 74 Cómo empezar 75 </a> 76 </li> 77 <li class="p-2"> 78 <a class="dark-grey-text" href="/#social-impact" title="Impacto Social"> 79 Impacto Social 80 </a> 81 </li> 82 <li class="p-2"> 83 <a class="dark-grey-text" href="/#scientific-validation" title="Aval cientÃfico"> 84 Aval cientÃfico 85 </a> 86 </li> 87 </ul> 88 </div> 89 </div> 90</nav> 91 92 <!--Intro Section--> 93 <section class="section_register section_login view intro-2 hm-gradient hm-indigo-slight"> 94 <div class="full-bg-img flex-center"> 95 <div class="container"> 96 <div class="row pt-2 mt-0 pt-md-5 mt-md-5 "> 97 <div class="col-sm-12 mx-auto mb-md-5 mb-sm-5"> 98 99 <!--Form with header--> 100 <div class="card no-shadow card-chd narrower"> 101 <div class="container"> 102 <div class="row"> 103 <div class="col-md-6 card-login card-login-left" style=""> 104 <img alt="Dytective" src="/img/public/flc-dytective-logo-color-negatiu.png?v1.5.16" class="d-block mx-auto mb-3" height="62"/> 105 <h3 class="h3 text-white text-center mb-4"> 106 <strong>Mejora la lectura y la escritura con Dytective</strong> 107 </h3> 108 <p class="subtitle text-white text-center"> 109 Herramienta digital <strong>avalada cientÃficamente</strong> e <strong>impulsada por la Fundación âla Caixaâ</strong> a través del programa <strong>EduCaixa</strong> que <strong>mejora la lectoescritura.</strong> Ahora disponible <strong>sin coste</strong> para todos los colegios de España. 110 111 </p> 112 <p class="small text-white text-center mt-5">Accediendo a nuestra herramienta estás de acuerdo con las 113 <a class="text-white" target="_blank" href="/terms-conditions"><u>condiciones de servicio</u></a> y la <a class="text-white" target="_blank" href="/privacy-policy"><u>polÃtica de privacidad</u></a> 114 .</p> 115 </div> 116 <div class="card no-shadow col-md-6 card-login card-login-right" style=""> 117 <h3 class="text-center font-weight-bold">¡Bienvenido a Dytective!</h3> 118 <div class="btn-social-login"> 119 <button id="btnSignWithGoogle" type="button" class="btn btn-gplus w-100"><i class="fa fa-google fa-lg mr-3"></i> Continuar con Google</button> 120 <button id="btnSignWithApple" type="button" class="btn btn-git w-100"><i class="fa fa-apple fa-lg mr-3"></i> Continuar con Apple</button> 121 </div>
122 <div class="login-divider"> 123 <strong class="divider-title ng-binding">o</strong> 124 </div> 125 126 <form action="/signin" method="post"> 127 <!--Body--> 128 <input class="form-control mb-3" type="email" id="username" name="_username" placeholder="Email"> 129 130 <input class="form-control mb-2" type="password" id="password" name="_password" placeholder="Contraseña" autocomplete="new-password"> 131 132 133 <div class="row"> 134 <div class="col-md-6"> 135 <div class="md-form form-sm mb-4 mt-0"> 136 <input type="checkbox" id="remember_me" name="_remember_me" class="form-control form-check-input" /> 137 <label for="remember_me">Permanecer conectado</label> 138 </div> 139 </div> 140 <div class="col-md-6 text-right"> 141 <button type="submit" class="btn btn-pink mr-0">Entrar</button> 142 </div> 143 </div> 144 145 146 <input type="hidden" name="_csrf_token" 147 value="meaakwuF06t7X5_CAJ1d5OnnErK8Vfnn2V3HJFj5EQA" 148 > 149 150 <div class="text-center mt-2"> 151 <hr> 152 <a href="/register" class="my-1" title="Crear cuenta con email">Crear cuenta con email</a><br/> 153 <a href="/signin/dyu" class="my-1" title="">Entrar como estudiante o jugador</a><br/> 154 <a href="/password/lost" class="small my-1" title="He olvidado mi contraseña">He olvidado mi contraseña</a><br/> 155 </div> 156 157 </form> 158 159 </div> 160 </div> 161 </div> 162 163 </div> 164 <!--/Form with header--> 165 166 </div> 167 </div> 168 </div> 169 </div> 170 </section> 171 172 <!--Main Navigation--> 173 174<!--Main Layout--> 175<main> 176 177 <!--Modal: modalTestConditions--> 178 <div class="modal fade" id="modalOauthAccountExist" tabindex="-1" role="dialog" aria-labelledby="modalOauthAccountExistLabel" aria-hidden="true"> 179 <div class="modal-dialog modal-dialog-centered modal-md modal-notify modal-info" role="document"> 180 <!--Content--> 181 <div class="modal-content text-center"> 182 <!--Header--> 183 <div class="modal-header d-flex justify-content-center"> 184 <p class="heading">Ups! Algo ha ido mal...</p> 185 </div> 186 187 <!--Body--> 188 <div class="modal-body"> 189 Parece que ya existe una cuenta de Dytective asociada a esta dirección de email. Por favor, intenta acceder con otro método. 190 </div> 191 192 <!--Footer--> 193 <div class="modal-footer flex-center"> 194 <a type="button" class="btn btn-elegant waves-effect" data-dismiss="modal">Ok</a> 195 </div> 196 </div> 197 <!--/.Content--> 198 </div> 199 </div> 200 <!--Modal: modalPermissions--> 201 202 <div class="modal fade" id="modalCodeTestHelp" tabindex="-1" role="dialog" aria-labelledby="modalCodeTestHelpLabel" aria-hidden="true">
203 <div class="modal-dialog modal-dialog-centered modal-md modal-notify modal-info" role="document"> 204 <!--Content--> 205 <div class="modal-content text-center"> 206 <!--Header--> 207 <div class="modal-header d-flex justify-content-center"> 208 <p class="heading">Tenemos cambios importantes</p> 209 </div> 210 211 <!--Body--> 212 <div class="modal-body"> 213 <p>En la nueva versión de Dytective hemos hecho algunos cambios para mejorar el acceso de los jugadores</p> 214 <p>Ahora, debes asignar un nombre de usuario y una contraseña a cada estudiante o jugador para que accedan a su área privada. 215 Desde ahà podrán acceder a jugar o a hacer el test. ¡También podrán ver su evolución en Dytective! 216 </p> 217 </div> 218 219 <!--Footer--> 220 <div class="modal-footer flex-center"> 221 <a type="button" class="btn btn-elegant waves-effect" data-dismiss="modal">Entendido</a> 222 </div> 223 </div> 224 <!--/.Content--> 225 </div> 226 </div> 227 228</main> 229<!--Main Layout--> 230 231 232 <!--Modal: modalCookie--> 233 <div class="modal fade top" id="modalCookie" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" 234 > 235 <div class="modal-dialog modal-frame modal-bottom modal-notify modal-info" role="document"> 236 <!--Content--> 237 <div class="modal-content"> 238 <!--Body--> 239 <div class="modal-body grey lighten-3"> 240 <div class="row d-flex justify-content-center align-items-center"> 241 242 <p class="pt-3 pr-2">Change Dyslexia utiliza cookies para mejorar la experiencia de usuario.</p> 243 244 <a type="button" id="allCookiesAcceptedBtn" class="btn btn-outline-primary waves-effect" data-dismiss="modal">Ok, gracias</a> 245 <a type="button" class="btn btn-primary" data-toggle="modal" data-target="#cookiesPreferencesModal" data-dismiss="modal">Ver preferencias <i class="fa fa-book ml-1"></i></a> 246 </div> 247 </div> 248 </div> 249 <!--/.Content--> 250 </div> 251 </div> 252 <!--Modal: modalCookie--> 253 254 <div class="modal fade dashboard-help" id="cookiesPreferencesModal" tabindex="-1" role="dialog" aria-labelledby="cookiesPreferencesModalLabel"> 255 <div class="modal-dialog modal-lg modal-notify modal-info" role="document"> 256 <!--Content--> 257 <div class="modal-content"> 258 <!--Header--> 259 <div class="modal-header"> 260 <p class="heading lead"><i class="fa fa-question-circle white-text animated rotateIn"></i> Información sobre las cookies</p> 261 262 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 263 <span aria-hidden="true" class="white-text">Ã</span> 264 </button> 265 </div> 266 267 <!--Body--> 268 <div class="modal-body small"> 269 <p>Las cookies son importantes para el correcto funcionamiento del sitio. Para mejorar su 270 experiencia de navegación, usamos cookies para recordar sus datos de inicio de sesión y 271 brindarle un inicio seguro, recopilar estadÃsticas para optimizar la funcionalidad del sitio y 272 ofrecerle contenido personalizado en función de sus intereses. 273 274 </p> 275 <p>Las cookies son pequeños archivos de texto que las páginas web pueden utilizar para hacer más 276 eficiente la experiencia del usuario. La ley afirma que podemos 277 almacenar cookies en su dispositivo si son estrictamente necesarias para el funcionamiento de esta 278 página. Para todos los demás tipos de cookies necesitamos su permiso. 279 280 </p> 281 282 <form class="p-5 p-md-3 p-sm-1"> 283 <div class="md-form form-sm mt-1"> 284 <input class="form-check-input" type="checkbox" value="" id="cookiesRequired" name="cookiesRequired" checked disabled> 285 <label for="cookiesRequired"> 286 <strong>Cookies Obligatorias:</strong> utilizamos estas cookies para almacenar información sobre tu inicio de sesión. Esto nos 287 permite recordar tus datos de acceso 288 y no necesitar pedirte tus datos de acceso cada vez que quieras acceder a Dytective. 289 290 </label> 291 </div> 292 293 <div class="md-form form-sm mt-1"> 294 <input class="form-check-input" type="checkbox" value="" id="cookiesFunctional" name="cookiesFunctional"> 295 <label for="cookiesFunctional"> 296 <strong>Cookies Funcionales:</strong> estas cookies nos permiten analizar el uso del Sitio web, de manera que podamos medir y mejorar 297 el funcionamiento. Ãnicamente 298 utilizamos las cookies del servicio Google Analytics 299 . 300 </label> 301 </div> 302 </form> 303 </div> 304 305 <!--Footer--> 306 <div class="modal-footer"> 307 <button data-dismiss="modal" type="button" class="btn btn-outline-primary waves-effect waves-light">Cancelar</button> 308 <a type="button" id="cookiesPreferencesAcceptedBtn" class="btn btn-primary waves-effect" data-dismiss="modal">Guardar Preferencias</a> 309 </div> 310 </div> 311 <!--/.Content--> 312 </div> 313 </div> 314 315<!--Footer--> 316 317<!--/.Footer--> 318 319
319<script src="/js/dytective.js?v1.5.16"></script>
319 320 321
321<script src="/js/vendor/firebasejs/6.2.0/firebase-app.js?v1.5.16"></script>
321 322
322<script src="/js/vendor/firebasejs/6.2.0/firebase-auth.js?v1.5.16"></script>
322 323 324
324<script src="/bundles/fosjsrouting/js/router.min.js?v1.5.16"></script>
324 325
325<script src="/js/routing?callback=fos.Router.setData"></script>
325 326 327
328<script> 329 new WOW().init(); 330 331 332 $('#zoomBtn').click(function() { 333 $('.zoom-btn-sm').toggleClass('scale-out'); 334 if (!$('.zoom-card').hasClass('scale-out')) { 335 $('.zoom-card').toggleClass('scale-out'); 336 } 337 }); 338 339 $('.zoom-btn-sm').click(function() { 340 var btn = $(this); 341 var card = $('.zoom-card'); 342 if ($('.zoom-card').hasClass('scale-out')) { 343 $('.zoom-card').toggleClass('scale-out'); 344 } 345 if (btn.hasClass('zoom-btn-person')) { 346 card.css('background-color', '#d32f2f'); 347 } else if (btn.hasClass('zoom-btn-doc')) { 348 card.css('background-color', '#fbc02d'); 349 } else if (btn.hasClass('zoom-btn-tangram')) { 350 card.css('background-color', '#388e3c'); 351 } else if (btn.hasClass('zoom-btn-report')) { 352 card.css('background-color', '#1976d2'); 353 } else { 354 card.css('background-color', '#7b1fa2'); 355 } 356 }); 357 358 $(document).ready(function() { 359 360 // Abrir Bio 361 $('.btn-open-bio').on('click', function(e) { 362 e.preventDefault(); 363 var targetId = $(this).data('target'); 364 $('#' + targetId).addClass('d-flex'); 365 $('#' + targetId).fadeIn(); 366 }); 367 368 // Cerrar Bio 369 $('.btn-close-bio').on('click', function(e) { 370 e.preventDefault(); 371 var targetId = $(this).data('target'); 372 $('#' + targetId).fadeOut(400, () => { 373 $('#' + targetId).removeClass('d-flex'); 374 }); 375 }); 376 377 }); 378 379 // $(document).ready(function() { 380 // $.contactButtons({ 381 // effect : 'slide-on-scroll', 382 // buttons : { 383 // 'facebook': { class: 'facebook', use: true, link: 'https://www.facebook.com/changedyslexia/', extras: 'target="_blank"' }, 384 // 'linkedin': { class: 'linkedin', use: true, link: 'https://www.linkedin.com/company/7573805?trk=prof-exp-company-name', extras: 'target="_blank"' }, 385 // 'twitter': { class: 'twitter', use: true, link: 'https://twitter.com/changeDyslexia', extras: 'target="_blank"' }, 386 // 'youtube': { class: 'youtube', use: true, link: 'https://www.youtube.com/channel/UC_xZGslIRkYPXmMvr9pzpFQ', icon: 'youtube', extras: 'target="_blank"' }, 387 // 'email': { class: 'email separated', use: true, link: '[email protected]', extras: 'target="_blank"' } 388 // } 389 // }); 390 // }); 391 392 $('#modalCookie').modal('show'); 393 394 $('#allCookiesAcceptedBtn').on('click', function(){ 395 $.ajax({ 396 type: "POST", 397 url: "/cookiesAccepted", 398 dataType: 'json', 399 data: {'required': true, 'functional':true}, 400 success: function(){ 401 location.reload(); 402 } 403 }); 404 }); 405 406 $('#cookiesPreferencesAcceptedBtn').on('click', function(){ 407 $.ajax({ 408 type: "POST", 409 url: "/cookiesAccepted", 410 dataType: 'json', 411 data: {'required': true, 'functional': $("#cookiesFunctional").prop('checked')}, 412 success: function(){ 413 location.reload(); 414 } 415 }); 416 }); 417 418 419</script>
419 420 421
421<script> 422 const firebaseConfig = { 423 apiKey: 'AIzaSyC2n_FGfheuCVhJG4RLncKVWIO8kr-POG4', 424 authDomain: 'dytective-e6cb0.firebaseapp.com', 425 // authDomain: "chd.do-qdevs.com", 426 databaseURL: 'https://dytective-e6cb0.firebaseio.com', 427 projectId: 'dytective-e6cb0', 428 storageBucket: 'dytective-e6cb0.appspot.com', 429 messagingSenderId: '613269762762', 430 appId: '1:613269762762:web:97f77367774a8e03b9ba33', 431 }; 432 // Initialize Firebase 433 firebase.initializeApp(firebaseConfig); 434 435 $("#codetestHelp").on('click', function(e) { 436 e.preventDefault(); 437 $("#modalCodeTestHelp").modal('show'); 438 }) 439 440 $("#btnSignWithGoogle").on('click', function(e) { 441 e.preventDefault(); 442 const provider = new firebase.auth.GoogleAuthProvider(); 443 firebase.auth().signInWithPopup(provider).then(function(result) { 444 // This gives you a Google Access Token. You can use it to access the Google API. 445 const token = result.credential.accessToken; 446 // The signed-in user info. 447 const user = result.user; 448 449 if (result.additionalUserInfo.isNewUser) { 450 $.ajax({ 451 type: "POST", 452 url: "/usercheck", 453 dataType: 'json', 454 data: {'email': user.email}, 455 success: function(response){ 456 if (response.exist && !response.isGoogleUser) { 457 $("#modalOauthAccountExist").modal('show'); 458 } else { 459 firebase.auth().currentUser.getIdToken(/* forceRefresh */ true).then(function(idToken) { 460 window.location = Routing.generate('front_login_oauth', { idToken: idToken}); 461 }).catch(function(error) { 462 // Handle error 463 }); 464 } 465 } 466 }); 467 } else { 468 firebase.auth().currentUser.getIdToken(/* forceRefresh */ true).then(function(idToken) { 469 window.location = Routing.generate('front_login_oauth', { idToken: idToken}); 470 }).catch(function(error) { 471 // Handle error 472 }); 473 } 474 475 }).catch(function(error) { 476 // Handle Errors here. 477 console.log('ERROR Signin Google', error); 478 const errorCode = error.code; 479 if (errorCode === 'auth/account-exists-with-different-credential') { 480 $("#modalOauthAccountExist").modal('show'); 481 } 482 }); 483 }); 484 485 $("#btnSignWithApple").on('click', function(e) { 486 e.preventDefault(); 487 const provider = new firebase.auth.OAuthProvider('apple.com'); 488 // provider.addScope('email'); 489 // provider.addScope('name'); 490 491 firebase.auth().signInWithPopup(provider).then(function(result) { 492 // This gives you a Facebook Access Token. You can use it to access the Facebook API. 493 var token = result.credential.accessToken; 494 // The signed-in user info. 495 const user = result.user; 496 $.ajax({ 497 type: "POST", 498 url: "/usercheck", 499 dataType: 'json', 500 data: {'email': user.email}, 501 success: function(response){ 502 if (response.exist && !response.isAppleUser) { 503 $("#modalOauthAccountExist").modal('show'); 504 } else { 505 firebase.auth().currentUser.getIdToken(/* forceRefresh */ true).then(function(idToken) { 506 window.location = Routing.generate('front_login_oauth', { idToken: idToken}); 507 }).catch(function(error) { 508 // Handle error 509 }); 510 } 511 } 512 }); 513 }).catch(function(error) { 514 // Handle Errors here. 515 console.log('ERROR Signin Apple', error); 516 const errorCode = error.code; 517 if (errorCode === 'auth/account-exists-with-different-credential') { 518 $("#modalOauthAccountExist").modal('show'); 519 } 520 }); 521 }); 522 523 </script>
523 524</body> 525</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.