{"version":3,"file":"component---src-pages-index-js-424eeea955b98c0dbd90.js","mappings":"oKAiIA,UA1HkB,WACd,OACA,2BACI,gBAAC,IAAD,MACA,4BACI,gBAAC,IAAD,KACI,wBAAMA,QAAQ,UACd,wBAAMC,KAAK,cAAcC,QAAQ,iCACjC,wBAAMD,KAAK,WAAWC,QAAQ,sDAC9B,wBAAMD,KAAK,SAASC,QAAQ,iBAC5B,qDAEJ,uBAAKC,UAAU,mBACX,uBAAKA,UAAU,kCACX,sBAAIA,UAAU,sBAAd,2BACA,qBAAGA,UAAU,8BAAb,kPAKI,qBAAGC,KAAK,0CAA0CD,UAAU,iBAA5D,gBALJ,4DASI,qBAAGC,KAAK,WAAWD,UAAU,iBAA7B,WATJ,KAcA,qBAAGC,KAAK,UACJ,0BAAQD,UAAU,4FAAlB,sCAKJ,sBAAIA,UAAU,4BAAd,aAEA,uBAAKA,UAAU,iFAGX,uBAAKA,UAAU,yCACX,gBAAC,EAAAE,EAAD,CAAaF,UAAU,WAAWG,IAAI,yBAAyBC,IAAI,SAASC,OAAO,cAAcC,QAAQ,QAAQC,MAAO,IAAKC,OAAQ,IAArI,sBACA,uBAAKR,UAAU,aACX,uBAAKA,UAAU,0BAAf,uBACA,qBAAGA,UAAU,2BACT,qBAAGC,KAAK,kCAAR,UAIR,uBAAKD,UAAU,kBACX,wBAAMA,UAAU,iGAAhB,SACA,wBAAMA,UAAU,iGAAhB,gBACA,wBAAMA,UAAU,iGAAhB,eACA,wBAAMA,UAAU,iGAAhB,aAOR,uBAAKA,UAAU,yCACX,gBAAC,EAAAE,EAAD,CAAaF,UAAU,WAAWG,IAAI,yBAAyBC,IAAI,SAASC,OAAO,cAAcC,QAAQ,QAAQC,MAAO,IAAKC,OAAQ,IAArI,sBACA,uBAAKR,UAAU,aACX,uBAAKA,UAAU,0BAAf,oBAGJ,uBAAKA,UAAU,kBACX,wBAAMA,UAAU,iGAAhB,YACA,wBAAMA,UAAU,iGAAhB,gBACA,wBAAMA,UAAU,iGAAhB,eACA,wBAAMA,UAAU,iGAAhB,aAOR,uBAAKA,UAAU,yCACX,gBAAC,EAAAE,EAAD,CAAaF,UAAU,WAAWG,IAAI,yBAAyBC,IAAI,SAASC,OAAO,cAAcC,QAAQ,QAAQC,MAAO,IAAKC,OAAQ,IAArI,sBACA,uBAAKR,UAAU,aACX,uBAAKA,UAAU,0BAAf,0BAGJ,uBAAKA,UAAU,kBACX,wBAAMA,UAAU,iGAAhB,YACA,wBAAMA,UAAU,iGAAhB,gBACA,wBAAMA,UAAU,iGAAhB,eACA,wBAAMA,UAAU,iGAAhB,aAOR,uBAAKA,UAAU,yCACX,gBAAC,EAAAE,EAAD,CAAaF,UAAU,WAAWG,IAAI,yBAAyBC,IAAI,SAASC,OAAO,cAAcC,QAAQ,QAAQC,MAAO,IAAKC,OAAQ,IAArI,sBACA,uBAAKR,UAAU,aACX,uBAAKA,UAAU,0BAAf,mBAGJ,uBAAKA,UAAU,kBACX,wBAAMA,UAAU,iGAAhB,YACA,wBAAMA,UAAU,iGAAhB,gBACA,wBAAMA,UAAU,iGAAhB,eACA,wBAAMA,UAAU,iGAAhB,iBAYxB,gBAAC,IAAD,S","sources":["webpack://jk_site/./src/pages/index.js"],"sourcesContent":["import * as React from \"react\"\nimport Navbar from \"../components/Navbar\"\nimport Footer from \"../components/Footer\"\nimport { StaticImage } from \"gatsby-plugin-image\"\nimport { Helmet } from \"react-helmet\"\n\n// markup\nconst IndexPage = () => {\n    return (\n    <div>\n        <Navbar />\n        <main>\n            <Helmet>\n                <meta charSet=\"utf-8\" />\n                <meta name=\"description\" content=\"Personal Site - Joko Purnomo\"  />\n                <meta name=\"keywords\" content=\"personal site,joko purnomo,Joko Purnomo,portfolio\" />\n                <meta name=\"author\" content=\"Joko Purnomo\" />\n                <title>Home | Joko Purnomo</title>\n            </Helmet>\n            <div className=\" bg-white my-16\">\n                <div className=\"max-w-4xl mx-auto px-4 sm:px-6\">\n                    <h1 className=\"text-3xl font-bold\">Halo, Saya Joko Purnomo</h1>\n                    <p className=\"mt-5 text-base md:text-2xl\">\n                        Situs ini berisi kumpulan project yang pernah saya kerjakan, \n                        dan juga merupakan dokumentasi untuk saya pribadi ketika sedang belajar atau membagikan sesuatu. \n                        Untuk mendapatkan informasi yang sifatnya cepat, \n                        silakan ikuti saya di Instagram&nbsp;\n                        <a href=\"https://www.instagram.com/rokiadhytama/\" className=\"text-blue-600\">\n                            @jokopurnomo\n                        </a>\n                        . Jika ingin menghubungi saya, silakan menuju ke halaman&nbsp;\n                        <a href=\"/contact\" className=\"text-blue-600\">\n                            contact\n                        </a>.\n                    </p>\n\n                    <a href=\"/about\">\n                        <button className=\"bg-gray-200 text-black text-base hover:bg-gray-300  font-semibold py-2 px-2 mt-6 rounded\">\n                        Selengkapnya Tentang Joko Purnomo\n                        </button>\n                    </a>\n\n                    <h1 className=\"text-3xl font-bold mt-10\">Portfolio</h1>\n                    \n                    <div className=\"px-2 mt-4 grid grid-cols-1 md:grid-cols-1 lg:grid-cols-2 xl:grid-cols-2 gap-5\">\n                        \n                        {/* Project Start */}\n                        <div className=\"rounded overflow-hidden shadow-lg p-4\">\n                            <StaticImage className=\"border-2\" src=\"../images/project1.png\" alt=\"Avatar\" layout=\"constrained\" loading=\"eager\" width={400} height={200} />\n                            <div className=\"px-6 py-4\">\n                                <div className=\"font-bold text-xl mb-2\">Al - Qur'an Digital</div>\n                                <p className=\"text-gray-700 text-base\">\n                                    <a href=\"https://digital-aq.netlify.app\" >Demo</a>\n                                </p>\n                            </div>\n\n                            <div className=\"px-6 pt-4 pb-2\">\n                                <span className=\"inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2\">#HTML</span>\n                                <span className=\"inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2\">#Bootstrap 5</span>\n                                <span className=\"inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2\">#Javascript</span>\n                                <span className=\"inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2\">#Jquery</span>\n                            </div>\n\n                        </div>\n                        {/* Project End */}\n\n                        {/* Project Start */}\n                        <div className=\"rounded overflow-hidden shadow-lg p-4\">\n                            <StaticImage className=\"border-2\" src=\"../images/project2.png\" alt=\"Avatar\" layout=\"constrained\" loading=\"eager\" width={400} height={200} />\n                            <div className=\"px-6 py-4\">\n                                <div className=\"font-bold text-xl mb-2\">Aplikasi Tryout</div>\n                            </div>\n\n                            <div className=\"px-6 pt-4 pb-2\">\n                                <span className=\"inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2\">#Laravel</span>\n                                <span className=\"inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2\">#Bootstrap 4</span>\n                                <span className=\"inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2\">#Javascript</span>\n                                <span className=\"inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2\">#Jquery</span>\n                            </div>\n\n                        </div>\n                        {/* Project End */}\n\n                        {/* Project Start */}\n                        <div className=\"rounded overflow-hidden shadow-lg p-4\">\n                            <StaticImage className=\"border-2\" src=\"../images/project3.png\" alt=\"Avatar\" layout=\"constrained\" loading=\"eager\" width={400} height={200} />\n                            <div className=\"px-6 py-4\">\n                                <div className=\"font-bold text-xl mb-2\">Aplikasi Rental Mobil</div>\n                            </div>\n\n                            <div className=\"px-6 pt-4 pb-2\">\n                                <span className=\"inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2\">#Laravel</span>\n                                <span className=\"inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2\">#Bootstrap 4</span>\n                                <span className=\"inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2\">#Javascript</span>\n                                <span className=\"inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2\">#Jquery</span>\n                            </div>\n\n                        </div>\n                        {/* Project End */}\n\n                        {/* Project Start */}\n                        <div className=\"rounded overflow-hidden shadow-lg p-4\">\n                            <StaticImage className=\"border-2\" src=\"../images/project4.png\" alt=\"Avatar\" layout=\"constrained\" loading=\"eager\" width={400} height={200} />\n                            <div className=\"px-6 py-4\">\n                                <div className=\"font-bold text-xl mb-2\">Aplikasi Kasir</div>\n                            </div>\n\n                            <div className=\"px-6 pt-4 pb-2\">\n                                <span className=\"inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2\">#Laravel</span>\n                                <span className=\"inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2\">#Bootstrap 4</span>\n                                <span className=\"inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2\">#Javascript</span>\n                                <span className=\"inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2\">#Jquery</span>\n                            </div>\n\n                        </div>\n                        {/* Project End */}\n\n                    </div>\n\n                </div>\n            </div>\n\n        </main>\n        <Footer />\n    </div>\n    \n    )\n}\n\nexport default IndexPage\n"],"names":["charSet","name","content","className","href","S","src","alt","layout","loading","width","height"],"sourceRoot":""}