{"version":3,"file":"static/js/940.9199dab3.chunk.js","mappings":"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","sources":["components/components/Footer/Footer.jsx","components/components/Navbar/Navbar.jsx"],"sourcesContent":["import React from 'react'\nimport {BsTelephone} from 'react-icons/bs'\nimport {HiOutlineLocationMarker} from 'react-icons/hi'\nimport { HiOutlineEnvelope} from 'react-icons/hi2'\nimport { useTranslation } from 'react-i18next'\n\nexport default function Footer() {\n\n  const [t, i18n] = useTranslation(\"translation\");  \n  return (\n    // <div className='footer'>Footer</div>\n\n            <footer className='w-full bg-customBlue-900 py-10'>\n                \n                <div className='gap-10 w-[85%] mx-auto flex flex-wrap py-4 text-white border-b border-white lg:gap-5 lg:flex-row lg:justify-between'>\n                  <div className=\"flex flex-shrink-0 text-white lg:mr-6\">\n                    <a href=\"/\" className='text-bold text-3xl'>\n                      <img src={require('../../../img/logos/logo_andino.png')} className='lg:w-[100%] h-[12rem] object-cover' alt={t(\"altImg.refugeLogo\")}/>  \n                    </a>\n                  </div>\n\n                  <div className={`w-full transition-all duration-150 ease-in lg:w-auto lg:h-auto`}>\n                    <h3 className='text-2xl'>{t(\"footer.content\")}</h3>\n                    <div className='flex flex-col mt-5 text-xl text-left gap-2 lg:gap-2'>\n                      <a href=\"/sheet\" className=\"text-[0.9rem] hover:text-customBlue-600 cursor-pointer lg:text-lg\"> { t(\"footer.sheetLink\") } </a>\n                      <a href=\"/about\" className=\"text-[0.9rem] hover:text-customBlue-600 cursor-pointer lg:text-lg\"> { t(\"footer.aboutLink\") } </a>\n                    </div>\n                  </div>\n    \n                  <div>\n                    <h3 className='text-2xl'>{t(\"footer.institutions\")}</h3>\n                    <div className='flex items-center gap-5 mt-5'>\n                      <a href=\"https://www.cr2.cl/\">\n                        <img src={require('../../../img/logos/cr2_logo_small.png')}  alt={t(\"altImg.cr2Logo\")}  className='h-10'/>\n                      </a>\n\n                      <a href=\"https://www.dgf.uchile.cl/\">\n                        <img src={require('../../../img/logos/dgf_logo_small.png')}  alt={t(\"altImg.dgfLogo\")}  className='h-10'/>\n                      </a>\n                      <a href=\"https://vallenevado.com/\">\n                        <img src={require('../../../img/logos/valle_nevado.png')}  alt={t(\"altImg.valleNevadoLogo\")}  className='h-10'/>\n                      </a>\n\n                    </div>\n                  </div>\n\n                  <div className='flex flex-col gap-5 lg:w-1/5'>\n                    <h3 className='text-2xl'>{t(\"footer.contact\")}</h3>\n                    <div className='flex items-center gap-3'>\n                        <BsTelephone className='text-white text-[1.4rem] sm:text-[1.5rem] lg:text-[1.5rem] xl:text-[1.75rem]'/>\n                        <div>\n                            {/* <h3 className='text-slate-300'>\n                                {t(\"footer.phone\")}\n                            </h3> */}\n                            <p className='text-white text-[0.9rem]'>\n                              (+56) 229784311\n                            </p>\n                        </div>\n                    </div>\n\n                    <div className='flex items-center gap-3'>\n                        <HiOutlineEnvelope className='text-white text-[1.4rem] sm:text-[1.5rem] lg:text-[1.6rem] xl:text-[2.1rem]'/>\n                        <div>\n                            {/* <h3 className='text-slate-300'>\n                                {t(\"footer.email\")}\n                            </h3> */}\n                            <a href={\"mailto:\"+ t(\"footer.emailAdress\")}className='text-white text-[0.9rem]'>\n                            {t(\"footer.emailAdress\")}\n                            </a>\n                        </div>\n                    </div>\n\n                    <div className='flex items-center gap-3'>\n                        <HiOutlineLocationMarker className='text-white text-[1.8rem] sm:text-[1.7rem] lg:text-[5rem] xl:text-[4.5rem]'/>\n                        <div>\n                            {/* <h3 className='text-slate-300'>\n                                {t(\"footer.direction\")}\n                            </h3> */}\n                            <p className='text-white text-[0.9rem]'>\n                              Blanco Encalada 2002, piso 4, Santiago.DGF – FCFM, Universidad de Chile.\n                            </p>\n                        </div>\n                    </div> \n                  </div>\n                </div>\n\n                <div className='mt-5'>\n                  <p className='text-white text-center text-sm'>\n                    © {t(\"footer.disclaimer\")}\n                  </p>\n                </div>\n                \n              </footer>\n\n  )\n}\n","import React, {useState} from 'react'\nimport ToggleButton from '@mui/material/ToggleButton';\nimport {darken} from \"@mui/material\";\nimport ToggleButtonGroup from '@mui/material/ToggleButtonGroup';\nimport { useTranslation } from 'react-i18next';\nimport { AiOutlineClose, AiOutlineMenu } from \"react-icons/ai\"\nimport image from '../../../img/general/portada3puntas_version1.jpg'\nimport logo from '../../../img/logos/logo_andino.png'\nexport default function Navbar() {\n  const [t, i18n] = useTranslation(\"translation\");\n  const style = {\n                color:\"white\", \n                width:\"2.5rem\", \n                height:\"2.5rem\",\n                fontSize:\"0.8rem\",\n                fontWeight:\"bold\", \n                backgroundColor:\"#015d80\", \n                opacity:\"0.85\",\n                \"&:focus\": {\n                  backgroundColor: darken('#015d80', 0.4),\n                  color: darken('#fff', 0.05)\n                },\n                \"&:hover\": {\n                  backgroundColor: darken('#015d80', 0.4),\n                  color: darken('#fff', 0.05)\n                },\n              \n              \"&.Mui-selected\": {\n                  backgroundColor: darken('#015d80', 0.4),\n                  color: darken('#fff', 0.05)\n                }\n                }\n  const [active, setActive] = useState(false);\n  const [color, setColor] = useState('bg-blue-700');\n\n  const [language, setLanguage] = React.useState(i18n.language.substring(0, 2));\n    \n  const handleLanguage = (event, newLanguage) => {\n        setLanguage(newLanguage);\n  }\n  \n  const handleClick = () => {\n    setActive(!active);\n  }\n\n\n  return (\n        // navbar antiguo \n        <div className=\"relative transition-all duration-500 ease-in bg-cover bg-center bg-bgNavbar md:h-[30rem]\">\n          {/* <div className=\"w-full bg-[linear-gradient(180deg,_rgba(0,0,0,0.5),rgba(0,0,0,0.1))] h-[30rem]\"> */}\n          <div className=\"w-full bg-black/50 md:h-[30rem]\">  \n            <nav className={'flex items-center justify-between flex-wrap py-4 px-8 lg:px-20 text-white'}>\n                <div className=\"flex items-center flex-shrink-0 text-white mr-6\">\n                  <a href=\"/\" className='text-bold text-3xl'>\n                    <img src={require('../../../img/logos/logo_andino2.png')} className='lg:w-[100%] h-[5.5rem] object-cover' alt={t(\"altImg.refugeLogo\")} />  \n                  </a>\n                </div>\n\n                <div className='block lg:hidden'>\n                  <button id='boton' className=\"flex items-center text-3xl text-white\" onClick={handleClick}>\n                    {active ? <AiOutlineMenu/> : <AiOutlineClose/> }\n                  </button>\n                </div> \n\n                <div className={`w-full transition-all duration-150 ease-in ${active ? 'opacity-0 h-0' : 'opacity-100 h-auto'}  lg:items-center lg:w-auto lg:opacity-100 lg:h-auto`}>\n                  <div className='flex flex-col items-center mt-6 text-[1.4rem] lg:flex-row lg:flex-grow lg:mt-0'>\n                    <a href=\"/sheet\" className=\"py-3 hover:text-customBlue-600 cursor-pointer lg:px-3 lg:py-0 \">{t(\"navbar.sheetLink\")}</a>\n                    <a href=\"/about\" className=\"py-3 hover:text-customBlue-600 cursor-pointer lg:px-3 lg:py-0\">{t(\"navbar.aboutLink\")}</a>\n                    <div className='py-3 lg:py-0'>\n                        <ToggleButtonGroup\n                          value={language}\n                          exclusive\n                          onChange={handleLanguage}\n                          aria-label=\"text alignment\"\n\n                        >\n                          <ToggleButton sx = {style} value=\"es\" aria-label=\"left aligned\" onClick={()=>i18n.changeLanguage(\"es\")}>\n                            Es\n                          </ToggleButton>\n                          <ToggleButton sx = {style} value=\"en\" aria-label=\"centered\" onClick={()=>i18n.changeLanguage(\"en\")}>\n                            En\n                          </ToggleButton>\n                        </ToggleButtonGroup>  \n                    </div>\n                  </div>\n                </div>\n              </nav>\n              <div className='w-[95%] mx-auto h-[15rem] flex flex-col items-center justify-center'>\n                <h1 className='text-[1.1rem] lg:text-4xl text-white'>{t(\"navbar.title\")}</h1>\n                <h2 className='text-[1rem] lg:text-2xl text-white'>{t(\"navbar.subtitle\")}</h2>\n              </div>  \n          </div>\n        </div>\n\n      // <nav className=\"flex items-center justify-between flex-wrap bg-teal-500 p-6\">\n      //   <div className=\"flex items-center flex-shrink-0 text-white mr-6\">\n      //     <a href=\"\">Andino</a>\n      //   </div>\n        // <div className=\"block lg:hidden\">\n        //   <button id='boton' className=\"flex items-center\">\n        //   <GiHamburgerMenu className='text-white text-xl'/>\n        //   </button>\n        // </div>\n      //   <div id='menu' className=\"w-full flex-grow lg:items-center lg:w-auto\">\n      //     <div className=\"flex flex-col items-center text-sm lg:flex-row lg:flex-grow\">\n      //       <a href=\"#responsive-header\" className=\"mt-4 lg:inline-block lg:mt-0 text-teal-200 hover:text-white mr-4\">\n      //         Docs\n      //       </a>\n      //       <a href=\"#responsive-header\" className=\"mt-4 lg:inline-block lg:mt-0 text-teal-200 hover:text-white mr-4\">\n      //         Examples\n      //       </a>\n      //       <a href=\"#responsive-header\" className=\"mt-4 lg:inline-block lg:mt-0 text-teal-200 hover:text-white\">\n      //         Blog\n      //       </a>\n      //       <div>\n      //         <a href=\"#\" className=\"inline-block text-sm px-4 py-2 leading-none border rounded text-white border-white hover:border-transparent hover:text-teal-500 hover:bg-white mt-4 lg:mt-0\">Download</a>\n      //       </div>\n      //     </div>\n      //   </div>\n      // </nav>\n      \n    \n    \n  )\n}\n"],"names":["Footer","useTranslation","t","className","href","src","require","alt","Navbar","i18n","style","color","width","height","fontSize","fontWeight","backgroundColor","opacity","darken","useState","active","setActive","React","language","substring","setLanguage","id","onClick","ToggleButtonGroup","value","exclusive","onChange","event","newLanguage","ToggleButton","sx","changeLanguage"],"sourceRoot":""}