{"version":3,"sources":["components/skills/skills.tsx","components/about/about.tsx","components/project/project.tsx","components/projects/projects.tsx","App.tsx","index.tsx"],"names":["Skills","skills","className","map","x","data-tip","name","data-offset","data-class","src","img","alt","place","effect","About","id","href","Project","project","shortDesc","desc","web","target","undefined","twitter","github","projects","Projects","App","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.36b95410.chunk.js","sourcesContent":["import ReactTooltip from \"react-tooltip\";\nimport {ISkill} from \"../../ISkill\";\n\nexport const Skills = ({skills}: {skills: ISkill[]}) => {\n    return (\n        <div className=\"flex flex-wrap justify-center mx-auto lg:max-w-3xl\">\n            {skills.map(x => (\n                <div className=\"flex p-4 md:p-8\">\n                <span\n                    data-tip={x.name}\n                    data-offset=\"{'top': -10}\"\n                    data-class=\"tooly\">\n                    <img\n                        src={`/assets/img/${x.img}`}\n                        className=\"w-16 transition duration-500 ease-in-out transform md:w-20 hover:scale-110\"\n                        alt={x.img}\n                    />\n                </span>\n                </div>\n            ))}\n            <ReactTooltip place=\"bottom\" effect=\"solid\"/>\n        </div>\n    )\n}\n","import {Skills} from \"../skills/skills\";\nimport {FaGithub, FaTwitter, FaLinkedin} from \"react-icons/fa\";\n\nexport const About = () => {\n    let skills = [\n        {\n            name: \"C#\",\n            img: \"csharp.svg\"\n        },\n        {\n            name: \".NET Core\",\n            img: \"netcore.svg\"\n        },\n        {\n            name: \"Kotlin\",\n            img: \"kotlin.svg\"\n        },\n        {\n            name: \"Android\",\n            img: \"android.svg\"\n        },\n        {\n            name: \"Powershell\",\n            img: \"powershell.svg\"\n        },\n        {\n            name: \"IntelliJ\",\n            img: \"intellij.svg\"\n        },\n        {\n            name: \"JetBrains Rider\",\n            img: \"rider.png\"\n        },\n        {\n            name: \"Android Studio\",\n            img: \"android_studio.svg\"\n        },\n        {\n            name: \"Visual Studio\",\n            img: \"visual_studio.svg\"\n        },\n        {\n            name: \"Visual Studio Code\",\n            img: \"visual_studio_code.svg\"\n        },\n        {\n            name: \"Git and GitFlow\",\n            img: \"git.svg\"\n        },\n        {\n            name: \"GitHub\",\n            img: \"github.png\"\n        },\n        {\n            name: \"GitLab (CI/CD)\",\n            img: \"gitlab.svg\"\n        },\n        {\n            name: \"MariaDB\",\n            img: \"mariadb.svg\"\n        },\n        {\n            name: \"Postgresql\",\n            img: \"postgres.svg\"\n        },\n        {\n            name: \"Redis\",\n            img: \"redis.svg\"\n        },\n        {\n            name: \"Docker and Docker Swarm\",\n            img: \"docker.svg\"\n        },\n    ]\n\n    let learning = [\n        {\n            name: \"Rust\",\n            img: \"rust.svg\"\n        },\n        {\n            name: \"TypeScript\",\n            img: \"typescript.svg\"\n        },\n        {\n            name: \"React\",\n            img: \"react.svg\"\n        },\n        {\n            name: \"Angular\",\n            img: \"angular.svg\"\n        },\n        {\n            name: \"Tailwind CSS\",\n            img: \"tailwindcss.svg\"\n        },\n        {\n            name: \"Kubernetes\",\n            img: \"k8s.svg\"\n        },\n    ]\n\n    return(\n        <section\n            id=\"about\"\n            className=\"flex flex-col max-w-md px-6 py-12 mx-auto sm:px-10 sp:px-10 md:px-8 sm:max-w-2xl md:max-w-3xl lg:max-w-5xl sm:py-5 md:py-6 lg:py-8\"\n        >\n            <div className=\"w-48 h-48 mx-auto mt-12 mb-10 overflow-hidden rounded-full md:w-56 md:h-56 md:mb-12\">\n                <img src=\"/assets/img/ibai.jpg\" alt=\"me\"/>\n            </div>\n            <div className=\"text-gray-800 dark:text-white\">\n                <div className=\"mx-auto mb-24\">\n                    <p className=\"font-bold leading-snug text-left text-1xl md:text-center sm:text-2xl md:text-3xl lg:text-4xl font-header\">\n                        Hello there 👋, I'm Ibai.\n                    </p>\n                    <p className=\"leading-snug text-left text-1xl md:text-center sm:text-1xl md:text-2xl lg:text-3xl\">\n                        I like software development, space and science.\n                    </p>\n                    <div className=\"flex align-center justify-center mt-4\">\n                        <a className=\"text-xl m-1 p-1 sm:m-2 sm:p-2 text-gray-400 hover:bg-gray-400 rounded-full hover:text-white transition-colors duration-300\" href=\"https://github.com/lllibailll\">\n                            <FaGithub/>\n                            <span className=\"sr-only\">Github</span>\n                        </a>\n                        <a className=\"text-xl m-1 p-1 sm:m-2 sm:p-2 text-blue-500 hover:bg-blue-500 rounded-full hover:text-white transition-colors duration-300\" href=\"https://twitter.com/lllibailll\">\n                            <FaTwitter/>\n                            <span className=\"sr-only\">Twitter</span>\n                        </a>\n                    </div>\n                </div>\n                <div className=\"mb-24\">\n                    <h3 className=\"mb-8 text-xl font-bold text-center uppercase md:text-2xl font-header text-primary dark:text-secondary\">\n                        Skills\n                    </h3>\n                    <Skills skills={skills}/>\n                </div>\n                <div className=\"mb-24\">\n                    <h3 className=\"mb-8 text-xl font-bold text-center uppercase md:text-2xl font-header text-primary dark:text-secondary\">\n                        Learning\n                    </h3>\n                    <Skills skills={learning}/>\n                </div>\n            </div>\n        </section>\n    )\n}\n","import {IProject} from \"../../IProject\";\nimport {BiWorld} from \"react-icons/all\";\nimport {FaGithub, FaTwitter} from \"react-icons/fa\";\n\nexport const Project = ({project}: {project: IProject}) => {\n    return (\n        <div className=\"relative\">\n            <div className=\"text-center mb-4 absolute -top-16 right-1/2 transform translate-x-1/2\">\n                <a href=\"#\" className=\"block relative\">\n                    <img alt=\"profil\" src={`/assets/img/projects/${project.img}`} className=\"mx-auto object-cover rounded-lg h-40 w-40\"/>\n                </a>\n            </div>\n            <div className=\"bg-white dark:bg-gray-700 rounded-lg shadow px-8 py-4 pt-24\">\n                <div className=\"text-center\">\n                    <p className=\"text-2xl text-gray-700 dark:text-white\">\n                        {project.name}\n                    </p>\n                    <p className=\"text-xl text-gray-500 dark:text-gray-200 font-light\">\n                        {project.shortDesc}\n                    </p>\n                    <p className=\"text-md text-gray-500 w-60 dark:text-gray-400 mx-auto py-4 font-light\">\n                        {project.desc}\n                    </p>\n                </div>\n\n                <div className=\"flex align-center justify-center mt-4\">\n                    {project.web ?\n                        <a className=\"text-xl m-1 p-1 sm:m-2 sm:p-2 text-gray-400 hover:bg-gray-400 rounded-full hover:text-white transition-colors duration-300\" href={project.web} target=\"_blank\">\n                            <BiWorld/>\n                            <span className=\"sr-only\">Web</span>\n                        </a> : undefined\n                    }\n\n                    {project.twitter ?\n                        <a className=\"text-xl m-1 p-1 sm:m-2 sm:p-2 text-blue-500 hover:bg-blue-500 rounded-full hover:text-white transition-colors duration-300\" href={`https://twitter.com/${project.twitter}`} target=\"_blank\">\n                            <FaTwitter/>\n                            <span className=\"sr-only\">Twitter</span>\n                        </a> : undefined\n                    }\n\n                    {project.github ?\n                        <a className=\"text-xl m-1 p-1 sm:m-2 sm:p-2 text-gray-400 hover:bg-gray-400 rounded-full hover:text-white transition-colors duration-300\" href={`https://github.com/${project.github}`} target=\"_blank\">\n                            <FaGithub/>\n                            <span className=\"sr-only\">GitHub</span>\n                        </a> : undefined\n                    }\n                </div>\n            </div>\n        </div>\n    )\n}\n","import ReactTooltip from \"react-tooltip\";\nimport {Project} from \"../project/project\";\n\nlet projects = [\n    {\n        name: \"BackPlay\",\n        img: \"backplay.png\",\n        shortDesc: \"Minecraft network\",\n        desc: \"BackPlay is a competitive Minecraft PvP network focused on Survival Games.\",\n        web: \"https://backplay.net\",\n        twitter: \"BackPlayNetwork\"\n    }\n]\n\nexport const Projects = () => {\n    return (\n        <section\n            id=\"projects\"\n            className=\"flex flex-col max-w-md px-6 py-12 mx-auto sm:px-10 sp:px-10 md:px-8 sm:max-w-2xl md:max-w-3xl lg:max-w-5xl sm:py-5 md:py-6 lg:py-8\"\n        >\n            <div className=\"text-gray-800 dark:text-white\">\n                <div className=\"mb-24\">\n                    <h3 className=\"mb-8 text-xl font-bold text-center uppercase md:text-2xl font-header text-primary dark:text-secondary\">\n                        Projects\n                    </h3>\n                    <div className=\"flex flex-wrap justify-center mx-auto lg:max-w-3xl\">\n                        {projects.map(x => (\n                            <div className=\"flex p-4 md:p-8\">\n                                <Project project={x}/>\n                            </div>\n                        ))}\n                        <ReactTooltip place=\"bottom\" effect=\"solid\"/>\n                    </div>\n                </div>\n            </div>\n        </section>\n    )\n}\n","import React from 'react';\nimport {About} from \"./components/about/about\";\nimport {Projects} from \"./components/projects/projects\";\n\nexport const App = () => {\n    return (\n        <>\n            <div className=\"bg-white dark:bg-gray-800\">\n                <About />\n            </div>\n            <div className=\"bg-white dark:bg-gray-800\">\n                <Projects />\n            </div>\n        </>\n    );\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './assets/tailwind.css';\nimport {App} from './App';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n"],"sourceRoot":""}