{"version":3,"sources":["assets/img/office.jpg","assets/img/me2.jpg","assets/cv.pdf","components/Footer.js","views/Backform.js","views/Landing.js","index.js"],"names":["Footer","className","style","height","xmlns","preserveAspectRatio","version","viewBox","x","y","points","onClick","window","open","target","type","href","Backform","useState","sessionStorage","getItem","name","setName","email","setEmail","message","setMessage","status","setStatus","cnt","setCnt","oopsShow","fieldsShow1","fieldsShow2","successShow","spinShow","wholeBox","class","flex","htmlFor","placeholder","transition","onChange","e","setItem","value","rows","cols","data","emailjs","send","then","result","console","log","error","text","PetCard","props","activeShadow","iconDivStyle","colors","pointer","iconStyle","title","children","TGCard","WebCard","UdemyCard","Publication","year","authors","place","ReactDOM","render","path","component","url","require","default","minHeight","backgroundImage","id","alt","src","maxWidth","mehtod","action","document","getElementById"],"mappings":"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","file":"static/js/main.022acaff.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/office.271c19d1.jpg\";","export default __webpack_public_path__ + \"static/media/me2.1edeadf4.jpg\";","export default __webpack_public_path__ + \"static/media/cv.c665f94e.pdf\";","import React from \"react\";\n\nexport default function Footer() {\n  return (\n    <footer className=\"relative bg-gray-300 pt-8 pb-6\">\n      <div\n        className=\"bottom-auto top-0 left-0 right-0 w-full absolute pointer-events-none overflow-hidden -mt-20\"\n        style={{ height: \"80px\" }}\n      >\n        <svg\n          className=\"absolute bottom-0 overflow-hidden\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          preserveAspectRatio=\"none\"\n          version=\"1.1\"\n          viewBox=\"0 0 2560 100\"\n          x=\"0\"\n          y=\"0\"\n        >\n          <polygon\n            className=\"text-gray-300 fill-current\"\n            points=\"2560 0 2560 100 0 100\"\n          ></polygon>\n        </svg>\n      </div>\n      <div className=\"container mx-auto px-4\">\n        <div className=\"flex flex-wrap justify-center\">\n          <div className=\"px-4 flex flex-col justify-items-center\">\n            <h4 className=\"text-3xl font-semibold\">\n              Let's keep in touch!\n            </h4>\n            <div className=\"mt-6 flex justify-center\">\n              <button\n                className=\"bg-white hover:bg-gray-200 hover:shadow-lg duration-200 text-blue-500 shadow-lg font-normal h-12 w-12  rounded-full items-center justify-center align-center outline-none focus:outline-none mr-2\"\n                onClick={() => { window.open(\"https://www.linkedin.com/in/seva-oparin/\"); }}\n                target=\"_blank\"\n                type=\"button\"\n              >\n                <i className=\"fab fa-linkedin-in fa-2x\"></i>\n              </button>\n              <button\n                className=\"bg-white hover:bg-gray-200 hover:shadow-lg duration-200 text-gray-900 shadow-lg font-normal h-12 w-12  rounded-full items-center justify-center align-center outline-none focus:outline-none mr-2\"\n                onClick={() => { window.open(\"https://github.com/vsevolod-oparin/\"); }}\n                target=\"_blank\"\n                type=\"button\"\n              >\n                <i className=\"fab fa-github fa-2x\"></i>\n              </button>\n\n              <button\n                className=\"bg-white hover:bg-gray-200 hover:shadow-lg duration-200 text-blue-400 shadow-lg font-normal h-12 w-12  rounded-full items-center justify-center align-center outline-none focus:outline-none mr-2\"\n                onClick={() => { window.open(\"https://t.me/MirLy\"); }}\n                target=\"_blank\"\n                type=\"button\"\n              >\n                <i className=\"fab fa-telegram fa-2x\"></i>\n              </button>\n              <button\n                className=\"bg-white hover:bg-gray-200 hover:shadow-lg duration-200 text-gray-900 shadow-lg font-normal h-12 w-12  rounded-full items-center justify-center align-center outline-none focus:outline-none mr-2\"\n                onClick={() => { window.open(\"mailto:oparin.vsevolod@gmail.com\"); }}\n                target=\"_blank\"\n                type=\"button\"\n              >\n                <i className=\"far fa-envelope fa-2x\"></i>\n              </button>\n            </div>\n          </div>\n        </div>\n        <hr className=\"my-6 border-gray-400\" />\n        <div className=\"flex flex-wrap items-center md:justify-between justify-center\">\n          <div className=\"w-full md:w-4/12 px-4 mx-auto text-center\">\n            <div className=\"text-sm text-gray-600 font-semibold py-1\">\n              Powered by Tailwind Starter Kit / {\" \"}\n              <a\n                href=\"https://www.creative-tim.com\"\n                className=\"text-gray-600 hover:text-gray-900\"\n              >\n                Creative Tim\n              </a>.\n            </div>\n          </div>\n        </div>\n      </div>\n    </footer>\n  );\n}\n","import { useState } from 'react';\nimport emailjs from 'emailjs-com';\n\nexport function Backform() {\n\n  const [name, setName] = useState(\n    window.sessionStorage.getItem('name') || \"\"\n  );\n  const [email, setEmail] = useState(\n    window.sessionStorage.getItem('email') || \"\"\n  );\n  const [message, setMessage] = useState(\n    window.sessionStorage.getItem('message') || \"\"\n  );\n  const [status, setStatus] = useState(0);\n  const [cnt, setCnt] = useState(0);\n\n  function setNameH(e) {\n    window.sessionStorage.setItem('name', e.target.value);\n    setName(e.target.value);\n  }\n\n  function setEmailH(e) {\n    window.sessionStorage.setItem('email', e.target.value);\n    setEmail(e.target.value);\n  }\n\n  function setMessageH(e) {\n    window.sessionStorage.setItem('message', e.target.value);\n    setMessage(e.target.value);\n  }\n\n  function sendIt(e) {\n    if (status === 4) {\n      return;\n    }\n    if (message === \"\" || name === \"\" || email === \"\") {\n      setStatus(2);\n      setCnt(cnt + 1);\n      return;\n    }\n    setStatus(4);\n    let data = {\n      'email': email,\n      'name': name,\n      'message': message,\n    }\n    emailjs.send(\n      'service_deumdlo',\n      'template_prynwdh',\n      data,\n      \"DLFxCxcwfSFh_uaDt\"\n    )\n      .then((result) => {\n        console.log(result);\n        setMessage(\"\");\n        setName(\"\");\n        setEmail(\"\");\n        window.sessionStorage.setItem('name', \"\");\n        window.sessionStorage.setItem('email', \"\");\n        window.sessionStorage.setItem('message', \"\");\n        setStatus(3);\n      }, (error) => {\n        console.log(error.text);\n        setStatus(1);\n      });\n  }\n\n\n  let oopsShow = status === 1 ? \"\" : \"hidden\";\n  let fieldsShow1 = status === 2 && cnt % 2 === 0 ? \"\" : \"hidden\";\n  let fieldsShow2 = status === 2 && cnt % 2 === 1 ? \"\" : \"hidden\";\n  let successShow = status === 3 ? \"\" : \"hidden\";\n  let spinShow = status === 4 ? \"\" : \"hidden\";\n  let wholeBox = status === 0 ? \"hidden\" : \"\";\n\n  return (<section className=\"relative block py-24 lg:pt-0 bg-gray-900\">\n    <div className=\"container mx-auto px-4\">\n      <div className=\"flex flex-wrap justify-center lg:-mt-64 -mt-48\">\n        <div className=\"w-full lg:w-6/12 px-4\">\n          <div className=\"relative flex flex-col min-w-0 break-words w-full mb-6 shadow-lg rounded-lg bg-gray-300\">\n            <div className=\"flex-auto p-5 lg:p-10\">\n              <h4 className=\"text-2xl font-semibold\">\n                Want to work with me?\n              </h4>\n              <p className=\"leading-relaxed mt-1 mb-4 text-gray-600\">\n                Complete this form and I will get back.\n              </p>\n              <div className={\"flex \" + wholeBox}>\n                <p className={\"text-red-500 font-bold \" + oopsShow}>\n                  Ooops, something went wrong, try again later.\n                </p>\n                <p className={\"text-red-500 font-bold highlight-it \" + fieldsShow1}>\n                  All fields must be filled.\n                </p>\n                <p className={\"text-red-500 font-bold highlight-it \" + fieldsShow2}>\n                  All fields must be filled.\n                </p>\n                <p className={\"text-green-600 font-bold \" + successShow}>\n                  Success!\n                </p>\n                <p className={\"\" + spinShow}>\n                  Sending... &nbsp; <i class=\"fas fa-circle-notch fa-spin\"></i>\n                </p>\n                <div className flex=\"flex-1\"/>\n              </div>\n              <div className=\"relative w-full mb-3 mt-8\">\n                <label\n                  className=\"block uppercase text-gray-700 text-xs font-bold mb-2\"\n                  htmlFor=\"full-name\"\n                >\n                  Name\n                </label>\n                <input\n                  type=\"text\"\n                  name=\"name\"\n                  className=\"border-0 px-3 py-3 placeholder-gray-400 text-gray-700 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full\"\n                  placeholder=\"Full Name\"\n                  style={{ transition: \"all .15s ease\" }}\n                  onChange={setNameH}\n                  value={name}\n                />\n              </div>\n\n              <div className=\"relative w-full mb-3\">\n                <label\n                  className=\"block uppercase text-gray-700 text-xs font-bold mb-2\"\n                  htmlFor=\"email\"\n                >\n                  Email\n                </label>\n                <input\n                  type=\"email\"\n                  name=\"email\"\n                  className=\"border-0 px-3 py-3 placeholder-gray-400 text-gray-700 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full\"\n                  placeholder=\"Email\"\n                  style={{ transition: \"all .15s ease\" }}\n                  onChange={setEmailH}\n                  value={email}\n                />\n              </div>\n\n              <div className=\"relative w-full mb-3\">\n                <label\n                  className=\"block uppercase text-gray-700 text-xs font-bold mb-2\"\n                  htmlFor=\"message\"\n                >\n                  Message\n                </label>\n                <textarea\n                  rows=\"4\"\n                  cols=\"80\"\n                  name=\"message\"\n                  className=\"border-0 px-3 py-3 placeholder-gray-400 text-gray-700 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full\"\n                  placeholder=\"Type a message...\"\n                  onChange={setMessageH}\n                  value={message}\n                />\n              </div>\n              <div className=\"text-center mt-6\">\n                <button\n                  className=\"bg-gray-800 hover:bg-gray-900 text-white active:bg-gray-700 text-sm font-bold uppercase px-6 py-3 rounded shadow hover:shadow-lg outline-none focus:outline-none mr-1 mb-1\"\n                  type=\"button\"\n                  style={{ transition: \"all .15s ease\" }}\n                  onClick={sendIt}\n                >\n                  Send Message\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </section>);\n}\n","import React from \"react\";\n\nimport Footer from \"components/Footer.js\";\nimport { Backform } from \"views/Backform.js\";\n\n\nfunction PetCard(props) {\n  let href = props.href;\n  let activeShadow = props.href ? \" hover:shadow-2xl\" : \"\"\n  let iconDivStyle = `${props.colors || \"\"} text-center inline-flex items-center justify-center w-10 h-10 rounded-full`;\n  let pointer = props.href ? \" cursor-pointer\" : \"\";\n\n  function handler(e) {\n    if (href) {\n      window.open(href, '_blank', 'noopener,noreferrer')\n    }\n  }\n  return (\n    <div className={\"lg:pt-12 py-3 w-full px-4 text-center relative\" + pointer} onClick={handler}>\n      <div className={\"relative flex flex-col min-w-0 break-words bg-white w-full h-full mb-2 shadow-lg rounded-lg\" + activeShadow}>\n        <div className=\"px-4 pt-5 flex-auto\">\n          <div className=\"flex items-start\">\n            <div className={iconDivStyle}>\n              <i className={props.iconStyle}></i>\n            </div>\n            <div className=\"mx-4\"/>\n            <h6 className=\"text-xl mt-1 font-semibold \">{props.title}</h6>\n          </div>\n          <p className=\"mt-4 mb-4 text-gray-600 text-left\">\n            {props.children}\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction TGCard(props) {\n  return (\n    <PetCard\n      iconStyle=\"fab fa-telegram fa-3x\"\n      title={props.title}\n      colors=\"bg-white text-blue-400\"\n      href={props.href || \"\"}\n    >\n      {props.children}\n    </PetCard>\n  );\n}\n\nfunction WebCard(props) {\n  return (\n    <PetCard\n      iconStyle=\"fab fa-html5 fa-3x\"\n      title={props.title}\n      colors=\"bg-white text-green-600\"\n      href={props.href || \"\"}\n    >\n      {props.children}\n    </PetCard>\n  );\n}\n\nfunction UdemyCard(props) {\n  return (\n    <PetCard\n      iconStyle=\"udemy\"\n      title={props.title}\n      href={props.href || \"\"}\n    >\n      {props.children}\n    </PetCard>\n  );\n}\n\nfunction Publication(props) {\n  return (<div className=\"px-4 pt-5 ml-5 flex-auto flex\">\n    <div className=\"text-blue-400 bg-white text-center inline-flex items-begin justify-center w-10 h-10 shadow-lg rounded-full mr-5 \">\n      <i className=\"fa fa-scroll  mt-3\"></i>\n    </div>\n    <p className='text-left'>\n      <span className='font-bold'>[{props.year}] {props.title}</span><br/>\n      {props.authors};<br/>\n      {props.place}\n    </p>\n  </div>);\n}\n\nexport default function Landing() {\n  let url = require(\"assets/img/office.jpg\").default;\n\n  return (\n    <>\n      <main>\n        <div className=\"relative pt-16 pb-32 flex content-center items-center justify-center\"\n            style={{\n              minHeight: \"70vh\"\n            }}>\n          <div className=\"absolute top-0 w-full h-full bg-center bg-cover\"\n              style={{\n                backgroundImage: `url('${url}')`\n              }}>\n            <span id=\"blackOverlay\" className=\"w-full h-full absolute opacity-75 bg-black\"></span>\n          </div>\n          <div className=\"container relative mx-auto\">\n            <div className=\"items-center flex flex-wrap\">\n              <div className=\"flex-initial flex-shrink\" />\n              <div className=\"flex-1 px-4 mr-10 text-center flex\">\n                <div className=\"px-6 flex-1\">\n                  <img\n                    alt=\"...\"\n                    src={require(\"assets/img/me2.jpg\").default}\n                    className=\"shadow-lg rounded-full max-w-full mx-auto\"\n                    style={{ maxWidth: \"240px\" }}\n                  />\n                </div>\n              </div>\n              <div className=\"w-6/12 px-4 text-center flex-1\">\n                <div className=\"pr-12\">\n                  <h1 className=\"text-white font-semibold text-5xl ml-8 mt-4\">\n                    Seva Oparin\n                  </h1>\n                  <p className=\"mt-4 ml-8 text-lg text-gray-300 text-left\">\n                    Research Scientist and Jack-Of-All-Trades in CS.\n                    I can both read the math and design software.\n                    Mainly interested in clouds and backend development.\n                    Though I don't mind to make a web-interface.\n                  </p>\n                </div>\n              </div>\n              <div className=\"flex-initial flex-shrink\" />\n\n            </div>\n          </div>\n\n          <div\n            className=\"top-auto bottom-0 left-0 right-0 w-full absolute pointer-events-none overflow-hidden\"\n            style={{ height: \"70px\" }}\n          >\n            <svg\n              className=\"absolute bottom-0 overflow-hidden\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              preserveAspectRatio=\"none\"\n              version=\"1.1\"\n              viewBox=\"0 0 2560 100\"\n              x=\"0\"\n              y=\"0\"\n            >\n              <polygon\n                className=\"text-gray-300 fill-current\"\n                points=\"2560 0 2560 100 0 100\"\n              ></polygon>\n            </svg>\n          </div>\n        </div>\n\n        <section className=\"pb-20 bg-gray-300\">\n          <div className=\"container mx-auto px-4 -mt-24\">\n            <div className=\"flex flex-wrap\">\n              <div className=\"lg:pt-12 pt-6 w-full md:w-4/12 px-4 text-center\">\n                <div className=\"relative flex flex-col min-w-0 break-words bg-white w-full mb-8 shadow-lg rounded-lg\">\n                  <div className=\"px-4 py-5 flex-auto\">\n                    <div className=\"text-yellow-400 p-3 text-center inline-flex items-center justify-center w-14 h-14 mb-5 shadow-lg rounded-full bg-black\">\n                      <i className=\"fab fa-aws fa-2x\"></i>\n                    </div>\n                    <h6 className=\"text-xl font-semibold\">Cloud Computing</h6>\n                    <p className=\"mt-2 mb-4 text-gray-600 text-left\">\n                      I used to work on FB Tupperware System. After some expereince with AWS EC2, I got interested in developing skills with larger scale software.\n                    </p>\n                  </div>\n                </div>\n              </div>\n\n              <div className=\"w-full md:w-4/12 px-4 text-center\">\n                <div className=\"relative flex flex-col min-w-0 break-words bg-white w-full mb-8 shadow-lg rounded-lg\">\n                  <div className=\"px-4 py-5 flex-auto\">\n                    <div className=\"text-white p-3 text-center inline-flex items-center justify-center w-14 h-14 mb-5 shadow-lg rounded-full bg-blue-600\">\n                      <p className='font-sans text-xl font-bold'>f(x)</p>\n                    </div>\n                    <h6 className=\"text-xl font-semibold\">\n                      Math Expertise\n                    </h6>\n                    <p className=\"mt-2 mb-4 text-gray-600\">\n                      I have a PhD in Theoretical Computer Science, some expereince with mathematical optimization problems, and also passed Andrew Ng's course on ML.\n                    </p>\n                  </div>\n                </div>\n              </div>\n\n              <div className=\"pt-6 w-full md:w-4/12 px-4 text-center\">\n                <div className=\"relative flex flex-col min-w-0 break-words bg-white w-full mb-8 shadow-lg rounded-lg\">\n                  <div className=\"px-4 py-5 flex-auto\">\n                    <div className=\"text-white p-3 text-center inline-flex items-center justify-center w-14 h-14 mb-5 shadow-lg rounded-full bg-green-600\">\n                      <i className=\"fas fa-route fa-2x\"></i>\n                    </div>\n                    <h6 className=\"text-xl font-semibold\">\n                      Self-motivated and <br/>goal oriented\n                    </h6>\n                    <p className=\"mt-2 mb-4 text-gray-600\">\n                      I can move on my own, find people I need in the company. I put achieving the goals over engineering. Also I can mentor others.\n                    </p>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n            <div className='flex flex-row mt-6'>\n              <div className='flex-1' />\n              <form mehtod=\"get\" action={require(\"assets/cv.pdf\").default} target=\"_blank\">\n              <button\n                className='text-3xl text-white font-sans rounded-lg shadow-lg py-4 px-8 duration-200 bg-blue-600 hover:bg-blue-700'\n              >\n                Download CV\n              </button>\n              </form>\n              <div className='flex-1' />\n            </div>\n\n            <div className='mt-20 mb-10 lg:mb-0 ml-5 flex justify-center'>\n              <div className=\"text-red-600 bg-white text-center inline-flex items-center justify-center -mt-1 w-14 h-14 rounded-full\">\n                <i className=\"fas fa-industry fa-2x\"></i>\n              </div>\n              <h3 className=\"text-3xl font-semibold ml-5 leading-normal\">\n                Industrial Experience\n              </h3>\n            </div>\n\n            <div className=\"grid lg:grid-cols-2 grid-cols-1 place-content-stretch\">\n              <PetCard\n                iconStyle=\"fab fa-facebook fa-3x\"\n                colors=\"bg-white text-blue-500\"\n                title=\"Facebook, Inc. - Research Scientist - 2016-2020\"\n              >\n                I worked on end-to-end network data analysis. From building pipeline\n                to manage data-intensive flows to writing mathematical formulas\n                to detect anomalies.\n              </PetCard>\n\n              <PetCard\n                iconStyle=\"jetbrains\"\n                title=\"JetBrains - Software Developer - 2010-2011\"\n              >\n                I contributed to YouTrack, bugtracker developed within the walls\n                of IntelliJ Labs a.k.a JetBrains. I worked both to backend\n                and frontend parts.\n              </PetCard>\n\n\n            </div>\n\n            <div className='mt-20 mb-10 lg:mb-0 ml-5 flex justify-center'>\n              <div className=\"text-green-600 bg-white text-center inline-flex items-center justify-center -mt-1 w-14 h-14 rounded-full\">\n                <i className=\"fas fa-dog fa-2x\"></i>\n              </div>\n              <h3 className=\"text-3xl font-semibold ml-5 leading-normal\">\n                Pet Projects\n              </h3>\n            </div>\n\n            <div className=\"grid xl:grid-cols-2 md:grid-cols-2 grid-cols-1 mb-5 place-content-stretch\">\n              <TGCard title=\"Telegram QR Code Bot\" href=\"https://t.me/qr_myid_bot\">\n                The bot to generate QR codes for telegram for instant contacts.\n                Just start it to generate your own code.\n              </TGCard>\n\n              <TGCard title=\"Telegram TagTagBot\" href=\"https://t.me/tagtag_bot\">\n                Reference Bot that helps people to subscribe on tags and then\n                get notified once the tag is mentioned.\n              </TGCard>\n\n              <UdemyCard title=\"Udemy Course on Geometry\" href=\"https://www.udemy.com/course/2d-geometry-for-game-development/\">\n                I developed two-hours animated course \"2D Geometry for Game\n                Development in Python\" to help early beginners learn basics\n                of geometry and programming in Python.\n              </UdemyCard>\n\n              <WebCard title=\"QuotterBack Service\" href=\"https://www.quotterback.com\">\n                Service that automates quote extraction from Google Doc\n                to Google Spreadhseet.\n              </WebCard>\n            </div>\n          </div>\n        </section>\n\n        <section className=\"relative py-20 bg-white\">\n          <div\n            className=\"bottom-auto top-0 left-0 right-0 w-full absolute pointer-events-none overflow-hidden -mt-20\"\n            style={{ height: \"80px\" }}\n          >\n            <svg\n              className=\"absolute bottom-0 overflow-hidden\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              preserveAspectRatio=\"none\"\n              version=\"1.1\"\n              viewBox=\"0 0 2560 100\"\n              x=\"0\"\n              y=\"0\"\n            >\n              <polygon\n                className=\"text-white fill-current\"\n                points=\"2560 0 2560 100 0 100\"\n              ></polygon>\n            </svg>\n          </div>\n\n          <div className=\"container mx-auto px-4\">\n            <div className=\"items-center flex flex-col flex-wrap\">\n              <div className='mt-2 mb-10 lg:mb-0 ml-5 flex justify-center'>\n                <div className=\"text-blue-600 bg-white text-center inline-flex items-center justify-center -mt-1 w-14 h-14 rounded-full\">\n                  <i className=\"fas fa-flask fa-2x\"></i>\n                </div>\n                <h3 className=\"text-3xl font-semibold ml-5 leading-normal\">\n                  Publications\n                </h3>\n              </div>\n\n              <div className=\"lg:py-12 py-3 w-10/12 px-4 text-center relative\">\n                <div className='flex justify-center w-full'>\n                  <div className=\"relative flex flex-col min-w-0 break-words bg-gray-200 w-auto h-full mb-2 shadow-lg rounded-lg py-6 pr-6\">\n                    <Publication\n                      title=\"Computational and Proof Complexity of Partial String Avoidability\"\n                      authors=\"Dmitry Itsykson, Alexander Okhotin, Vsevolod Oparin\"\n                      place=\"ACM Trans. Comput. Theory 13(1): 6:1-6:25 (2021)\"\n                      year=\"2021\"\n                    />\n\n                    <Publication\n                      title=\"Algorithmic and Hardness Results for the Hub Labeling Problem\"\n                      authors=\"Haris Angelidakis, Yury Makarychev, Vsevolod Oparin\"\n                      place=\"SODA 2017: 1442-1461\"\n                      year=\"2017\"\n                    />\n\n                    <Publication\n                      title=\"Tight Lower Bounds on the Resolution Complexity of Perfect Matching Principles\"\n                      authors=\"Dmitriy Itsykson, Vsevolod Oparin, Mikhail Slabodkin, Dmitriy Sokolov\"\n                      place=\"Fundamenta Informaticae 145 (2016) 1-14\"\n                      year=\"2016\"\n                    />\n\n                    <Publication\n                      title=\"Computational and Proof Complexity of Partial String Avoidability\"\n                      authors=\"Dmitry Itsykson, Alexander Okhotin, Vsevolod Oparin\"\n                      place=\"MFCS 2016: 51:1-51:13\"\n                      year=\"2016\"\n                    />\n\n                    <Publication\n                      title=\"Tight Upper Bound on Splitting by Linear Combinations for Pigeonhole Principle\"\n                      authors=\"Vsevolod Oparin\"\n                      place=\"SAT 2016: 77-84\"\n                      year=\"2016\"\n                    />\n\n                    <Publication\n                      title=\"Tree-like resolution complexity of two planar problems\"\n                      authors=\"Dmitry Itsykson, Anna Malova, Vsevolod Oparin, Dmitry Sokolov\"\n                      place=\"CoRR abs/1412.1124 (2014)\"\n                      year=\"2014\"\n                    />\n\n\n                    <Publication\n                      title=\"Graph Expansion, Tseitin Formulas and Resolution Proofs for CSP\"\n                      authors=\"Dmitry Itsykson, Vsevolod Oparin\"\n                      place=\"CSR 2013: 162-173\"\n                      year=\"2013\"\n                    />\n                  </div>\n                </div>\n              </div>\n\n            </div>\n          </div>\n        </section>\n\n\n\n\n        <section className=\"pb-20 relative block bg-gray-900\">\n          <div\n            className=\"bottom-auto top-0 left-0 right-0 w-full absolute pointer-events-none overflow-hidden -mt-20\"\n            style={{ height: \"80px\" }}\n          >\n            <svg\n              className=\"absolute bottom-0 overflow-hidden\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              preserveAspectRatio=\"none\"\n              version=\"1.1\"\n              viewBox=\"0 0 2560 100\"\n              x=\"0\"\n              y=\"0\"\n            >\n              <polygon\n                className=\"text-gray-900 fill-current\"\n                points=\"2560 0 2560 100 0 100\"\n              ></polygon>\n            </svg>\n          </div>\n\n          <div className=\"container mx-auto px-4 py-12 lg:pt-24 lg:pb-64\">\n            <div className=\"flex flex-wrap text-center justify-center\">\n              <div className=\"w-full lg:w-6/12 px-4\">\n                <h2 className=\"text-4xl font-semibold text-white\">\n                  Looking for an interesting project\n                </h2>\n                <p className=\"text-lg leading-relaxed mt-4 mb-4 text-gray-500\">\n\n                </p>\n              </div>\n            </div>\n          </div>\n        </section>\n        <Backform />\n      </main>\n      <Footer />\n    </>\n  );\n}\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { BrowserRouter, Route, Switch, Redirect } from \"react-router-dom\";\n\nimport './index.css';\nimport \"@fortawesome/fontawesome-free/css/all.min.css\";\n\nimport Landing from \"views/Landing.js\";\n\nReactDOM.render(\n  <BrowserRouter>\n    <Switch>\n      <Route path='/' component={Landing} />\n    </Switch>\n  </BrowserRouter>,\n  document.getElementById(\"root\")\n);\n"],"sourceRoot":""}