-
Notifications
You must be signed in to change notification settings - Fork 0
/
404.html
52 lines (39 loc) · 15.2 KB
/
404.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html><html><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.57549d926a8ce7aa67e3.css">body,html{margin:0;padding:0}*{margin-top:0}body.light{--primary-color:#381696;--primary-text-color:#fff;--featured-bg:#493b8a;--secondary-color:#10072b;--background:#fff;--card-bg:#fff;--card-bdr:#eee;--card-shadow:#d5d5d5;--contact-bg:#f7f8fe;--contact-bdr:#d3d6e7;--input-bg:var(--background)}body.dark,body.light{--featured-text:#fff;--site-header:var(--background);--btn-bg:var(--background);--btn-bdr:#d3d6e7;--btn-text-color:#868892;--btn-hover-bg:var(--btn-bdr);--btn-hover-text-color:#00062b}body.dark{--primary-color:#9984d5;--primary-text-color:#fff;--featured-bg:#66578d;--secondary-color:#66578d;--background:#0a041a;--text-color:hsla(0,0%,100%,0.88);--text-secondary-color:hsla(0,0%,100%,0.66);--card-bg:#181326;--card-bdr:#181326;--card-shadow:#020204;--contact-bg:var(--card-shadow);--contact-bdr:var(--card-bg);--input-bg:var(--card-bg)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;border-top:10px solid var(--primary-color);background-color:var(--background);color:var(--text-color)}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}.site-wrapper{padding:32px;max-width:1140px;margin:0 auto}.site-wrapper img{max-width:100%}.navigation{display:flex;align-items:center;font-weight:300}.navigation a{color:#888;text-decoration:none;margin:0 8px}.navigation a[aria-current]{color:var(--primary-color);font-weight:700}.navigation a:hover{color:var(--primary-color)}.navigation a:last-child{margin-right:0}.site-header{display:flex;justify-content:space-between;padding:20px 0;background:var(--site-header);margin-bottom:32px;align-items:center}.site-title a{color:var(--primary-color);text-decoration:none;font-weight:900;text-transform:uppercase}.hero-header{padding:0 0 64px;max-width:980px}.headline{font-size:36px;font-weight:900;margin-bottom:.5rem}.button{padding:18px 27px;display:inline-block;background:var(--btn-bg);border:1px solid var(--btn-bdr);border-radius:9px;text-decoration:none;color:var(--btn-text-color);font-size:16px;font-weight:400;margin:0 20px 0 0;transition:background-color .3s linear}.button.-primary{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--primary-text-color)}.button.-primary:hover{background-color:var(--secondary-color);color:var(--primary-text-color);text-decoration:none}.button:hover{background-color:var(--btn-hover-bg);color:var(--btn-hover-text-color)}.primary-content{font-size:18px;margin-bottom:32px;line-height:1.5;font-weight:300}.post{padding:0;background:var(--background);color:var(--text-color);line-height:1.5}.post>.blog-post-content{max-width:768px;margin:0 auto}.post>.blog-post-content :last-child,.post>:last-child{margin-bottom:0}.post .post-title{text-align:center;margin:0 0 .5rem;line-height:1.3;font-size:2rem}.post .post-meta{margin-bottom:32px;text-align:center}.post-thumbnail{text-align:center;min-height:380px;background-color:var(--featured-bg);background-repeat:no-repeat;background-size:cover;background-position:50%;border-radius:18px;margin-bottom:36px;color:var(--featured-text);display:grid;align-content:center;position:relative;padding:18px;overflow:hidden}.post-thumbnail:before{content:"";background:rgba(0,0,0,.4);position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.post-thumbnail>*{position:relative;z-index:2}.post-thumbnail .post-meta{color:hsla(0,0%,100%,.8);margin-bottom:0}.grids{display:grid;grid-template-columns:1fr;grid-gap:32px;margin-top:32px}.card{display:grid;background-color:var(--card-bg);border-radius:9px;border:1px solid var(--card-bdr);box-shadow:0 0 30px var(--card-shadow);overflow:hidden;line-height:1.5}.card:hover .post-link{color:var(--primary-color)}.card>a img{display:block}.card>header{padding:24px}.card>h2:first-child{margin:0 0 .5rem}.card .post-title{font-size:1.2rem;margin-bottom:.3rem}.card .post-meta{font-weight:100;margin-bottom:0}.card .post-link{color:var(--text-color);text-decoration:none}.post-meta{font-size:.8rem;color:var(--text-secondary-color)}.site-footer{text-align:center;margin:90px 0 16px;color:#666}.site-footer a{font-weight:700}.form-container{background-color:var(--contact-bg);padding:32px;border:1px solid var(--contact-bdr);border-radius:9px}.form-container label{display:block;margin-bottom:.5rem;color:var(--text-secondary-color)}.form-container input[type=email],.form-container input[type=text],.form-container textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--card-shadow);color:var(--text-secondary-color);border-radius:6px;line-height:32px;padding:6px 12px;width:calc(100% - 24px);margin-bottom:1.5rem;background-color:var(--input-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.form-container textarea{margin-bottom:2rem;height:150px}.two-grids{display:grid;grid-gap:32px}.two-grids.-contact .post-thumbnail{min-height:240px!important}@media only screen and (min-width:768px){.grids{grid-template-columns:1fr 1fr}}@media only screen and (min-width:1024px){.grids{grid-template-columns:1fr 1fr 1fr}.two-grids{display:grid;grid-template-columns:1fr 1fr;grid-gap:64px}}.theme-changer,body.dark .gg-moon,body.light .gg-sun{display:none}.mode-container{width:24px;height:24px;margin-left:20px}.gg-sun{position:relative;transform:scale(var(--ggs,1));height:24px;background:linear-gradient(180deg,currentColor 4px,transparent 0) no-repeat 5px -6px/2px 6px,linear-gradient(180deg,currentColor 4px,transparent 0) no-repeat 5px 14px/2px 6px,linear-gradient(180deg,currentColor 4px,transparent 0) no-repeat -8px 5px/6px 2px,linear-gradient(180deg,currentColor 4px,transparent 0) no-repeat 14px 5px/6px 2px;border-radius:100px;box-shadow:inset 0 0 0 2px;border:6px solid transparent}.gg-sun,.gg-sun:after,.gg-sun:before{box-sizing:border-box;display:block;width:24px}.gg-sun:after,.gg-sun:before{content:"";position:absolute;height:2px;border-right:4px solid;border-left:4px solid;left:-6px;top:5px}.gg-sun:before{transform:rotate(-45deg)}.gg-sun:after{transform:rotate(45deg)}.gg-moon,.gg-moon:after{display:block;box-sizing:border-box;border-radius:50%}.gg-moon{overflow:hidden;position:relative;transform:rotate(-135deg) scale(var(--ggs,1));width:20px;height:20px;border:2px solid;border-bottom:2px solid transparent}.gg-moon:after{content:"";position:absolute;width:12px;height:18px;border:2px solid transparent;box-shadow:0 0 0 2px;top:8px;left:2px}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#e6db74}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}</style><meta name="generator" content="Gatsby 2.21.0"/><link rel="preconnect dns-prefetch" href="https://www.google-analytics.com"/><script>
if(true) {
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
}
if (typeof ga === "function") {
ga('create', 'UA-164743872-1', 'auto', {});
}</script><link rel="icon" href="/favicon-32x32.png?v=44a9d118d5be7e4ee40f9efe7a98661b"/><link rel="manifest" href="/manifest.webmanifest"/><meta name="theme-color" content="#381696"/><link rel="apple-touch-icon" sizes="48x48" href="/icons/icon-48x48.png?v=44a9d118d5be7e4ee40f9efe7a98661b"/><link rel="apple-touch-icon" sizes="72x72" href="/icons/icon-72x72.png?v=44a9d118d5be7e4ee40f9efe7a98661b"/><link rel="apple-touch-icon" sizes="96x96" href="/icons/icon-96x96.png?v=44a9d118d5be7e4ee40f9efe7a98661b"/><link rel="apple-touch-icon" sizes="144x144" href="/icons/icon-144x144.png?v=44a9d118d5be7e4ee40f9efe7a98661b"/><link rel="apple-touch-icon" sizes="192x192" href="/icons/icon-192x192.png?v=44a9d118d5be7e4ee40f9efe7a98661b"/><link rel="apple-touch-icon" sizes="256x256" href="/icons/icon-256x256.png?v=44a9d118d5be7e4ee40f9efe7a98661b"/><link rel="apple-touch-icon" sizes="384x384" href="/icons/icon-384x384.png?v=44a9d118d5be7e4ee40f9efe7a98661b"/><link rel="apple-touch-icon" sizes="512x512" href="/icons/icon-512x512.png?v=44a9d118d5be7e4ee40f9efe7a98661b"/><title data-react-helmet="true">Page not found</title><link rel="sitemap" type="application/xml" href="/sitemap.xml"/><link as="script" rel="preload" href="/webpack-runtime-6250c249c63350547919.js"/><link as="script" rel="preload" href="/framework-82cb02c7461ef249f4f8.js"/><link as="script" rel="preload" href="/532a2f07-4b81c8a9332f9eace879.js"/><link as="script" rel="preload" href="/app-54fecabc6991d769a4ea.js"/><link as="script" rel="preload" href="/styles-b8a088968a9324807caf.js"/><link as="script" rel="preload" href="/b34906bb45276341108473925e234e3fd24b49e8-5758a8d001498a03f686.js"/><link as="script" rel="preload" href="/component---src-pages-404-js-e23b2f8df8c57dff18b8.js"/><link as="fetch" rel="preload" href="/page-data\404.html\page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data\app-data.json" crossorigin="anonymous"/></head><body><script>
void function() {
window.__onThemeChange = function() {}
var preferredTheme
try {
preferredTheme = localStorage.getItem('theme')
} catch (err) { }
function setTheme(newTheme) {
if (preferredTheme && document.body.classList.contains(preferredTheme)) {
document.body.classList.replace(preferredTheme, newTheme)
} else {
document.body.classList.add(newTheme)
}
window.__theme = newTheme
preferredTheme = newTheme
window.__onThemeChange(newTheme)
}
window.__setPreferredTheme = function(newTheme) {
setTheme(newTheme)
try {
localStorage.setItem('theme', newTheme)
} catch (err) {}
}
var darkQuery = window.matchMedia('(prefers-color-scheme: dark)')
darkQuery.addListener(function(e) {
window.__setPreferredTheme(e.matches ? 'dark' : 'light')
})
setTheme(preferredTheme || (darkQuery.matches ? 'dark' : 'light'))
}()
</script><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="site-wrapper"><header class="site-header"><div class="site-title"><a href="/">Juan Sebastian Peña - Portfolio</a></div><nav class="navigation"><a href="/contact">Contact</a><label><input type="checkbox" class="theme-changer"/> <div class="mode-container"><i class="gg-sun"></i><i class="gg-moon"></i></div></label></nav></header><div style="text-align:center;padding:5vh 0;line-height:1.5"><svg width="256" height="256" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.1254 13H10.1254V15H14.1254V13Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M8.12537 13C9.22994 13 10.1254 12.1046 10.1254 11C10.1254 9.89543 9.22994 9 8.12537 9C7.0208 9 6.12537 9.89543 6.12537 11C6.12537 12.1046 7.0208 13 8.12537 13ZM8.12537 11.5C8.40151 11.5 8.62537 11.2761 8.62537 11C8.62537 10.7239 8.40151 10.5 8.12537 10.5C7.84922 10.5 7.62537 10.7239 7.62537 11C7.62537 11.2761 7.84922 11.5 8.12537 11.5Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M18.1254 11C18.1254 12.1046 17.2299 13 16.1254 13C15.0208 13 14.1254 12.1046 14.1254 11C14.1254 9.89543 15.0208 9 16.1254 9C17.2299 9 18.1254 9.89543 18.1254 11ZM16.6254 11C16.6254 11.2761 16.4015 11.5 16.1254 11.5C15.8492 11.5 15.6254 11.2761 15.6254 11C15.6254 10.7239 15.8492 10.5 16.1254 10.5C16.4015 10.5 16.6254 10.7239 16.6254 11Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.74884 14.6663C3.73056 16.6421 5.76939 18 8.12537 18H16.1254C18.5654 18 20.6652 16.5435 21.6029 14.4525C22.3722 13.9093 22.8746 13.0133 22.8746 12C22.8746 10.9867 22.3722 10.0907 21.6029 9.54753C20.6652 7.45651 18.5654 6 16.1254 6H8.12537C5.76939 6 3.73056 7.3579 2.74884 9.33375C1.78448 9.83263 1.12537 10.8393 1.12537 12C1.12537 13.1607 1.78448 14.1674 2.74884 14.6663ZM8.12537 8H16.1254C17.5088 8 18.7282 8.70234 19.4465 9.76991C19.7227 10.4593 19.8746 11.2119 19.8746 12C19.8746 12.7881 19.7227 13.5407 19.4465 14.2301C18.7282 15.2977 17.5088 16 16.1254 16H8.12537C5.91623 16 4.12537 14.2091 4.12537 12C4.12537 9.79086 5.91623 8 8.12537 8Z" fill="currentColor"></path></svg><p>Either you are in a wrong page or you have lost. Lets go back <a href="/">home</a> safely</p></div><footer class="site-footer"><p>© <!-- -->2021<!-- --> jspenaq • Using <a href="https://github.com/W3Layouts/gatsby-starter-delog">W3Layouts</a></p></footer></div></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={"app":["/app-54fecabc6991d769a4ea.js"],"component---cache-caches-gatsby-plugin-offline-app-shell-js":["/component---cache-caches-gatsby-plugin-offline-app-shell-js-f43775200c27a0bf4ae1.js"],"component---src-pages-404-js":["/component---src-pages-404-js-e23b2f8df8c57dff18b8.js"],"component---src-pages-contact-js":["/component---src-pages-contact-js-d976cb9208f3a1d2f525.js"],"component---src-pages-index-js":["/component---src-pages-index-js-94df0dcbfaa3b8ea51d5.js"],"component---src-templates-blog-template-js":["/component---src-templates-blog-template-js-b176f0b3b6ca3aa5087e.js"]};/*]]>*/</script><script src="/component---src-pages-404-js-e23b2f8df8c57dff18b8.js" async=""></script><script src="/b34906bb45276341108473925e234e3fd24b49e8-5758a8d001498a03f686.js" async=""></script><script src="/styles-b8a088968a9324807caf.js" async=""></script><script src="/app-54fecabc6991d769a4ea.js" async=""></script><script src="/532a2f07-4b81c8a9332f9eace879.js" async=""></script><script src="/framework-82cb02c7461ef249f4f8.js" async=""></script><script src="/webpack-runtime-6250c249c63350547919.js" async=""></script></body></html>