{"version":3,"sources":["images/profiles-svg.svg","images/abouts.svg","images/intern-img.jpg","App.js","reportWebVitals.js","index.js"],"names":["App","className","type","id","href","src","alt","about","style","float","maxWidth","width","marginTop","letterSpacing","class","lineHeight","work","profiles","position","top","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.b0b2320f.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/profiles-svg.1a805cd2.svg\";","export default __webpack_public_path__ + \"static/media/abouts.0cd20b53.svg\";","export default __webpack_public_path__ + \"static/media/intern-img.b8a42e8b.jpg\";","import profiles from './images/profiles-svg.svg'\nimport about from './images/abouts.svg'\nimport work from './images/intern-img.jpg'\nimport './App.css';\n\nfunction App() {\n  return (\n    <>\n    <body className=\"bg-image\">\n      <div className=\"d-flex justify-content-center\">\n          <nav className=\"navbar navbar-expand-lg navbar-dark bg-transparent p-4\">\n            <div className=\"container-fluid\">\n            {/* <a className=\"navbar-brand\" href=\"#\">Navbar</a> */}\n            <button className=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#navbarNavAltMarkup\" aria-controls=\"navbarNavAltMarkup\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\n              <span className=\"navbar-toggler-icon\"></span>\n            </button>\n            <div className=\"collapse navbar-collapse\" id=\"navbarNavAltMarkup\">\n              <div className=\"navbar-nav\">\n                <a className=\"nav-link active\" aria-current=\"page\" href=\"#home\">Home</a>\n                <a className=\"nav-link active\" href=\"#about\">About</a>\n                <a className=\"nav-link active\" href=\"#portfolio\">Portfolio</a>\n                <a className=\"nav-link active\" href=\"#internship\">Internship</a>\n                <a className=\"nav-link active\" href=\"#profiles\">Profiles</a>\n              </div>\n            </div>\n          </div>\n        </nav>\n      </div>\n      <br />\n      <div className=\"container\">\n        <section id=\"home\" className=\"home py-2\">\n          <div className=\"d-flex justify-content-center\">\n            <img src=\"./dp.jpg\" className=\"dp-pic\" alt=\"dp\" />\n          </div>\n          <br/>\n          <h1 className=\"text-center text-light fw-bold\">\n            Hi! I'm Badri Vishal Mani Tripathi\n          </h1>\n          <br />\n          <h4 className=\"text-center text-light\">\n            I'm a Front end Developer and a Competitive Programmer\n          </h4>\n          <br />\n          <br />\n          <br />\n        </section>\n      </div>\n      <section id=\"about\" className=\"about bg-light\">\n        <img src={about} style={{float: \"right\", maxWidth: \"100%\", width: \"450px\", marginTop: \"50px\"}} alt=\"purple-img\" />\n        <div className=\"container-fluid\">\n          <h2 className=\"text-dark py-5 p-4 fw-bold\">\n            About Me\n          </h2>\n          <p className=\"text-dark fs-5 p-4 py-0\" style={{marginTop: '-35px'}}>\n            I am front end web developer from India, who also likes to do competitive programming and programming in Python.\n          </p>\n          <p className=\"text-dark fs-5 py-0 p-4\">\n            I also like to use GitHub, I use GitHub for Saving my code, Contributing to other open source projects, Hosting a Website and many more things. Also, I have <b style={{letterSpacing: '1px'}}>700+ Contributions </b>, <b style={{letterSpacing: '1px'}}>600+ Commits </b>, <b style={{letterSpacing: '1px'}}>15+ Repositories </b><b style={{letterSpacing: '1px'}}>31+ Pull Requests </b> on GitHub.\n          </p>\n          <br />\n          <h2 className=\"text-dark fw-bold py-0 p-4\">\n            Languages\n          </h2>\n          <br />\n          <p className=\"text-dark fs-5 py-0 p-4\" style={{marginTop: '-5px'}}>\n            I know languages like React JS, Java Script, HTML, CSS, Git & GitHub, Tailwind CSS, Python, Flask, and Bootstrap\n          </p>\n          <br />\n          <br />\n          <ul class=\"about-profiles-ul\">\n          <li><a href=\"https://codechef.com/users/mrbluebird2\" className=\"text-dark\"><i className=\"fa fa-cc text-dark\"></i></a></li>\n          <li><a href=\"https://www.linkedin.com/in/badri-vishal-mani-tripathi-721a8421a/\" className=\"text-dark\"><i className=\"fa fa-linkedin text-dark\"></i></a></li>\n          <li><a href=\"https://github.com/mrbluebird2\" className=\"text-dark\"><i className=\"fa fa-github text-dark\"></i></a></li>\n          <li><a href=\"mailto:badrivishalmanitripathi@gmail.com\" className=\"text-dark\"><i className=\"fa fa-envelope text-dark\"></i></a></li>\n          </ul>\n          <br />\n          <br />\n        </div>\n      </section>\n      <section id=\"portfolio\" className=\"portfolio bg-dark\">\n        <div className=\"container-fluid\">\n          <h2 className=\"fw-bold text-center text-light py-5\">\n            Things I Created / Projects\n          </h2>\n        </div>\n        <br />\n        <div className=\"container-fluid\">\n          <div className=\"row row-1\" style={{marginTop: '-30px'}}>\n            <div className=\"col-md-4 shadow-lg\">\n              <div className=\"container-item bg-light p-5 rounded\">\n              <a href=\"https://github.com/MrBlueBird2/MrBlueBird2.github.io\" className=\"text-decoration-none\">\n                <h4 className=\"text-dark fw-bold\">\n                  MrBlueBird2.github.io\n                </h4>\n                </a>\n                <h5 className=\"text-muted\" style={{marginTop: '10px', lineHeight: '36px'}}>\n                Badri Vishal's Personal Portfolio Website. Built with HTML CSS Boostrap CSS and JS, and ❤️\n                </h5>\n              </div>\n            </div>\n            <div className=\"col-md-4 shadow-lg\">\n              <div className=\"container-item bg-light p-5 rounded\">\n              <a href=\"https://github.com/MrBlueBird2/portfolio-react\" className=\"text-decoration-none\">\n                <h4 className=\"text-dark fw-bold\">\n                  portfolio-react\n                </h4>\n                </a>\n                <h5 className=\"text-muted\" style={{marginTop: '10px', lineHeight: '36px'}}>\n                Badri Vishal known as MrBlueBird2's Portfolio but Built with React JS CSS Bootstrap and ❤️\n                </h5>\n              </div>\n            </div>\n            <div className=\"col-md-4 shadow-lg\">\n              <div className=\"container-item bg-light p-5 rounded\">\n                <a href=\"https://github.com/MrBlueBird2/MrBlueBird2\" className=\"text-decoration-none\">\n                <h4 className=\"text-dark fw-bold\">\n                  MrBlueBird2\n                </h4>\n                </a>\n                <h5 className=\"text-muted\" style={{marginTop: '10px', lineHeight: '36px'}}>\n                Amazing README.md Profile for my Github Profile + Hello World program in 8 Languages\n                </h5>\n              </div>\n            </div>\n          </div>\n          <div className=\"row row-1\" style={{marginTop: '20px'}}>\n            <div className=\"col-md-4 shadow-lg\">\n              <div className=\"container-item bg-light p-5 rounded\">\n              <a href=\"https://github.com/MrBlueBird2/to-do-list-flask\" className=\"text-decoration-none\">\n                <h4 className=\"text-dark fw-bold\">\n                  to-do-list-flask\n                </h4>\n                </a>\n                <h5 className=\"text-muted\" style={{marginTop: '10px', lineHeight: '36px'}}>\n                iTodo, To do list Web Application, Built with Flask, Database, HTML, Bootstrap, and Jinja\n                </h5>\n              </div>\n            </div>\n            <div className=\"col-md-4 shadow-lg\">\n              <div className=\"container-item bg-light p-5 rounded\">\n              <a href=\"https://github.com/MrBlueBird2/credio-home-page\" className=\"text-decoration-none\">\n                <h4 className=\"text-dark fw-bold\">\n                  credio-home-page\n                </h4>\n                </a>\n                <h5 className=\"text-muted\" style={{marginTop: '10px', lineHeight: '36px'}}>\n                A New Homepage for Crediometer Company. Built with Bootstrap HTML CSS and JS.\n                </h5>\n              </div>\n            </div>\n            <div className=\"col-md-4 shadow-lg\">\n              <div className=\"container-item bg-light p-5 rounded\">\n                <a href=\"https://github.com/MrBlueBird2/jarvis-in-python\" className=\"text-decoration-none\">\n                <h4 className=\"text-dark fw-bold\">\n                  jarvis-in-python\n                </h4>\n                </a>\n                <h5 className=\"text-muted\" style={{marginTop: '10px', lineHeight: '36px'}}>\n                Jarvis can perform tasks like Talking, Opening Windows, and many more, but, My Jarvis is totally different...\n                </h5>\n              </div>\n            </div>\n          </div>\n          <br />\n          <br />\n          </div>\n      </section>\n      <section id=\"internship\" className=\"internship bg-light\">\n        <div className=\"container-fluid py-5\">\n          <img src={work} className=\"intern-img\" alt=\"office\" style={{marginTop: '-45px'}} />\n          <h2 className=\"py-2 p-5 fw-bold\">\n            Internship\n          </h2>\n          <h5 className=\"py-2 p-5\" style={{maxWidth: '100%', width: '700px', lineHeight: '34px'}}>\n            Here is a list of all the Internships, I have done between the year 2020 - 2021\n          </h5>\n          <h3 className=\"py-2 p-5 fw-bold\">\n            Crediometer\n          </h3>\n          <h5 className=\"text-muted py-0 p-5\" style={{maxWidth: '100%', width: '600px', lineHeight: '34px'}}>\n            Crediometer is a Startup Company in Nigeria. I'm working for Crediometer from 18 Septmeber and this Internship\n            will end at 18 December\n          </h5>\n        </div>\n      <br/>\n      </section>\n      <section id=\"profiles\" className=\"profiles bg-dark\">\n        <div className=\"profiles-img-d\">\n          <img src={profiles} className=\"profiles-img\" alt=\"profiles-img\" />\n        </div>\n        <h2 class=\"text-light py-4 p-5 fw-bold\" style={{position: 'relative', top: '10px'}}>\n          Profiles\n        </h2>\n        <h5 className=\"text-muted py-0 p-5\" style={{marginTop: '-10px', maxWidth: '100%', width: '900px', lineHeight: '33px'}}>\n          Here are all my Open Source Profiles, i.e. GitHub, Linkedin, Competitive Programming Websites Profiles, like AtCoder, CodeChef, and many more.\n        </h5>\n        <h3 class=\"text-light fw-bold py-3 p-5\">\n          CodeChef - mrbluebird2\n        </h3>\n        <h5 className=\"text-muted p-5 py-0\" style={{marginTop: '-10px', maxWidth: '100%', width: '900px', lineHeight: '33px'}}>\n          CodeChef is a competitive programming website, CodeChef Holds 3 Programming Contest every moth, Long Challenge, Cook off, and Lunch Time\n        </h5>\n        <h3 class=\"text-light fw-bold py-3 p-5\">\n          AtCoder - mrbluebird2\n        </h3>\n        <h5 className=\"text-muted p-5 py-0\" style={{marginTop: '-10px', maxWidth: '100%', width: '900px', lineHeight: '33px'}}>\n          AtCoder is a programming contest website based in Japan. There are three types of official contests in AtCoder: AtCoder Grand Contest (AGC), AtCoder Beginner Contest (ABC), and one more.\n        </h5>\n        <h3 class=\"text-light fw-bold py-3 p-5\">\n          GitHub - mrbluebird2\n        </h3>\n        <h5 className=\"text-muted p-5 py-0\" style={{marginTop: '-10px', maxWidth: '100%', width: '900px', lineHeight: '33px'}}>\n          GitHub, Inc. is a provider of Internet hosting for software development and version control using Git. It offers the distributed version control and source code management functionality of Git, plus its own features\n        </h5>\n        <h3 class=\"text-light fw-bold py-3 p-5\">\n          Linkedin - Badri Vishal Mani Tripathi\n        </h3>\n        <h5 className=\"text-muted p-5 py-0\" style={{marginTop: '-10px', maxWidth: '100%', width: '900px', lineHeight: '33px'}}>\n          LinkedIn is an American business and employment-oriented online service that operates via websites and mobile apps. Launched on May 5, 2003, the platform is primarily used for professional networking and career development, and allows job seekers to post their CVs and employers to post jobs.\n        </h5>\n        <h3 class=\"text-light fw-bold py-3 p-5\">\n          Codeforces - Mr_BlueBird\n        </h3>\n        <h5 className=\"text-muted p-5 py-0\" style={{marginTop: '-10px', maxWidth: '100%', width: '900px', lineHeight: '33px'}}>\n        Codeforces is a website that hosts competitive programming contests. It is maintained by a group of competitive programmers from ITMO University led by Mikhail Mirzayanov.\n        </h5>\n        <br/>\n      </section>\n    </body>\n    </>\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":""}