{"version":3,"sources":["components/NavBar.js","components/LinkModal.js","pages/LandingPage.js","pages/ButtonFiddle.js","App.js","reportWebVitals.js","index.js"],"names":["navigation","name","href","NavBar","children","className","aria-label","to","src","Button","aria-hidden","map","item","as","Fragment","enter","enterFrom","enterTo","leave","leaveFrom","leaveTo","Panel","focus","alt","target","LinkModal","props","links","title","bgcolor","hovercolor","useState","modalOpen","setModalOpen","onClick","appear","show","onClose","Overlay","Child","style","backgroundColor","backgroundImage","Title","Grid","container","direction","justifyContent","alignItems","type","xmlns","fill","viewBox","stroke","strokeLinecap","strokeLinejoin","strokeWidth","d","spacing","link","index","LandingPage","xs","fontFamily","bottom","left","ButtonFiddle","document","addEventListener","e","console","log","keyCode","fullscreenChange","fullscreen","fullscreenEnabled","webkitFullscreenEnabled","mozFullScreenEnabled","msFullscreenEnabled","iframe","querySelector","requestFullscreen","webkitRequestFullscreen","mozRequestFullScreen","msRequestFullscreen","innerHTML","webkitIsFullScreen","mozFullScreen","msFullscreenElement","App","path","element","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","getElementById"],"mappings":"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","file":"static/js/main.d7d9430e.chunk.js","sourcesContent":["import { Fragment } from 'react'\nimport { Popover, Transition } from '@headlessui/react'\nimport { MenuIcon, XIcon } from '@heroicons/react/outline'\n\nimport { Link, useNavigate } from \"react-router-dom\";\n\nconst navigation = [\n  { name: 'Home', href: '/' },\n  { name: 'Button Fiddle', href: '/button-fiddle' }\n]\n\nexport default function NavBar({ children }) {\n  return (\n    <div className=\"relative overflow-hidden\">\n      <div className=\"max-w-7xl mx-auto\">\n        <div className=\"relative z-10 pb-8 sm:pb-16 md:pb-20 lg:w-full lg:pb-28 xl:pb-32\">\n          <Popover>\n            <div className=\"relative pt-6 px-4 sm:px-6 lg:px-8\">\n              <div className=\"bg-gray-700 w-max h-1.5\">\n              </div>\n              <nav className=\"relative flex items-center justify-between sm:h-10 lg:justify-start\" aria-label=\"Global\">\n                <div className=\"flex items-center flex-grow flex-shrink-0 lg:flex-grow-0\">\n                  <div className=\"flex items-center justify-between w-full md:w-auto\">\n                    <Link to=\"/\">\n                      <span className=\"sr-only\">Workflow</span>\n                      <img\n                        className=\"h-8 w-auto sm:h-10 border-2 rounded-md shadow-xl bg-black\"\n                        src=\"Screenshot_1.png\"\n                      />\n                    </Link>\n                    <div className=\"-mr-2 flex items-center md:hidden\">\n                      <Popover.Button className=\"bg-white rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500\">\n                        <span className=\"sr-only\">Open main menu</span>\n                        <MenuIcon className=\"h-6 w-6\" aria-hidden=\"true\" />\n                      </Popover.Button>\n                    </div>\n                  </div>\n                </div>\n                <div className=\"hidden md:block md:ml-10 md:pr-4 md:space-x-8\">\n                  {navigation.map((item) => (\n                    <Link key={item.name} className=\"font-medium text-gray-500 hover:text-gray-900 select-none\" to={item.href}>\n                      {item.name}\n                    </Link>\n                  ))}\n                  <a href=\"https://www.papaplatte.shop/\" className=\"font-medium text-indigo-600 hover:text-indigo-500\">\n                    OMEGALUL CO. Shop\n                  </a>\n                </div>\n              </nav>\n            </div>\n\n            <Transition\n              as={Fragment}\n              enter=\"duration-150 ease-out\"\n              enterFrom=\"opacity-0 scale-95\"\n              enterTo=\"opacity-100 scale-100\"\n              leave=\"duration-100 ease-in\"\n              leaveFrom=\"opacity-100 scale-100\"\n              leaveTo=\"opacity-0 scale-95\"\n            >\n              <Popover.Panel\n                focus\n                className=\"absolute z-10 top-0 inset-x-0 p-2 transition transform origin-top-right md:hidden\"\n              >\n                <div className=\"rounded-lg shadow-md bg-white ring-1 ring-black ring-opacity-5 overflow-hidden\">\n                  <div className=\"px-5 pt-4 flex items-center justify-between\">\n                    <div>\n                      <img\n                        className=\"h-8 w-auto\"\n                        src=\"Screenshot_1.png\"\n                        alt=\"\"\n                      />\n                    </div>\n                    <div className=\"-mr-2\">\n                      <Popover.Button className=\"bg-white rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500\">\n                        <span className=\"sr-only\">Close main menu</span>\n                        <XIcon className=\"h-6 w-6\" aria-hidden=\"true\" />\n                      </Popover.Button>\n                    </div>\n                  </div>\n                  <div className=\"px-2 pt-2 pb-3 space-y-1\">\n                    {navigation.map((item) => (\n                      <a\n                        key={item.name}\n                        href={item.href}\n                        className=\"block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50\"\n                      >\n                        {item.name}\n                      </a>\n                    ))}\n                  </div>\n                  <a\n                    href=\"https://www.papaplatte.shop/\"\n                    className=\"block w-full px-5 py-3 text-center font-medium text-indigo-600 bg-gray-50 hover:bg-gray-100\"\n                  >\n                    Papaplatte Shop\n                  </a>\n                </div>\n              </Popover.Panel>\n            </Transition>\n          </Popover>\n          {\n            children\n          }\n        </div>\n      </div>\n      <div className=\"text-center m-4\">\n          <p>Made with much ❤️ by <a href=\"https://derzerstampfer.omegalul.co/\" target=\"_blank\" >SterZerdampfer</a></p>\n      </div>\n    </div>\n  )\n}","import { Dialog, Transition } from '@headlessui/react'\nimport { Fragment, useState } from 'react'\nimport Grid from '@mui/material/Grid';\n\nexport default function LinkModal(props) {\n  const { links, title, bgcolor, hovercolor } = props;\n  let [modalOpen, setModalOpen] = useState(false);\n\n  return (\n    <div>\n      <p\n        onClick={() => {setModalOpen(true)}}\n        className={`w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-indigo-50 ${bgcolor ? bgcolor : 'bg-red-600'} hover:${hovercolor ? hovercolor : 'hover:bg-red-700'} md:py-4 md:text-lg md:px-5 focus:ring-4 select-none cursor-pointer focus:ring-4`}\n      >\n        {title}\n      </p>\n      <Transition appear show={modalOpen} as={Fragment}>\n        <Dialog\n          as=\"div\"\n          className=\"fixed inset-0 z-10 overflow-y-auto\"\n          onClose={() => setModalOpen(false)}\n        >\n          <Dialog.Overlay className=\"fixed inset-0 bg-black opacity-20\" />\n          <div className=\"min-h-screen px-4 text-center\">\n            <Transition.Child\n              as={Fragment}\n              enter=\"ease-out duration-300\"\n              enterFrom=\"opacity-0\"\n              enterTo=\"opacity-100\"\n              leave=\"ease-in duration-200\"\n              leaveFrom=\"opacity-100\"\n              leaveTo=\"opacity-0\"\n            >\n              <Dialog.Overlay className=\"fixed inset-0\" />\n            </Transition.Child>\n\n            {/* This element is to trick the browser into centering the modal contents. */}\n            <span\n              className=\"inline-block h-screen align-middle\"\n              aria-hidden=\"true\"\n            >\n              &#8203;\n            </span>\n            <Transition.Child\n              as={Fragment}\n              enter=\"ease-out duration-300\"\n              enterFrom=\"opacity-0 scale-95\"\n              enterTo=\"opacity-100 scale-100\"\n              leave=\"ease-in duration-200\"\n              leaveFrom=\"opacity-100 scale-100\"\n              leaveTo=\"opacity-0 scale-95\"\n            >\n              <div className=\"inline-block w-full max-w-md p-5 my-8 overflow-hidden text-left align-middle transition-all transform bg-white shadow-xl rounded-2xl border-dashed border-2 border-gray-800\"\n                style={{\n                  backgroundColor: \"rgba(255, 255, 255, 1)\",\n                  backgroundImage: `url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%239C92AC' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E\")`\n                }}\n              >\n                <Dialog.Title\n                  as=\"h3\"\n                  className=\"text-lg font-bold leading-6 text-indigo-600\"\n                >\n                  <Grid\n                    container\n                    direction=\"row\"\n                    justifyContent=\"space-between\"\n                    alignItems=\"flex-end\"\n                  >\n                    <Grid item>\n                      {title} Accounts\n                    </Grid>\n                    <Grid item>\n                      <button\n                        type=\"button\"\n                        className=\"float-right inline-flex justify-center px-2 py-1 text-sm font-medium text-white bg-red-600 border border-transparent rounded-md hover:bg-red-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-blue-500\"\n                        onClick={() => setModalOpen(false)}\n                      >\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n                        </svg>\n                      </button>\n                    </Grid>\n                  </Grid>\n                </Dialog.Title>\n                <div className=\"w-full mt-2 border-b-2\"/>\n                <div className=\"mt-2 mb-2\">\n                  <p className=\"text-sm text-gray-500\">\n                    All the different {title} Accounts, Papaplatte is involved in.\n                  </p>\n                </div>\n\n                <Grid\n                  container\n                  direction=\"row\"\n                  justifyContent=\"center\"\n                  alignItems=\"center\"\n                  spacing={2}\n                >\n                  {links.map((link, index) => (\n                    <Grid item>\n                      <div className=\"mt-3 sm:mt-0 sm:ml-3\">\n                        <a\n                          href={link.href}\n                          target=\"_blank\"\n                          className=\"inline-flex justify-center px-4 py-2 text-base font-medium text-blue-900 bg-blue-100 border border-transparent rounded-md hover:bg-blue-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-blue-500 select-none cursor-pointer\"\n                        >\n                          {link.title}\n                        </a>\n                      </div>\n                    </Grid>\n                  ))}\n                </Grid>\n              </div>\n            </Transition.Child>\n          </div>\n        </Dialog>\n      </Transition>\n    </div>\n  )\n}\n","import NavBar from '../components/NavBar';\nimport LinkModal from '../components/LinkModal';\nimport { Link } from \"react-router-dom\";\nimport Grid from '@mui/material/Grid';\nimport '../LandingPage.css';\n\nexport default function LandingPage() {\n  return (\n    <NavBar>\n      <Grid container spacing={12}>\n        {/* <Grid item xs={12}>\n          <div style={{ backgroundImage: `url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%239C92AC' fill-opacity='1' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E\")`,\n            backgroundColor: \"rgba(223, 219, 229, 0.4)\"\n          }}\n          className=\"pb-4 px-2 rounded-2xl shadow-xl\">\n            <main className=\"mt-10 mx-auto max-w-7xl px-4 sm:mt-12 sm:px-6 md:mt-16 lg:mt-20 lg:px-8 xl:mt-28\">\n              <div className=\"sm:text-center lg:text-left\">\n                <h1 className=\"text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:text-6xl pt-2\" style={{ fontFamily: ['Montserrat', 'sans-serif'] }}>\n                  <span className=\"block xl:inline\">Stupid Games</span>{' '}\n                  <span className=\"block text-indigo-600\">Omegalul.co</span>\n                </h1>\n                <p className=\"mt-3 text-base text-gray-700 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0\">\n                  Just some silly games if you're feeling a little bored while watching Papaplatte sucking in all sorts of games :)\n                </p>\n                <div className=\"mt-5 sm:mt-8 sm:flex sm:justify-center lg:justify-start\">\n                  <div className=\"rounded-md shadow\">\n                    <a\n                      href=\"https://www.papaplatte.shop/\"\n                      className=\"w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 md:py-4 md:text-lg md:px-10 focus:ring-4\"\n                    >\n                      OMEGALUL CO. Shop<br/>\n                    </a>\n                  </div>\n                  <div className=\"mt-3 sm:mt-0 sm:ml-3\">\n                    <Link\n                      to=\"/button-fiddle\"\n                      className=\"w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-indigo-700 bg-indigo-50 hover:bg-indigo-200 md:py-4 md:text-lg md:px-10 focus:ring-4\"\n                    >\n                      Try Button Fiddle!\n                    </Link>\n                  </div>\n                </div>\n              </div>\n            </main>\n            <div className=\"lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2\">\n              <img\n                className=\"h-auto w-full sm:h-72 md:h-96 lg:w-full lg:h-auto\"\n                src=\"Screenshot_3.png\"\n                alt=\"\"\n              />\n            </div>\n          </div>\n        </Grid> */}\n        <Grid item xs={12}>\n          <div style={{ backgroundImage: `url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%239C92AC' fill-opacity='1' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E\")`,\n            backgroundColor: \"rgba(223, 219, 229, 0.4)\"\n          }}\n          className=\"pb-4 px-2 rounded-2xl shadow-xl\">\n            <main className=\"mt-10 mx-auto max-w-7xl px-4 sm:mt-12 sm:px-6 md:mt-16 lg:mt-20 lg:px-8 xl:mt-28\">\n              <div className=\"sm:text-center lg:text-left\">\n                <h1 className=\"text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:text-6xl pt-2\" style={{ fontFamily: ['Montserrat', 'sans-serif'] }}>\n                  <span className=\"block xl:inline\">Stupid Games</span>{' '}\n                  <span className=\"block text-indigo-600\">Omegalul.co</span>\n                </h1>\n                <p className=\"mt-3 text-base text-gray-700 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0\">\n                  Just some silly games (atm just one) if you're feeling a little bored while watching Papaplatte sucking in all sorts of games :)\n                </p>\n                <div className=\"mt-5 sm:mt-8 sm:flex sm:justify-center lg:justify-start\">\n                  <div className=\"rounded-md shadow\">\n                    <a\n                      href=\"https://www.papaplatte.shop/\"\n                      className=\"w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 md:py-4 md:text-lg md:px-10 focus:ring-4\"\n                    >\n                      OMEGALUL CO. Shop<br/>\n                    </a>\n                  </div>\n                  <div className=\"mt-3 sm:mt-0 sm:ml-3\">\n                    <Link\n                      to=\"/button-fiddle\"\n                      className=\"w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-indigo-700 bg-indigo-50 hover:bg-indigo-200 md:py-4 md:text-lg md:px-10 focus:ring-4\"\n                    >\n                      Try Button Fiddle!\n                    </Link>\n                  </div>\n                </div>\n              </div>\n            </main>\n            <div className=\"lg:relative lg:w-6/12 sm:w-screen\" style={{ bottom: 360, left: '55%' }}>\n              <img\n                className=\"h-auto sm:h-72 md:h-96 lg:h-auto lg:absolute\"\n                src=\"Screenshot_3cut.png\"\n                alt=\"\"\n              />\n            </div>\n          </div>\n        </Grid>\n        <Grid item xs={12}>\n          <div style={{ backgroundImage: `url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%239C92AC' fill-opacity='1' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E\")`,\n            backgroundColor: \"rgba(223, 219, 229, 0.4)\"\n          }}\n          className=\"pb-4 px-2 rounded-2xl shadow-xl\">\n            <main className=\"mt-10 mx-auto max-w-7xl px-4 sm:mt-12 sm:px-6 md:mt-16 lg:mt-20 lg:px-8 xl:mt-28\">\n              <div className=\"sm:text-center lg:text-left\">\n                <h1 className=\"text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:text-6xl pt-2\" style={{ fontFamily: ['Montserrat', 'sans-serif'] }}>\n                  <span className=\"block xl:inline font-bold\">Podcast with<br/><span className=\"block text-white xl:inline\">Dominik</span> & <span className=\"block text-white xl:inline\">Kevin</span></span>\n                </h1>\n                <p className=\"mt-3 text-base text-gray-700 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0\">\n                  Wisdoms of life, Retzmannsche rules and lots of sick stories.<br/>\n                  All in all, baba content!\n                </p>\n                <div className=\"mt-5 sm:mt-8 sm:flex sm:justify-center lg:justify-start\">\n                  <div className=\"rounded-md shadow\">\n                    <a\n                      href=\"https://open.spotify.com/show/1cNRg79HvjV8XC7LvGwqV0\"\n                      className=\"w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-black hover:bg-gray-900 md:py-4 md:text-lg md:px-10 focus:ring-4\"\n                    >\n                      Spotify\n                    </a>\n                  </div>\n                  <div className=\"mt-3 sm:mt-0 sm:ml-3\">\n                    <a\n                      href=\"apple.co/2zFsZlj\"\n                      className=\"w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-black bg-white hover:bg-gray-50 md:py-4 md:text-lg md:px-10 focus:ring-4\"\n                    >\n                      Apple Podcasts\n                    </a>\n                  </div>\n                  <div className=\"mt-3 sm:mt-0 sm:ml-3\">\n                    <a\n                      href=\"https://www.deezer.com/de/show/70781\"\n                      className=\"w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-black hover:bg-gray-900 md:py-4 md:text-lg md:px-10 focus:ring-4\"\n                    >\n                      Deezer\n                    </a>\n                  </div>\n                </div>\n              </div>\n            </main>\n            <div className=\"lg:relative lg:w-6/12 sm:w-screen\" style={{ bottom: 340, left: '55%' }}>\n              <img\n                className=\"h-auto sm:h-72 md:h-96 lg:h-auto lg:absolute shadow-2xl\"\n                src=\"edeltalk.jpg\"\n                alt=\"\"\n              />\n            </div>\n          </div>\n        </Grid>\n        <Grid item xs={12}>\n          <div style={{ backgroundImage: `url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%239C92AC' fill-opacity='1' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E\")`,\n            backgroundColor: \"rgba(223, 219, 229, 0.4)\"\n          }}\n          className=\"pb-4 px-2 rounded-2xl shadow-xl\">\n            <main className=\"mt-10 mx-auto max-w-7xl px-4 sm:mt-12 sm:px-6 md:mt-16 lg:mt-20 lg:px-8 xl:mt-28\">\n              <div className=\"sm:text-center lg:text-left\">\n                <h1 className=\"text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:text-6xl pt-2\" style={{ fontFamily: ['Montserrat', 'sans-serif'] }}>\n                  <span className=\"block xl:inline font-bold\">Papalatte on <br/><span className=\"block text-indigo-600 xl:inline\">Socialmedia</span></span>\n                </h1>\n                <p className=\"mt-3 text-base text-gray-700 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0\">\n                  All kinds of platforms where you can marvel at the full-time mail opener with a tendency to sickly laughing friends.\n                </p>\n                <div className=\"mt-5 sm:mt-8 sm:flex sm:justify-center lg:justify-start\">\n                  <div className=\"mt-3 sm:mt-0 sm:ml-3\">\n                    <LinkModal title=\"Spotify\" bgcolor=\"bg-green-500\" hovercolor=\"bg-green-600\" links={[{ title: 'Music/Rap (Papaplatte)', href: 'https://open.spotify.com/artist/587WC9AiWHdXXBSOakO3Di' }, { title: 'Podcast (Edeltalk)', href: 'https://open.spotify.com/show/1cNRg79HvjV8XC7LvGwqV0' }]}/>\n                  </div>\n                  <div className=\"mt-3 sm:mt-0 sm:ml-3\">\n                    <a\n                      href=\"https://www.twitch.tv/papaplatte\"\n                      target=\"_blank\"\n                      className=\"w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-indigo-50 bg-purple-800 hover:bg-purple-900 md:py-4 md:text-lg md:px-5 focus:ring-4\"\n                    >\n                      Twitch\n                    </a>\n                  </div>\n                  <div className=\"mt-3 sm:mt-0 sm:ml-3\">\n                    <LinkModal title=\"YouTube\" bgcolor=\"bg-red-600\" hovercolor=\"bg-red-700\" links={[{ title: 'Main (Papaplatte)', href: 'https://www.youtube.com/Papaplatte' }, { title: 'Gaming (Papaplatte Gaming)', href: 'https://www.youtube.com/PapaplatteGaming' }, { title: 'Reaction (Domo)', href: 'https://www.youtube.com/domopapaplatte' }]}/>\n                  </div>\n                  <div className=\"mt-3 sm:mt-0 sm:ml-3\">\n                    <LinkModal title=\"Twitter\" bgcolor=\"bg-blue-500\" hovercolor=\"bg-blue-600\" links={[{ title: 'Main (Papaplatte)', href: 'https://twitter.com/papaplatte' }, { title: 'Podcast (Edeltalk)', href: 'https://twitter.com/edeltalk' }]}/>\n                  </div>\n                  <div className=\"mt-3 sm:mt-0 sm:ml-3\">\n                    <LinkModal title=\"Instagram\" bgcolor=\"bg-yellow-600\" hovercolor=\"bg-yellow-700\" links={[{ title: 'Main (Papaplatte)', href: 'https://www.instagram.com/papaplatte/' }, { title: 'Podcast (Edeltalk)', href: 'https://www.instagram.com/edeltalk/' }]}/>\n                  </div>\n                </div>\n              </div>\n            </main>\n            <div className=\"lg:relative lg:w-6/12 sm:w-screen\" style={{ bottom: 360, left: '55%' }}>\n              <img\n                className=\"h-auto sm:h-72 md:h-96 lg:h-auto lg:absolute\"\n                src=\"Screenshot_1.png\"\n                alt=\"\"\n              />\n            </div>\n          </div>\n        </Grid>\n        {/* <Grid item xs={12}>\n          <div \n          className=\"flex-row\">\n            <Grid container direction=\"row\" justifyContent=\"space-between\" alignItems=\"center\">\n              <Grid item style={{ backgroundImage: `url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%239C92AC' fill-opacity='1' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E\")`,\n                backgroundColor: \"rgba(223, 219, 229, 0.4)\"\n              }}\n              className=\"rounded-2xl shadow-xl w-screen p-8\">\n                <div className=\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8\">\n                  <div className=\"sm:text-center lg:text-left\">\n                    <h1 className=\"text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:text-6xl pt-2\" style={{ fontFamily: ['Montserrat', 'sans-serif'] }}>\n                      <span className=\"block xl:inline font-bold\">Podcast with<br/><span className=\"block text-indigo-600 xl:inline\">Dominik</span> & <span className=\"block text-indigo-600 xl:inline\">Kevin</span></span>\n                    </h1>\n                    <p className=\"mt-3 text-base text-gray-700 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0\">\n                      Wisdoms of life, Retzmannsche rules and lots of sick stories.<br/>\n                      All in all, baba content!\n                    </p>\n                    <div className=\"mt-5 sm:mt-8 sm:flex sm:justify-center lg:justify-start\">\n                      <div className=\"rounded-md shadow\">\n                        <a\n                          href=\"https://open.spotify.com/show/1cNRg79HvjV8XC7LvGwqV0\"\n                          className=\"w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 md:py-4 md:text-lg md:px-10 focus:ring-4\"\n                        >\n                          Spotify\n                        </a>\n                      </div>\n                      <div className=\"mt-3 sm:mt-0 sm:ml-3\">\n                        <a\n                          href=\"https://www.deezer.com/de/show/70781\"\n                          className=\"w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-indigo-700 bg-indigo-50 hover:bg-indigo-200 md:py-4 md:text-lg md:px-10 focus:ring-4\"\n                        >\n                          Deezer OMEGALUL!\n                        </a>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </Grid>\n              <Grid item className=\"absolute right-0 w-6/12\">\n                <div>\n                  <img\n                    src=\"edeltalk.jpg\"\n                    alt=\"\"\n                    className=\"shadow-2xl\"\n                  />\n                </div>\n              </Grid>\n            </Grid>\n          </div>\n        </Grid>\n        <Grid item xs={12}>\n          <div \n          className=\"px-2 flex-row\">\n            <Grid container direction=\"row\" justifyContent=\"space-around\" alignItems=\"center\">\n              <Grid item style={{ backgroundImage: `url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%239C92AC' fill-opacity='1' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E\")`,\n                backgroundColor: \"rgba(223, 219, 229, 0.4)\"\n              }}\n              className=\"rounded-2xl shadow-xl w-screen p-6\">\n                <div className=\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8\">\n                  <div className=\"sm:text-center lg:text-left\">\n                    <h1 className=\"text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:text-6xl pt-2\" style={{ fontFamily: ['Montserrat', 'sans-serif'] }}>\n                      <span className=\"block xl:inline font-bold\">Podcast with<br/><span className=\"block text-indigo-600 xl:inline\">Dominik</span> & <span className=\"block text-indigo-600 xl:inline\">Kevin</span></span>\n                    </h1>\n                    <p className=\"mt-3 text-base text-gray-700 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0\">\n                      Wisdoms of life, Retzmannsche rules and lots of sick stories.<br/>\n                      All in all, baba content!\n                    </p>\n                    <div className=\"mt-5 sm:mt-8 sm:flex sm:justify-center lg:justify-start\">\n                      <div className=\"rounded-md shadow\">\n                        <a\n                          href=\"https://open.spotify.com/show/1cNRg79HvjV8XC7LvGwqV0\"\n                          className=\"w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 md:py-4 md:text-lg md:px-10 focus:ring-4\"\n                        >\n                          Spotify\n                        </a>\n                      </div>\n                      <div className=\"mt-3 sm:mt-0 sm:ml-3\">\n                        <a\n                          href=\"https://www.deezer.com/de/show/70781\"\n                          className=\"w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-indigo-700 bg-indigo-50 hover:bg-indigo-200 md:py-4 md:text-lg md:px-10 focus:ring-4\"\n                        >\n                          Deezer OMEGALUL!\n                        </a>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </Grid>\n              <Grid item className=\"absolute right-0 w-6/12\">\n                <div>\n                  <img\n                    src=\"Screenshot_3cut.png\"\n                  />\n                </div>\n              </Grid>\n            </Grid>\n          </div>\n        </Grid> */}\n      </Grid>\n    </NavBar>\n  )\n}","import { useEffect } from 'react';\nimport NavBar from '../components/NavBar';\nimport { Helmet } from 'react-helmet';\n\nexport default function ButtonFiddle() {\n  document.addEventListener('keydown', function (e) {\n    console.log('key press' + e.keyCode);\n  });\n  // detect enter or exit fullscreen mode\n  document.addEventListener('webkitfullscreenchange', fullscreenChange);\n  document.addEventListener('mozfullscreenchange', fullscreenChange);\n  document.addEventListener('fullscreenchange', fullscreenChange);\n  document.addEventListener('MSFullscreenChange', fullscreenChange);\n  return (\n    <NavBar>\n      <div className=\"mt-10\">\n        <h1 className=\"font-bold text-4xl mb-1\">Button Fiddle</h1>\n        <p>Try to click the button as often as possible without touching the circles.<br/>Feel free to post a screenshot of your <span className=\"text-indigo-800 font-bold\">Highscore</span> on Twitter with the Hashtag <span className=\"text-indigo-800 font-bold\">#ButtonFiddle</span> !</p>\n      </div>\n      <div className=\"h-5/6 shadow-xl rounded\">\n        <button onClick={fullscreen} className=\"relative top-10 bg-white float-right rounded-lg\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-10 w-10\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4\" />\n          </svg>\n        </button>\n        <iframe src=\"/button-fiddle.html\" className=\"w-full h-screen border-2 rounded-md\"/>\n      </div>\n    </NavBar>\n  )\n}\n\nfunction fullscreen() {\n  // check if fullscreen mode is available\n  if (document.fullscreenEnabled || \n    document.webkitFullscreenEnabled || \n    document.mozFullScreenEnabled ||\n    document.msFullscreenEnabled) {\n    \n    // which element will be fullscreen\n    var iframe = document.querySelector('iframe');\n    // Do fullscreen\n    if (iframe.requestFullscreen) {\n      iframe.requestFullscreen();\n    } else if (iframe.webkitRequestFullscreen) {\n      iframe.webkitRequestFullscreen();\n    } else if (iframe.mozRequestFullScreen) {\n      iframe.mozRequestFullScreen();\n    } else if (iframe.msRequestFullscreen) {\n      iframe.msRequestFullscreen();\n    }\n  }\n  else {\n    document.querySelector('.error').innerHTML = 'Your browser is not supported';\n  }\n}\n\nfunction fullscreenChange() {\n  if (document.fullscreenEnabled ||\n       document.webkitIsFullScreen || \n       document.mozFullScreen ||\n       document.msFullscreenElement) {\n    console.log('enter fullscreen');\n  }\n  else {\n    console.log('exit fullscreen');\n  }\n  // force to reload iframe once to prevent the iframe source didn't care about trying to resize the window\n  // comment this line and you will see\n  var iframe = document.querySelector('iframe');\n  iframe.src = iframe.src;\n}","import \"./App.css\";\nimport React from \"react\";\nimport {\n    BrowserRouter as Router,\n    Routes,\n    Route,\n    Link,\n    useRouteMatch,\n    useParams,\n} from \"react-router-dom\";\nimport LandingPage from \"./pages/LandingPage\";\nimport ButtonFiddle from \"./pages/ButtonFiddle\";\n\nfunction App() {\n    return (\n        <Router>\n            <Routes>\n                <Route path=\"/\" element={<LandingPage />} />\n                <Route path=\"/button-fiddle\" element={<ButtonFiddle />} />\n            </Routes>\n        </Router>\n    );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}