-
Notifications
You must be signed in to change notification settings - Fork 4
/
leonardo-pitelli.html
102 lines (96 loc) · 6.63 KB
/
leonardo-pitelli.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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<!-- Design by iamCGD-->
<title>NodeConf Argentina</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="/favicon.ico">
<meta name="theme-color" content="#1A2024">
<meta name="msapplication-navbutton-color" content="#1A2024">
<meta name="apple-mobile-web-app-status-bar-style" content="#1A2024">
<meta name="keywords" content="nodeconf,argentina,konex,buenos aires,javascript,nodejs,node,js">
<meta name="description" property="og:description" itemprop="description" content="Software Engineer. Google Developer Expert for cloud. Working as web developer for many years, building web sites heavily focused on performance and optimization. ">
<link rel="canonical" href="https://2017.nodeconf.com.ar/">
<meta name="twitter:title" itemprop="name" property="og:title" content="Leonardo Pitelli">
<meta name="twitter:description" content="Software Engineer. Google Developer Expert for cloud. Working as web developer for many years, building web sites heavily focused on performance and optimization. ">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@nodeconfar">
<meta name="twitter:creator" content="@nodeconfar">
<meta name="author" itemprop="creator" content="NodeConf Argentina <[email protected]>">
<!-- Open Graph data -->
<meta property="og:title" content="NodeConf Argentina 2017 - Leonardo Pitelli">
<meta property="og:type" content="website">
<meta property="og:description" content="Software Engineer. Google Developer Expert for cloud. Working as web developer for many years, building web sites heavily focused on performance and optimization. ">
<meta property="og:url" content="https://2017.nodeconf.com.ar/leonardo-pitelli.html">
<meta property="og:image" content="https://2017.nodeconf.com.ar/assets/images/speakers/flyer-w-lpitelli.jpg">
<!-- twitter only cares about the last meta image repeat the cover -->
<meta name="twitter:image:src" content="https://2017.nodeconf.com.ar/assets/images/speakers/flyer-w-lpitelli.jpg">
<link rel="stylesheet" type="text/css" href="css/main.css" />
<link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet" type="text/css">
<script>
(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');
ga('create', 'UA-99917583-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body class="bg-light-gray">
<section>
<div class="mw8 center pt4 pb0-ns pb4 ph3 flex justify-end">
<a href="index.html" class="back-home">
<div class="tooltip">back</div>
</a>
</div>
<div class="mw75 center pb6 cb ph3">
<div class="flex justify-between flex-column flex-row-ns">
<div class="relative w-100 w-50-ns h-50 tc">
<span class="relative"><img src="assets/images/speakers/w-lpitelli.jpg" class="profile-speaker"><abbr class="absolute bottom--1 left--1"> <img src="assets/images/speakers/profile-w.png"></abbr>
<span class="pa3 ba ttu near-black b--near-black bw1 absolute bottom--2 left-0">Argentina</span></span>
<span class="absolute top--2 right-2-ns right--1"><img src="assets/images/speakers/misc1.png"></span>
</div>
<div class="tc w-100 w-50-ns pl5-ms"> <span class="center w0 bg-yellow h3 db mb2"></span>
<div class="cf"><img src="assets/images/social/twitter-w.svg" class="mw2 v-btm"></div>
<a href="https://twitter.com/leopittelli" target="_blank" class="pt2 pointer link dib f4 yellow hover-near-black">@leopittelli</a>
<h3 class="f1">Leonardo Pitelli</h3>
<h4 class="f4 pb4">Software Engineer, Garbarino</h4>
<p>Software Engineer. Google Developer Expert for cloud. Working as web developer for many years, building web sites heavily focused on performance and optimization. Leading the progressive web app project at one of the biggest retail companies in Argentina.</p>
<span class="center w0 bg-yellow h3 db mt2"></span> </div>
</div>
</div>
<div class="bg-yellow">
<div class="mw75 center pv5 cb ph5-ns ph3 relative">
<span class="f6 pa3 ttu bg-light-gray absolute top--1">details about the workshop</span>
<h3 class="f3 b--near-black bw1 bb dib mb3 ph3 pb2 ttu">Progressive web apps. All in one.</h3>
<div class="ph3">
<p>A trip around the main features of a PWA. We will build step by step a website that works offline, synchronizing data in background, launched from the home screen of our android phones and getting in touch with web push notifications.</p>
<p>Be prepared for a bit of JS and to getting deep inside the latest features and APIs of your browser.</p>
</div>
</div>
</div>
</section>
<footer class="bg-near-black pv2 ph2 ph0-ns light-gray w-100">
<div class="flex items-center justify-between mw8 center">
<ul class="list flex items-center">
<li class="mw3"><img src="assets/images/logom-header-nodeconf.png" alt="logo-nodeconf" /></li>
<li><a href="https://2016.nodeconfar.com/" target="_blank" class="link dib white ttu">previous edition</a></li>
</ul>
<ul id="social" class="list flex items-center justify-between pr2">
<li class="mh2-l mw2"><a href="https://www.facebook.com/nodeconfar/" target="_blank"> <img src="assets/images/social/facebook.svg" class="v-btm w-100 dim"> </a></li>
<li class="mh2-l mw2"><a href="https://twitter.com/nodeconfar" target="_blank"> <img src="assets/images/social/twitter.svg" class="v-btm w-90 dim"> </a></li>
<li class="mh2-l mw2"><a href="https://www.youtube.com/c/nodeconfargentina" target="_blank"> <img src="assets/images/social/youtube.svg" class="v-btm w-100 dim"> </a></li>
</ul>
</div>
</footer>
</body>
</html>