PageSourceSearch

https://www.changedyslexia.org/signin

html changedyslexia.org collected 2026-10-02 03:05:47 UTC 25,211 bytes, 525 lines download raw bytes

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.