-
Notifications
You must be signed in to change notification settings - Fork 0
/
404.html
1 lines (1 loc) · 12.5 KB
/
404.html
1
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><style data-href="/styles.f8f3647540a109caf150.css" id="gatsby-global-css">@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Open+Sans&display=swap);.card{width:250px;height:250px;margin:0 1em;overflow:hidden!important;display:flex;align-items:center;justify-content:center;background-size:cover;background-color:#000;background-repeat:no-repeat;background-position:50%}.card .content{font-family:Open Sans;text-align:center;background-color:#322522;padding:10rem;opacity:0;transition:all .5s ease-in-out;transform:translateY(20px);cursor:pointer}.card .content h1{font-size:14px;color:#fff}.card .content p{font-size:10px;color:#fff;margin-bottom:20px}.card .content .btn{font-family:questa-sans;background-color:#3f3532;color:#fff;padding:10px 2em;text-decoration:none}.card .content:hover{opacity:1;transform:translate(0)}.navbar-wrapper{width:80vw;margin-top:10vh;display:flex;align-items:center;justify-content:space-between}.navbar-wrapper .name{color:#322522;font-weight:600}.navbar-wrapper .links-wrapper button{text-decoration:none;padding:10px;font-family:Open Sans;opacity:.6;transition:all .2s ease-in-out;font-size:12px;background-color:transparent;outline:none;border:0;cursor:pointer}.navbar-wrapper .links-wrapper button:hover{opacity:1}.navbar-wrapper .links-wrapper .active{color:#000}.navbar-wrapper Link{text-decoration:none;padding:10px;font-family:Open Sans;opacity:.6;transition:all .2s ease-in-out;font-size:12px;background-color:transparent;outline:none;border:0;cursor:pointer}.navbar-wrapper Link:hover{opacity:1}@media(min-width:320px)and (max-width:424px){.header-wrapper h2{font-size:14px}}@media(min-width:425px)and (max-width:767px){.header-wrapper h2{font-size:16px}}@media(min-width:768px)and (max-width:1023px){.header-wrapper h2{font-size:16px}}.header-wrapper p,img{width:70%}img{display:block;margin-left:auto;margin-right:auto}.work-wrapper{width:80vw;margin-top:5vh;margin-bottom:20vh;display:flex;flex-direction:column;align-items:center}.work-wrapper h1{text-align:center;font-family:questa-sans;font-size:1.5rem;color:#352623;line-height:20px}.work-wrapper .grid{display:grid;margin:2em 0 0;grid-template-columns:repeat(3,1fr);grid-gap:10px}@media(min-width:320px)and (max-width:424px){.work-wrapper .grid{grid-template-columns:1fr}}@media(min-width:425px)and (max-width:767px){.work-wrapper .grid{grid-template-columns:1fr}}@media(min-width:768px)and (max-width:1023px){.work-wrapper .grid{grid-template-columns:1fr 1fr}}.about-section{width:90vw;margin-top:10vh;margin-left:10vh;display:flex;align-items:center;justify-content:space-between}@media(min-width:320px)and (max-width:424px){.about-section{flex-direction:column-reverse}}@media(min-width:425px)and (max-width:767px){.about-section{flex-direction:column-reverse}}@media(min-width:768px)and (max-width:1023px){.about-section{flex-direction:column-reverse;align-items:center}}.about-section .content{width:60%;padding-top:90px}@media(min-width:320px)and (max-width:424px){.about-section .content{width:100%}}@media(min-width:425px)and (max-width:767px){.about-section .content{width:100%}}@media(min-width:768px)and (max-width:1023px){.about-section .content{width:100%}}.about-section .content h1{font-size:4rem;color:#322522;line-height:2rem;overflow:visible}@media(min-width:320px)and (max-width:767px){.about-section .content h1{text-align:center;line-height:1rem;font-size:2rem}}@media(min-width:768px)and (max-width:1023px){.about-section .content h1{text-align:center}}.about-section .content p{color:#322522;margin-top:5em;text-align:left;font-size:16px}@media(min-width:320px)and (max-width:1023px){.about-section .content p{text-align:center;font-size:14px;justify-content:center}}.about-section .image-wrapper{width:80%;margin-left:2em;height:auto;display:flex;align-items:right;justify-content:right;overflow:hidden}@media(min-width:320px)and (max-width:424px){.about-section .image-wrapper{width:100%}}@media(min-width:425px)and (max-width:767px){.about-section .image-wrapper{width:100%}}@media(min-width:768px)and (max-width:1023px){.about-section .image-wrapper{width:100%}}.skills-container{width:80vw;margin-top:40vh;display:flex;flex-direction:column;align-items:center}.skills-container h1{font-size:3rem;line-height:20px}.skills-container .skills-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;grid-gap:20px}@media(min-width:320px)and (max-width:424px){.skills-container .skills-grid{grid-template-columns:1fr}}@media(min-width:425px)and (max-width:767px){.skills-container .skills-grid{grid-template-columns:1fr}}@media(min-width:768px)and (max-width:1023px){.skills-container .skills-grid{grid-template-columns:1fr 1fr}}.skills-container .skills-grid .skill{display:flex;flex-direction:column;align-items:center;text-align:center}.skills-container .skills-grid .skill img{height:3rem}.skills-container .skills-grid .skill p{font-size:14px}.promotion-container{width:80vw;margin-top:10vh;display:flex;flex-direction:column;align-items:center;text-align:center}.promotion-container h1{font-size:3rem;line-height:20px}.footer-container{width:80vw;margin-top:5vh;margin-bottom:10vh;display:flex;flex-direction:column;align-items:center}.footer-container h1{font-size:3rem;line-height:20px}.footer-container h2{font-size:1.5rem;overflow:hidden}@media(min-width:320px)and (max-width:424px){.footer-container h2{display:none}}@media(min-width:425px)and (max-width:767px){.footer-container h2{font-size:14px}}@media(min-width:768px)and (max-width:1023px){.footer-container h2{font-size:1.2rem}}.footer-container .email-link{font-size:1.5rem;color:#000}.footer-container .social-icons{margin-top:20px}.footer-container .social-icons img{height:2rem}.footer-container span{margin-top:10px;text-align:center}.footer-container icon{color:red}.header-wrapper{margin-top:3em;width:70vw;display:flex;flex-direction:column;align-items:center}.header-wrapper h1{font-family:questa-sans;font-size:50px;color:#322522}@media(min-width:320px)and (max-width:424px){.header-wrapper h1{text-align:center;font-size:20px}}@media(min-width:425px)and (max-width:767px){.header-wrapper h1{text-align:center;font-size:22px}}@media(min-width:768px)and (max-width:1023px){.header-wrapper h1{text-align:center;font-size:24px}}.header-wrapper h2{font-size:1rem;padding-bottom:2rem;text-align:center;color:#322522}@media(min-width:320px)and (max-width:424px){.header-wrapper h2{font-size:12px}}@media(min-width:425px)and (max-width:767px){.header-wrapper h2{font-size:14px}}@media(min-width:768px)and (max-width:1023px){.header-wrapper h2{font-size:14px}}.header-wrapper p{margin-top:1px;width:60%;text-align:center;color:#322522;overflow:hidden}@media(min-width:320px)and (max-width:424px){.header-wrapper p{font-size:12px;width:100%}}@media(min-width:425px)and (max-width:767px){.header-wrapper p{font-size:12px;width:100%}}@media(min-width:768px)and (max-width:1023px){.header-wrapper p{font-size:14px;width:100%}}img{max-width:70vh}.center{display:block;padding-top:2rem;margin-left:auto;margin-right:auto;width:100%}@media(min-width:320px)and (max-width:1023px){.center{width:90%}}p{font-size:12px;color:#322522;padding-bottom:1rem;text-align:center}@media(min-width:320px)and (max-width:424px){p{font-size:10px}}@media(min-width:425px)and (max-width:767px){p{font-size:10px}}@media(min-width:768px)and (max-width:1023px){p{font-size:12px}}*{font-family:Montserrat}body{background-color:#faf8f5;margin:0;padding:0;overflow-y:scroll;overflow-x:hidden}.section{width:100vw;height:auto;overflow:hidden}.container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.primary-btn{margin:10px;padding:10px;background-color:#000;color:#fff;border:0;transition:all .2s ease-in-out;text-decoration:none;cursor:pointer}.primary-btn:hover{transform:scale(1.1)}</style><meta name="generator" content="Gatsby 2.32.3"/><title data-react-helmet="true">Lisa Wu</title><meta data-react-helmet="true" name="description" content="Portfolio"/><meta data-react-helmet="true" property="og:title" content="404: Not found"/><meta data-react-helmet="true" property="og:description" content="Lisa's Portfolio"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" name="twitter:card" content="summary"/><meta data-react-helmet="true" name="twitter:creator" content="@gatsbyjs"/><meta data-react-helmet="true" name="twitter:title" content="404: Not found"/><meta data-react-helmet="true" name="twitter:description" content="Lisa's Portfolio"/><link rel="icon" href="/favicon-32x32.png?v=661cb3677e5c7e6c7d6d18c6e326e230" type="image/png"/><link rel="manifest" href="/manifest.webmanifest" crossorigin="anonymous"/><meta name="theme-color" content="#663399"/><link rel="apple-touch-icon" sizes="48x48" href="/icons/icon-48x48.png?v=661cb3677e5c7e6c7d6d18c6e326e230"/><link rel="apple-touch-icon" sizes="72x72" href="/icons/icon-72x72.png?v=661cb3677e5c7e6c7d6d18c6e326e230"/><link rel="apple-touch-icon" sizes="96x96" href="/icons/icon-96x96.png?v=661cb3677e5c7e6c7d6d18c6e326e230"/><link rel="apple-touch-icon" sizes="144x144" href="/icons/icon-144x144.png?v=661cb3677e5c7e6c7d6d18c6e326e230"/><link rel="apple-touch-icon" sizes="192x192" href="/icons/icon-192x192.png?v=661cb3677e5c7e6c7d6d18c6e326e230"/><link rel="apple-touch-icon" sizes="256x256" href="/icons/icon-256x256.png?v=661cb3677e5c7e6c7d6d18c6e326e230"/><link rel="apple-touch-icon" sizes="384x384" href="/icons/icon-384x384.png?v=661cb3677e5c7e6c7d6d18c6e326e230"/><link rel="apple-touch-icon" sizes="512x512" href="/icons/icon-512x512.png?v=661cb3677e5c7e6c7d6d18c6e326e230"/><link as="script" rel="preload" href="/webpack-runtime-086eafe3fb5679b2ec13.js"/><link as="script" rel="preload" href="/framework-305b3707783ccc9d7ca6.js"/><link as="script" rel="preload" href="/app-167020276316a199b8b5.js"/><link as="script" rel="preload" href="/styles-407fe62976dc5310c43e.js"/><link as="script" rel="preload" href="/e50e9c162871c1d91fba5ce567a5656e16dc6783-9e5d97d8d0f5fae567e3.js"/><link as="script" rel="preload" href="/component---src-pages-404-js-df24fc3da8ca2acea898.js"/><link as="fetch" rel="preload" href="/page-data/404.html/page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/63159454.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/app-data.json" crossorigin="anonymous"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="section"><div class="container"><div class="navbar-wrapper"><div role="button" class="name" tabindex="0">Home</div><div class="links-wrapper"><button>Projects</button><button>About</button><button>Contact</button></div></div></div></div><main><h1>404: Not Found</h1><p>You just hit a route that doesn't exist... the sadness.</p></main></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/404.html";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-d0a90a918e39f7bd0bdc.js"],"app":["/app-167020276316a199b8b5.js"],"component---cache-caches-gatsby-plugin-offline-app-shell-js":["/component---cache-caches-gatsby-plugin-offline-app-shell-js-ad6431e4664bcf916d19.js"],"component---src-pages-404-js":["/component---src-pages-404-js-df24fc3da8ca2acea898.js"],"component---src-pages-design-js":["/component---src-pages-design-js-31c8632105b582984696.js"],"component---src-pages-illustration-js":["/component---src-pages-illustration-js-125e80e564859b346f0a.js"],"component---src-pages-index-js":["/component---src-pages-index-js-15e7d1f5043eb323b7f1.js"],"component---src-pages-photography-js":["/component---src-pages-photography-js-c3f0132231642426a6cf.js"]};/*]]>*/</script><script src="/polyfill-d0a90a918e39f7bd0bdc.js" nomodule=""></script><script src="/component---src-pages-404-js-df24fc3da8ca2acea898.js" async=""></script><script src="/e50e9c162871c1d91fba5ce567a5656e16dc6783-9e5d97d8d0f5fae567e3.js" async=""></script><script src="/styles-407fe62976dc5310c43e.js" async=""></script><script src="/app-167020276316a199b8b5.js" async=""></script><script src="/framework-305b3707783ccc9d7ca6.js" async=""></script><script src="/webpack-runtime-086eafe3fb5679b2ec13.js" async=""></script></body></html>