-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
45 lines (45 loc) · 10.6 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
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8" class="next-head"/><title class="jsx-3719379429 jsx-2761421519 next-head">Matías Caputti | [email protected]</title><link rel="preload" href="/_next/static/mZa8mDaBTNcc3mCmNokII/pages/index.js" as="script"/><link rel="preload" href="/_next/static/mZa8mDaBTNcc3mCmNokII/pages/_app.js" as="script"/><link rel="preload" href="/_next/static/mZa8mDaBTNcc3mCmNokII/pages/_error.js" as="script"/><link rel="preload" href="/_next/static/runtime/webpack-42652fa8b82c329c0559.js" as="script"/><link rel="preload" href="/_next/static/chunks/commons.29a7e2d9eea11762759c.js" as="script"/><link rel="preload" href="/_next/static/runtime/main-97c02b1a1d4b506ff6f7.js" as="script"/><style id="__jsx-1208888546">nav.jsx-1208888546{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
a.jsx-1208888546{color:#fff;-webkit-text-decoration:none;text-decoration:none;padding:10px;position:relative;z-index:2;}
.capsule.jsx-1208888546{opacity:0;position:absolute;z-index:1;top:5px;left:-30px;width:60px;height:40px;border-radius:2px;display:block;background-color:rgba(255,255,255,0.2);-webkit-transition:0.3s;transition:0.3s;}
a.jsx-1208888546:hover~.capsule.jsx-1208888546{opacity:1;}
a.jsx-1208888546:nth-child(1):hover~.capsule.jsx-1208888546{left:0;width:62px;}
a.jsx-1208888546:nth-child(2):hover~.capsule.jsx-1208888546{left:63px;width:81px;}
a.jsx-1208888546:nth-child(3):hover~.capsule.jsx-1208888546{left:144px;width:69px;}
a.jsx-1208888546:nth-child(4):hover~.capsule.jsx-1208888546{left:214px;width:61px;}
.active.jsx-1208888546{position:relative;}
.active.jsx-1208888546::before{content:"";display:block;position:absolute;bottom:10px;left:10px;right:10px;height:0;border-bottom:1px dashed #f5359e;}
@media (max-width:767px){.capsule.jsx-1208888546{display:none;}}
@media (max-width:767px) and (orientation:portrait){nav.jsx-1208888546{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}}
@media (max-width:767px) and (orientation:landscape){}</style><style id="__jsx-1951725893">#home.jsx-1951725893{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:50px auto;}
p.jsx-1951725893{margin:0;}
h1.jsx-1951725893{font-family:Raleway,sans-serif;font-size:12rem;font-weight:800;text-transform:capitalize;margin:0;line-height:0.9;padding:0 0 0 50px;position:relative;opacity:0;}
h1.jsx-1951725893::before{content:"";display:block;position:absolute;top:0;left:0;width:8px;height:50%;background-color:#fff;}
h1.jsx-1951725893::after{content:"";display:block;position:absolute;bottom:0;left:0;width:8px;height:50%;background-color:#f5359e;}
h1.jsx-1951725893 span.jsx-1951725893{display:block;position:relative;}
h1.jsx-1951725893 span.jsx-1951725893:nth-child(1),h1.jsx-1951725893 span.jsx-1951725893:nth-child(3){opacity:0;z-index:1;}
h1.jsx-1951725893 span.jsx-1951725893:nth-child(2){color:#f5359e;z-index:2;}
h2.jsx-1951725893{margin:30px 0 0 0;font-size:3rem;font-weight:400;text-align:right;line-height:1.1;opacity:0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;}
h2.jsx-1951725893 span.jsx-1951725893{color:#f5359e;}
h2.jsx-1951725893 a.jsx-1951725893{font-size:2rem;color:#fff;-webkit-text-decoration:none;text-decoration:none;border-bottom:1px dashed #f5359e;}
@media (max-width:1400px){h1.jsx-1951725893{font-size:8.4rem;}}
@media (max-width:1400px) and (orientation:portrait){h1.jsx-1951725893{font-size:12rem;}}
@media (max-width:1024px) and (orientation:portrait){h1.jsx-1951725893{font-size:10rem;}}
@media (max-width:767px){h1.jsx-1951725893{font-size:5rem;padding-left:35px;}h2.jsx-1951725893{font-size:2rem;}}</style><style id="__jsx-2761421519">.layout.jsx-2761421519{position:relative;}
.background.jsx-2761421519{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;background-color:#363dc2;-webkit-transition:1s;transition:1s;}
svg.jsx-2761421519{width:100%;height:100%;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);-webkit-transition:1s;transition:1s;}
svg.jsx-2761421519 path.jsx-2761421519{fill:rgba(0,0,0,0.15);}
.content.jsx-2761421519{position:relative;z-index:2;padding:50px;min-height:100vh;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
main.jsx-2761421519{-webkit-flex:auto;-ms-flex:auto;flex:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 10px;}
footer.jsx-2761421519{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}
footer.jsx-2761421519 svg.jsx-2761421519{width:10px;height:10px;}
.source.jsx-2761421519{color:#fff;-webkit-text-decoration:none;text-decoration:none;margin:0 0 0 10px;}
.socmed.jsx-2761421519{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 0 0 10px;}
.socmed.jsx-2761421519 a.jsx-2761421519{color:#fff;-webkit-text-decoration:none;text-decoration:none;margin:0 10px;}
.icon.jsx-2761421519{width:20px;height:20px;}
@media (orientation:portrait){svg.jsx-2761421519{-webkit-transform:scale(2.6) rotate(114deg);-ms-transform:scale(2.6) rotate(114deg);transform:scale(2.6) rotate(114deg);}}
@media (max-width:767px){.content.jsx-2761421519{padding:30px;}}
@media (max-width:767px) and (orientation:landscape){}
@media (max-width:767px) and (orientation:portrait){.content.jsx-2761421519{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:100vh;}header.jsx-2761421519{-webkit-flex:none;-ms-flex:none;flex:none;}main.jsx-2761421519{-webkit-flex:auto;-ms-flex:auto;flex:auto;min-height:100%;}footer.jsx-2761421519{-webkit-flex:none;-ms-flex:none;flex:none;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.source.jsx-2761421519{margin:0 0 10px 0;}.socmed.jsx-2761421519{position:relative;right:auto;bottom:auto;writing-mode:lr;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0;}.socmed.jsx-2761421519 a.jsx-2761421519{display:block;height:30px;}}</style><style id="__jsx-3719379429">*{box-sizing:border-box;}
html{font-size:10px;}
body{color:#fff;margin:0;font-family:"Ropa Sans",sans-serif;font-size:2rem;line-height:1.5;background:#363dc2;overflow-x:hidden;}
input,textarea,button{font-family:"Ropa Sans",sans-serif;}</style><meta name="description" content="Matias Caputti"/><meta name="viewport" content="width=device-width, initial-scale=1"/><meta property="og:url" content="https://matiascaputti.github.io"/><meta property="og:site_name" content="Matias Caputti"/><meta property="og:title" content="Matias Caputti"/><meta property="og:description" content="Personal Site"/><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:800|Ropa+Sans:400,400i"/><link rel="icon" type="image/png" href="/static/images/icon-192x192.png"/></head><body><div id="__next"><div class="jsx-3719379429 jsx-2761421519 layout" data-reactroot=""><div class="jsx-3719379429 jsx-2761421519 background"><svg width="1366" height="768" viewBox="0 0 1366 768" class="jsx-3719379429 jsx-2761421519"><path d="M 312.5,232.5 c 247,-110 597,-72 744,0 s 201,158 7,295 s -603,-113 -804,0 S 65.5,342.5 312.5,232.5 z" class="jsx-3719379429 jsx-2761421519"></path></svg></div><div class="jsx-3719379429 jsx-2761421519 content"><header class="jsx-1208888546"><nav class="jsx-1208888546"><a class="jsx-1208888546 active" href="/">home</a><a class="jsx-1208888546 " href="/projects/">projects</a><a class="jsx-1208888546 " href="/work/">work</a><span class="jsx-1208888546 capsule"></span></nav></header><main class="jsx-3719379429 jsx-2761421519"><div id="home" class="jsx-1951725893"><div class="jsx-1951725893"><h1 class="jsx-1951725893"><span class="jsx-1951725893">Matías</span><span class="jsx-1951725893">Caputti</span></h1><h2 class="jsx-1951725893">javascript <span class="jsx-1951725893">web / mobile</span> developer, ️<br class="jsx-1951725893"/><span class="jsx-1951725893">data scientist</span> & deep learning enthusiast<br class="jsx-1951725893"/><br class="jsx-1951725893"/><a href="mailto:[email protected]?Subject=Hi%20Matias" class="jsx-1951725893">get in touch!</a></h2></div></div></main><footer class="jsx-3719379429 jsx-2761421519"><div class="jsx-3719379429 jsx-2761421519 socmed"><a href="mailto:[email protected]?Subject=Hi%20Matias" class="jsx-3719379429 jsx-2761421519"><svg viewBox="0 0 24 24" style="width:20px;height:20px"><use xlink:href="#mail--sprite"></use></svg></a><a href="https://github.com/matiascaputti" target="_blank" class="jsx-3719379429 jsx-2761421519"><svg viewBox="0 0 24 24" style="width:20px;height:20px"><use xlink:href="#github--sprite"></use></svg></a><a href="" target="_blank" class="jsx-3719379429 jsx-2761421519"><svg viewBox="0 0 24 24" style="width:20px;height:20px"><use xlink:href="#linkedin--sprite"></use></svg></a><a href="https://instagram.com/yosoymatias" target="_blank" class="jsx-3719379429 jsx-2761421519"><svg viewBox="0 0 24 24" style="width:20px;height:20px"><use xlink:href="#twitter--sprite"></use></svg></a></div></footer></div></div></div><script>__NEXT_DATA__ = {"props":{"pageProps":{},"pathname":"/"},"page":"/","query":{},"buildId":"mZa8mDaBTNcc3mCmNokII","runtimeConfig":{"staticFolder":"/static"},"nextExport":true};__NEXT_LOADED_PAGES__=[];__NEXT_REGISTER_PAGE=function(r,f){__NEXT_LOADED_PAGES__.push([r, f])}</script><script async="" id="__NEXT_PAGE__/" src="/_next/static/mZa8mDaBTNcc3mCmNokII/pages/index.js"></script><script async="" id="__NEXT_PAGE__/_app" src="/_next/static/mZa8mDaBTNcc3mCmNokII/pages/_app.js"></script><script async="" id="__NEXT_PAGE__/_error" src="/_next/static/mZa8mDaBTNcc3mCmNokII/pages/_error.js"></script><script src="/_next/static/runtime/webpack-42652fa8b82c329c0559.js" async=""></script><script src="/_next/static/chunks/commons.29a7e2d9eea11762759c.js" async=""></script><script src="/_next/static/runtime/main-97c02b1a1d4b506ff6f7.js" async=""></script></body></html>