-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
52 lines (39 loc) · 15.5 KB
/
index.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">Juan Sebastian Peña - Portfolio</title><meta data-react-helmet="true" name="description" content="Juan Sebastian Peña Quintero, portafolio digital de proyectos relacionados a la ciencia de datos, el machine learning y scripts en python"/><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-index-js-94df0dcbfaa3b8ea51d5.js"/><link as="fetch" rel="preload" href="/page-data\index\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 aria-current="page" class="" 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 class="hero-header"><div class="headline">Juan Sebastian Peña - Portafolio</div><div class="primary-content">Bienvenido a mi portafolio digital, aquí encontrarás proyectos relacionados a la ciencia de datos, el machine learning, las bases de datos y demas script creados por mi en Python y JavaScript.</div><a class="button -primary" href="/contact">Contáctame →</a></div><h2>Proyectos ↓</h2><div class="grids"><article class="card "><a href="/mandy"><img src="/assets/Nest-logo.svg" alt="Mandy - NestJS backend- Featured Shot"/></a><header><h2 class="post-title"><a class="post-link" href="/mandy">Mandy - NestJS backend</a></h2><div class="post-meta">August 15, 2021</div></header></article><article class="card "><a href="/dynamic-wallpaper"><img src="/assets/image-4.jpg" alt="Dynamic-wallpaper- Featured Shot"/></a><header><h2 class="post-title"><a class="post-link" href="/dynamic-wallpaper">Dynamic-wallpaper</a></h2><div class="post-meta">August 15, 2020</div></header></article><article class="card "><a href="/remark-kitchen-sink"><img src="/assets/image-6.jpg" alt="Hello World: The remark Kitchen Sink- Featured Shot"/></a><header><h2 class="post-title"><a class="post-link" href="/remark-kitchen-sink">Hello World: The remark Kitchen Sink</a></h2><div class="post-meta">February 21, 2020</div></header></article><article class="card "><a href="/with-code"><img src="/assets/image-2.jpg" alt="Code with Syntax Highlighting with PrismJS- Featured Shot"/></a><header><h2 class="post-title"><a class="post-link" href="/with-code">Code with Syntax Highlighting with PrismJS</a></h2><div class="post-meta">February 20, 2020</div></header></article><article class="card "><a href="/fillerama"><img src="/assets/image-5.jpg" alt="Dummy Content from Fillerama- Featured Shot"/></a><header><h2 class="post-title"><a class="post-link" href="/fillerama">Dummy Content from Fillerama</a></h2><div class="post-meta">February 20, 2020</div></header></article></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="/";/*]]>*/</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-index-js-94df0dcbfaa3b8ea51d5.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>