-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
49 lines (49 loc) · 11 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
<!doctype html><html class="no-js" lang=""><head><meta property="og:title" content="Massimo's resume"><meta property="og:image" content="https://mexassi.github.io/images/front.png"><meta property="og:description" content="Here is my resume"><meta property="og:url" content="https://mexassi.github.io"><meta charset="utf-8"><meta name="description" content=""><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1"><title>Massimo Presta's resume</title><link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"><link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet"><!-- Place favicon.ico in the root directory --><link href="https://fonts.googleapis.com/css?family=Bungee+Inline" rel="stylesheet"><link rel="stylesheet" href="styles/main.css"><script src="scripts/vendor/modernizr.js"></script></head><body id="cosmo"><!--[if lt IE 10]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]--><nav class="navbar-container"><!-- <div class="navbar-brand"> --> <a href="https://mexassi.github.io"><svg class="brand" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40" height="40" viewBox="0 0 1024 1024" enable-background="new 0 0 1024 1024" xml:space="preserve"><g><rect x="-1" y="1" fill="none" width="100" height="100"/></g><g><rect class="logo" x="105" y="107" width="203" height="812"/><rect class="logo" x="714" y="106" width="203" height="812"/></g><g><rect class="logo" x="388" y="107" width="246" height="527"/></g></svg></a><div class="resume"><!-- <div class="action">
<a class="action-button shadow animate gray" style="text-align:center">resume</a>
</div> --> <a class="resume-btn" onclick="namespace.openModal(event, 'resume');">Resume</a></div><!-- </div> --></nav><main class="main-section"><div class="box"><div class="flip-container box-unit" nope><div class="flipper"><div class="front"><img src="images/ic_face_black_24dp_2x.png" alt="About me"></div><div class="back"><div class="description">Passionate<br>full-stack<br>developer.</div><div class="action"><a class="action-button shadow animate gray" onclick="namespace.openModal(event, 'me');">me</a></div></div></div></div><div class="flip-container box-unit" nope><div class="flipper"><div class="front"><img src="images/ic_code_black_24dp_2x.png" alt="Coding skills"></div><div class="back"><div class="description">Make it work,<br>make it right,<br>make it fast.</div><div class="action"><a class="action-button shadow animate gray" onclick="namespace.openModal(event, 'skills');">skills</a></div></div></div></div><div class="flip-container box-unit" nope><div class="flipper"><div class="front"><img src="images/ic_school_black_24dp_2x.png" alt="My education"></div><div class="back"><div class="description">Learning is hard work,<br>but everything you learn is yours.</div><div class="action"><a class="action-button shadow animate gray" onclick="namespace.openModal(event, 'edu');">edu</a></div></div></div></div><!-- ontouchstart="this.classList.toggle('hover');" --><div class="flip-container box-unit" nope><div class="flipper"><div class="front"><span><img src="images/ic_work_black_24dp_2x.png" alt="Work experience"></span></div><div class="back"><div class="description">Perfect<br>is the enemy of<br>good.</div><div class="action"><a class="action-button shadow animate gray" onclick="namespace.openModal(event, 'work');">work</a></div></div></div></div></div><p style="text-align:center"><!-- before the main section finishes i want to write something like a quote --></p></main><footer class="footer-container"><div class="social-item"><a href="https://github.com/Mexassi" target="_blank"><svg version="1.1" id="social-github" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="50px" height="50px" viewBox="0 0 1024 1024" enable-background="new 0 0 1024 1024" xml:space="preserve"><g><circle class="social-icon" cx="509.064" cy="515.5" r="502.629"/><g><g><path class="social-icon-inner" d="M790.532,386.934c-1.812-92.354-52.517-126.753-52.517-126.753c21.73-70.624-9.062-112.803-9.062-112.803
c-47.082-4.16-115.906,45.833-115.906,45.833c-121.328-32.595-217.325,1.852-217.325,1.852
c-81.488-56.137-121.376-46.996-121.376-46.996c-28.974,50.704-5.525,119.684-5.525,119.684
c-54.326,57.948-47.271,147.018-47.271,147.018c18.109,202.816,207.873,196.25,207.873,196.25
c-26.103,11.615-30.637,53.576-30.637,53.576c-85.714,38.632-115.895-30.182-115.895-30.182
c-31.389-45.875-68.812-42.254-68.812-42.254c-26.56,4.831,7.172,24.145,7.172,24.145c31.316,25.353,37.159,55.533,37.159,55.533
C298.25,758.76,396,729.181,396,729.181v88.731c-5,18.109-20.337,25.353-20.337,25.353
c-35.01,26.559,17.749,19.317,17.749,19.317C430.835,856.547,443,823.346,443,823.346V695.982c0-8.45,12.3-19.316,12.3-19.316
l1.245,154.527c0,14.488-11.977,27.766-11.977,27.766c-24.146,30.183,7.29,26.119,7.29,26.119
c45.876-10.1,52.539-53.859,52.539-53.859L506.231,674h12.073l1.205,155.256c10.865,49.496,50.705,53.859,50.705,53.859
c28.974,9.658,13.334-19.27,13.334-19.27C567.854,850.618,567,826.968,567,826.968V677.875
c16,14.485,12.473,24.144,12.473,24.144l1.635,113.48c0,44.669,54.311,48.29,54.311,48.29
c48.289,1.208,12.758-19.315,12.758-19.315C625.24,832.399,622,812.481,622,812.481V671.234
c0-36.217-29.816-61.538-29.816-61.538C820.353,607.918,790.532,386.934,790.532,386.934z M504.421,590.951
c0,0-264.99,21.73-196.178-178.671c0,0,26.56-48.289,78.471-47.082c0,0,154.528,14.443,239.034-0.022
c0,0,47.08-2.392,77.263,42.276C703.011,407.452,810.456,610.265,504.421,590.951z"/><path class="social-icon-inner" d="M395.164,402.622c-26.669,0-48.289,29.187-48.289,65.191s21.62,65.191,48.289,65.191
c26.67,0,48.29-29.187,48.29-65.191S421.834,402.622,395.164,402.622z M395.164,507.652c-16.668,0-30.18-17.836-30.18-39.839
c0-22.002,13.512-39.838,30.18-39.838c16.668,0,30.181,17.836,30.181,39.838C425.345,489.816,411.833,507.652,395.164,507.652z"/><path class="social-icon-inner" d="M632.655,402.622c-26.67,0-48.288,29.187-48.288,65.191s21.618,65.191,48.288,65.191
s48.288-29.187,48.288-65.191S659.325,402.622,632.655,402.622z M632.655,507.652c-16.669,0-30.18-17.836-30.18-39.839
c0-22.002,13.511-39.838,30.18-39.838s30.181,17.836,30.181,39.838C662.836,489.816,649.324,507.652,632.655,507.652z"/><circle class="social-icon-inner" cx="509.064" cy="524.554" r="14.487"/></g><path class="social-icon-inner" d="M529.217,550c0,9-8.241,18.411-18.411,18.411c-10.168,0-18.411-9.411-18.412-18.411h-5.733
c0.001,12,10.811,24.146,24.145,24.146c13.335,0,24.144-12.146,24.144-24.146H529.217z"/><circle class="social-icon-inner" cx="489.566" cy="549.708" r="2.915"/><circle class="social-icon-inner" cx="532.121" cy="549.793" r="2.886"/></g></g></svg></a></div><div class="social-item"><a href="https://au.linkedin.com/pub/massimo-presta/18/157/125" target="_blank"><svg version="1.1" id="social-linkedin" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="50px" height="50px" viewBox="0 0 1024 1024" enable-background="new 0 0 1024 1024" xml:space="preserve"><g><circle class="social-icon" cx="512.096" cy="509.097" r="497.779"/><g><rect class="social-icon-inner" x="289" y="305" width="118" height="409"/><path class="social-icon-inner" d="M467,306v408.753l111-0.747V456.938c0,0,26.513-59.427,84.671-48.523c0,0,31.329,5.452,31.329,34.53
v271.808l121-0.747V428.624c0,0-12.375-121.765-103.242-123.691c0,0-62.758-11.015-133.758,38.055V306H467z"/><circle class="social-icon-inner" cx="351.613" cy="222.433" r="55.876"/></g></g></svg></a></div><div class="social-item"><a id="mail-me" href="mailto:[email protected]?Subject=I%20have%20seen%20your%20website!" target="_top"><svg version="1.1" id="social-mail" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="50px" height="50px" viewBox="0 0 1024 1024" enable-background="new 0 0 1024 1024" xml:space="preserve"><g><circle class="social-icon" cx="511.466" cy="511.966" r="488.844"/><path class="social-icon-inner" d="M806.265,293H223.237c-9.743,0-18.237,7.837-18.237,17.581V675.13c0,9.74,8.494,18.87,18.237,18.87h583.028
c9.739,0,17.735-9.13,17.735-18.87V310.581C824,300.837,816.004,293,806.265,293z M751.195,325L511.466,512.017L271.738,325
H751.195z M234,335.058l200.014,158.134L234,644.105V335.058z M255.852,669L463.81,511.777l47.657,35.838l43.325-35.705
L768.524,669H255.852z M786,644.105L580.21,493.192L786,335.058V644.105z"/></g></svg></a></div><div class="overlay is-hidden" id="overlay"><div class="modal-content element" id="modal-container"><div class="modal-background"><div class="modal"><div class="modal-header"><h3 id="modal-title">Modal header</h3><button class="button-close" onclick="namespace.closeModal();"><svg id="close-icon" fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/><path d="M0 0h24v24H0z" fill="none"/></svg></button></div><div class="modal-body" id="modal-body"><p>Modal body</p></div><!-- <svg class="modal-svg" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none">
<rect x="0" y="0" fill="none" width="226" height="162" rx="3" ry="3"></rect>
</svg> --></div></div></div><!-- <div class="modal-header">
<h3 id="modal-title">Modal header</h3>
<button class="button-close" onclick="namespace.closeModal();">
<svg id="close-icon" fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
<path d="M0 0h24v24H0z" fill="none"/>
</svg>
</button>
</div>
<div class="modal-body" id="modal-body">
<p>Modal body</p>
</div>
<div class="modal-footer">
</div> --></div><div class="copyright">© 2019 Massimo Presta</div></footer><!-- Google Analytics: change UA-XXXXX-X to be your site's ID. --><script>(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='https://www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-XXXXX-X');ga('send','pageview');</script><script src="scripts/vendor.js"></script><script src="scripts/main.js"></script></body></html>