{"version":3,"file":"component---src-pages-inserta-xxi-js-7d7a3b211581ea740d46.js","mappings":"iHA8BA,IA5BmB,SAAC,GAAoB,IAAlBA,EAAiB,EAAjBA,IAAKC,EAAY,EAAZA,MACzB,GAAkCC,EAAAA,EAAAA,WAAS,GAApCC,EAAP,KAAkBC,EAAlB,KACMC,GAAYC,EAAAA,EAAAA,aAOlB,OACE,uBAAKC,UAAU,eAAeC,IAAKH,GACjC,0BACEE,UAAWJ,EAAY,aAAe,eACtCM,MAAM,MACNC,OAAO,MACPV,IAAG,iCAAmCA,EAAnC,iEACHC,MAAOA,EACPU,YAAY,IACZC,MAAM,2FACNC,UAAU,KACVC,OAhBgB,WAEpBV,GAAa,IAeTW,iBAAe,IAEjB,uBAAKR,UAAWJ,EAAY,eAAiB,sBAA7C,kB,qJCuBN,EAlC0C,SAACa,GACzC,OACE,uBAAKT,UAAU,eAAeU,GAAG,WAC/B,uBAAKV,UAAW,2BACd,uBAAKA,UAAW,sBACd,qBAAGA,UAAW,0BAA2BS,EAAMf,OAC/C,wBACEiB,QAAS,WACPF,EAAMG,WAAU,IAElBZ,UAAW,WAEVa,EAAAA,IAGL,gBAAC,IAAD,CAAYpB,IAAKgB,EAAMK,KAAMpB,MAAOe,EAAMf,QAC1C,uBAAKM,UAAU,yBACb,4CAEE,qBAAGe,KAAM,gBAAiBC,OAAQ,SAAUC,IAAK,gCAC9C,IADH,gBAGK,IALP,uBAMuB,IACrB,qBAAGF,KAAM,+BAAgCC,OAAQ,SAAUC,IAAK,gCAAhE,8B,oBC6CZ,EArEuB,SAAC,GAAc,IAAZC,EAAW,EAAXA,KAExB,GAAiCvB,EAAAA,EAAAA,WAAS,GAAnCwB,EAAP,KAAkBC,EAAlB,KACA,GAAwBzB,EAAAA,EAAAA,UAAS,+BAA1B0B,EAAP,KAAaC,EAAb,KAEA,OACE,gCACGH,GAAa,gBAACI,EAAD,CAAY7B,MAAO,oBAAqBkB,UAAWQ,EAAaN,KAAMO,IACpF,gBAACG,EAAA,EAAD,CACE9B,MAAO,qBACP+B,UAAW,cACXC,YAAa,GACbC,OAAQ,kBAEV,gBAAC,IAAD,KACE,gBAACC,EAAA,EAAD,CAAMlC,MAAO,uBACb,4BACE,2BAASM,UAAW,aAClB,uBAAK6B,MAAO,CAAEC,SAAU,UACtB,kLADF,0QAOE,2OAPF,IAUiC,uWAK/B,qIAGA,uBAAK9B,UAAW,QACd,gBAAC,KAAD,CAAM+B,GAAI,kBAAmB/B,UAAW,OACrC,IADH,8BAE8B,QAKpC,+BACE,uBAAKA,UAAW,aACd,yDACA,gBAACgC,EAAA,EAAD,CAAYC,WAAYf,EAAKgB,mBAAmBC,MAAOC,OAAQhB,EAAaC,KAAMC,EAASe,OAAO,MAGtG,gBAACC,EAAA,EAAD,MACA,gBAACC,EAAA,EAAD,KACE,wGACA,qGAC4E,IAC1E,qBAAGxB,KAAM,+BAAgCC,OAAQ,SAAUC,IAAK,uBAC7D,IADH,wBAEwB,KACnB,IALP","sources":["webpack://basic/./src/components/common/iframe/lazyIframe.jsx","webpack://basic/./src/components/Modal/ModalVideo.tsx","webpack://basic/./src/pages/inserta-xxi.js"],"sourcesContent":["import React, { createRef, useState } from \"react\";\n\nconst LazyIframe = ({ src, title }) => {\n  const [showVideo, setShowVideo] = useState(false);\n  const container = createRef();\n\n  const finishLoading = () => {\n    // console.log('show')\n    setShowVideo(true);\n  };\n\n  return (\n    <div className=\"embed-iframe\" ref={container}>\n      <iframe\n        className={showVideo ? \"visibility\" : \"noVisibility\"}\n        width=\"560\"\n        height=\"315\"\n        src={`https://www.youtube.com/embed/${src}?controls=1&modestbranding=1&rel=0&showinfo=0&cc_load_policy=1`}\n        title={title}\n        frameBorder=\"0\"\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n        scrolling=\"no\"\n        onLoad={finishLoading}\n        allowFullScreen\n      ></iframe>\n      <div className={showVideo ? \"noVisibility\" : \"visibility loading\"}>Loading ...</div>\n    </div>\n  );\n};\n\nexport default LazyIframe;\n","import \"./modal-form.scss\";\n\nimport * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\n\nimport LazyIframe from \"../../components/common/iframe/lazyIframe\";\nimport { close_svg } from \"./elements_modal.jsx\";\n\ninterface Props extends PropsWithChildren<any> {\n  title: string;\n  is_active: any;\n  code: string;\n}\n\nexport const ModalForm: React.FC<Props> = (props: Props) => {\n  return (\n    <div className=\"o-modal-form\" id=\"contact\">\n      <div className={\"m-modal-form__container\"}>\n        <div className={\"o-modal-form__flex\"}>\n          <p className={\"h2 a-modal-form__title\"}>{props.title}</p>\n          <span\n            onClick={() => {\n              props.is_active(false);\n            }}\n            className={\"a-close\"}\n          >\n            {close_svg}\n          </span>\n        </div>\n        <LazyIframe src={props.code} title={props.title} />\n        <div className=\"o-modal-form__contact\">\n          <p>\n            Puedes llamar al\n            <a href={\"tel:976405180\"} target={\"_blank\"} rel={\"noopener noreferrer nofollow\"}>\n              {\" \"}\n              976 40 51 80\n            </a>{\" \"}\n            ó enviar un correo a{\" \"}\n            <a href={\"mailto:pci.ryc.zgz@gmail.com\"} target={\"_blank\"} rel={\"noopener noreferrer nofollow\"}>\n              pci.ryc.zgz@gmail.com\n            </a>\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default ModalForm;\n","import { graphql, Link } from \"gatsby\";\nimport React, { useState } from \"react\";\n\nimport Activities from \"../components/Activities/Activities\";\nimport Layout from \"../components/common/layout/layout\";\n// import { Contact } from \"../components/Forms/Contact/Contact\";\n// import withForm from \"../components/Forms/withForm\";\nimport Hero from \"../components/Hero/Hero\";\nimport Map from \"../components/Map/Map\";\n// import ModalForm from \"../components/Modal/ModalForm\";\nimport ModalVideo from \"../components/Modal/ModalVideo\";\nimport SEO from \"../components/SEO/SEO\";\nimport PcisBanners from \"../PCIS/components/PCIsBanner/PcisBanners\";\n\nconst PageInsertaXXI = ({ data }) => {\n  // const ContactWithForm = withForm(Contact);\n  const [has_modal, setHasModal] = useState(false);\n  const [from, setFrom] = useState(\"Actividades complementarias\");\n\n  return (\n    <>\n      {has_modal && <ModalVideo title={\"Video Inserta XXI\"} is_active={setHasModal} code={from} />}\n      <SEO\n        title={\"Proyectos Erasmus+\"}\n        canonical={\"inserta-xxi\"}\n        description={\"\"}\n        robots={\"index, follow\"}\n      />\n      <Layout>\n        <Hero title={\"Proyectos Erasmus+\"} />\n        <main>\n          <section className={\"container\"}>\n            <div style={{ maxWidth: \"800px\" }}>\n              <p>\n                Comenzamos nuestra andadura en Erasmus+ en el curso 2020/2021 con un proyecto K210 de\n                intercambio de buenas prácticas cuyo acrónimo es INSERTA XXI.  </p>\n                Fuimos los coordinadores de este proyecto y nuestros centros socios se localizan en Mantua\n                (Italia), Satu Mare (Rumanía) y Zagreb (Croacia). Al igual que nosotros, ellos también trabajan\n                con alumnado con diversidad funcional y lo forman para el mundo del trabajo.\n              <p>\n                Aunque este proyecto ya ha finalizado, desde el curso 2021/2022, nuestro centro se encuentra\n                adherido a un consorcio de movilidades del CIFPA (Centro de Innovación para la Formación\n                Profesional de Aragón). </p> <p>\n                Gracias a este consorcio, alumnos y alumnas han tenido y van a tener la oportunidad de\n                realizar una semana de prácticas en el extranjero, como parte de su formación en centros de\n                trabajo. Y también, miembros del profesorado, la oportunidad de conocer nuevos centros y abrir\n                horizontes para nuevos viajes de alumnado.              </p>\n              <p>\n                En los siguientes enlaces pueden ver las diferentes movilidades y formaciones que se han llevado a cabo.\n              </p>\n              <div className={\"link\"}>\n                <Link to={\"/training-days/\"} className={\"hey\"}>\n                  {\" \"}\n                  SPANISH ONLINE TRAINING DAY{\" \"}\n                </Link>\n              </div>\n            </div>\n          </section>\n          <section>\n            <div className={\"container\"}>\n              <h2>Más actividades Inserta XXI</h2>\n              <Activities activities={data.allSanityInsertXxi.nodes} select={setHasModal} from={setFrom} video={true} />\n            </div>\n          </section>\n          <PcisBanners />\n          <Map>\n            <h2> ¿Necesitas ponerte en contacto con el departamento PCI IES Ramón y Cajal?</h2>\n            <p>\n              Si tienes más dudas, envía un correo electrónico a la siguiente dirección{\" \"}\n              <a href={\"mailto:pci.ryc.zgz@gmail.com\"} target={\"_blank\"} rel={\"noopener noreferrer\"}>\n                {\" \"}\n                pci.ryc.zgz@gmail.com{\" \"}\n              </a>{\" \"}\n              o rellena el siguiente formulario de información\n            </p>\n            {/*<ContactWithForm />*/}\n          </Map>\n        </main>\n      </Layout>\n    </>\n  );\n};\n\nexport default PageInsertaXXI;\n\nexport const query = graphql`\n  query Insert {\n    allSanityInsertXxi {\n      nodes {\n        name\n        _rawDescription\n        photo {\n          asset {\n            gatsbyImageData\n          }\n        }\n        video\n      }\n    }\n  }\n`;\n"],"names":["src","title","useState","showVideo","setShowVideo","container","createRef","className","ref","width","height","frameBorder","allow","scrolling","onLoad","allowFullScreen","props","id","onClick","is_active","close_svg","code","href","target","rel","data","has_modal","setHasModal","from","setFrom","ModalVideo","SEO","canonical","description","robots","Hero","style","maxWidth","to","Activities","activities","allSanityInsertXxi","nodes","select","video","PcisBanners","Map"],"sourceRoot":""}