-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
341 lines (246 loc) · 11.9 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
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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
<html>
<head>
<meta name="generator" content="Hugo 0.81.0" />
<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">
<link rel="icon" href="/images/favicon.svg">
<link rel="stylesheet" href="/scss/global.min.d3cc96f4d8384649c41cedbcf73d695dedba18e800978f9ab7f79a1b6fd908ee.css">
<link rel="stylesheet" href="/css/prism.css" />
<link href="https://fonts.googleapis.com/css?family=Merriweather&display=swap" rel="stylesheet">
<title>PINELI</title>
<meta name="description" content="">
<meta property="og:title" content="PINELI">
<meta property="og:site_name" content="PINELI">
<meta property="og:description" content="">
<meta property="og:url" content="http://pineli.dev/">
<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">
<meta property="og:image" content='http://pineli.dev/uploads/default.jpg'><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="PINELI">
<link rel="canonical" href="http://pineli.dev/">
<meta name="twitter:site" content="@https://twitter.com/pineli">
<meta name="twitter:creator" content="@https://twitter.com/pineli">
<meta name="twitter:description" content="">
<meta name="twitter:image" content="http://pineli.dev/uploads/default.jpg">
<meta property="article:published_time" content="2021-03-18T21:19:40-03:00">
<meta property="article:updated_time" content="2021-03-18T21:19:40-03:00">
</head>
<body class="line-numbers">
<script src="/js/initColors.js"></script>
<div class="layout-styled">
<Section class="section">
<div class="nav-container">
<a class="logo-link" href="/">
<div id="logo-desktop">
<svg xmlns="http://www.w3.org/2000/svg" width="172" height="48" viewBox="0 0 172 48">
<defs>
<style>
.cls-1 {
font-size: 40px;
font-family: HelveticaNeue-Bold, Helvetica Neue;
font-weight: 700;
}
.cls-2 {
font-family: HelveticaNeue-UltraLight, Helvetica Neue;
font-weight: 100;
}
</style>
</defs>
<text id="PINELI.DEV" class="cls-1 change-fill" transform="translate(0 39)"><tspan x="0" y="0">pineli</tspan><tspan class="cls-2" y="0">.dev</tspan></text>
</svg>
</div>
<div id="logo-mobile" class="hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="172" height="48" viewBox="0 0 172 48">
<defs>
<style>
.cls-1 {
font-size: 40px;
font-family: HelveticaNeue-Bold, Helvetica Neue;
font-weight: 700;
}
.cls-2 {
font-family: HelveticaNeue-UltraLight, Helvetica Neue;
font-weight: 100;
}
</style>
</defs>
<text id="PINELI.DEV" class="cls-1 change-fill" transform="translate(0 39)"><tspan x="0" y="0">pineli</tspan><tspan class="cls-2" y="0">.dev</tspan></text>
</svg>
</div>
<span class="header-hidden">Navigate back to the homepage</span>
</a>
<div class="nav-controls">
<button id="copyButton" class="icon-wrapper">
<svg class="icon-image" width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M2 5C2 3.34328 3.34328 2 5 2H14C15.6567 2 17 3.34328 17 5V9C17 10.6567 15.6567 12 14 12H10C9.44771 12 9 12.4477 9 13C9 13.5523 9.44771 14 10 14H14C16.7613 14 19 11.7613 19 9V5C19 2.23872 16.7613 0 14 0H5C2.23872 0 0 2.23872 0 5V9C0 10.4938 0.656313 11.8361 1.6935 12.7509C2.10768 13.1163 2.73961 13.0767 3.10494 12.6625C3.47028 12.2483 3.43068 11.6164 3.0165 11.2511C2.39169 10.6999 2 9.89621 2 9V5ZM7 11C7 9.34328 8.34328 8 10 8H14C14.5523 8 15 7.55228 15 7C15 6.44772 14.5523 6 14 6H10C7.23872 6 5 8.23872 5 11V15C5 17.7613 7.23872 20 10 20H19C21.7613 20 24 17.7613 24 15V11C24 9.50621 23.3437 8.16393 22.3065 7.24906C21.8923 6.88372 21.2604 6.92332 20.8951 7.3375C20.5297 7.75168 20.5693 8.38361 20.9835 8.74894C21.6083 9.30007 22 10.1038 22 11V15C22 16.6567 20.6567 18 19 18H10C8.34328 18 7 16.6567 7 15V11Z"
fill="#000"
/>
</svg>
<div id="toolTip" class="tool-tip " >
endereço copiado
</div>
<input id="copyText" style="opacity: 0;" type="text" class="tool-tip " />
</button>
<button id="themeColorButton" class="icon-wrapper">
<div id="sunRays" class="sun-rays"></div>
<div id="moonOrSun" class="moon-or-sun"></div>
<div id="moonMask" class="moon-mask"></div>
</button>
</div>
</div>
</Section>
<script src="/js/toggleLogos.js"></script>
<script src="/js/toggleColors.js"></script>
<script src="/js/copyUrl.js"></script>
<Section class="section" relative id="Articles__Hero">
<div class="heading-container" style="max-width: px;">
<h1 class="hero-heading"></h1>
</div>
<div class="subheading-container">
<div class="bio-container">
<a href="/authors/pineli/" class="bio-link">
<div class="bio-avatar">
<div class="bio-avatar-inner">
<img class="author-avatar" src="/images/profile-pineli-1.jpg" />
</div>
</div>
<p class="bio-text">Desenvolvedor sênior, entusiasta de novas tecnologias de software e eletrônica e membro da comunidade Tudo Sobre IoT.
</p>
</a>
</div>
<div class="grid-controls-container">
<button id="btnGrid" class="grid-button">
<svg
width="26"
height="26"
viewBox="0 0 26 26"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path id="tiles"
fill="#000"
d="M4.33337 13.8424H12.0371V5.4165H4.33337V13.8424ZM4.33337 20.5832H12.0371V15.5276H4.33337V20.5832ZM13.963 20.5832H21.6667V12.1572H13.963V20.5832ZM13.963 5.4165V10.4721H21.6667V5.4165H13.963Z"
/>
</svg>
</button>
<button id="btnRows" class="grid-button">
<svg
width="26"
height="26"
viewBox="0 0 26 26"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path id="rows"
fill="#000"
d="M4.33331 15.1665H8.41174V10.8332H4.33331V15.1665ZM4.33331 20.5832H8.41174V16.2498H4.33331V20.5832ZM4.33331 9.74984H8.41174V5.4165H4.33331V9.74984ZM9.43135 15.1665H21.6666V10.8332H9.43135V15.1665ZM9.43135 20.5832H21.6666V16.2498H9.43135V20.5832ZM9.43135 5.4165V9.74984H21.6666V5.4165H9.43135Z"
/>
</svg>
</button>
</div>
</div>
</Section>
<script src="/js/toggleLayout.js"></script>
<Section className="section narrow">
<section class="section nartrow">
<div id="articlesList" class="articles-list-container show-details">
<div class="post-row">
<a href="/post/conferencia-iot-2021/" class="article-link"
id="article-link-bigger"
>
<div class="article-data-outer">
<div class="image-container">
<img src="/images/banner-conferencia-tsiot-pineli.png" class="article-image" />
</div>
<div class="article-data">
<h2 class="article-title">
CONFERÊNCIA IOT 2021
</h2>
<p class="article-excerpt">
Palestrante na conferência Tudo Sobre IoT 2021
</p>
<div class="article-metadata">
March 18, 2021 • 2 min read
</div>
</div>
</div>
</a>
<a href="/post/about-me/" class="article-link"
>
<div class="article-data-outer">
<div class="image-container">
<img src="/images/img-abstratic-tangle-1.png" class="article-image" />
</div>
<div class="article-data">
<h2 class="article-title">
Sobre
</h2>
<p class="article-excerpt">
Desenvolvedor Sênior
</p>
<div class="article-metadata">
March 18, 2021 • 1 min read
</div>
</div>
</div>
</a>
</div>
</div>
</section>
<div class="articles-paginator">
</div>
</Section>
<div class="articles-gradient"></div>
<div class="footer-gradient"></div>
<div class="section narrow">
<div class="footer-hr"></div>
<div class="footer-container">
<div class="footer-text">
© 2021 PINELI
</div>
<div class="social-icon-outer">
<div class="social-icon-container">
<a href="https://www.linkedin.com/in/pineli"><svg
class="social-icon-image"
width="14"
height="14"
viewBox="0 0 14 14"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M3.59615 13.125H0.871552V4.36523H3.59615V13.125ZM2.24847 3.16406C1.81878 3.16406 1.44769 3.00781 1.13519 2.69531C0.822692 2.38281 0.666443 2.01171 0.666443 1.58203C0.666443 1.15234 0.822692 0.781248 1.13519 0.468749C1.44769 0.156249 1.81878 0 2.24847 0C2.67816 0 3.04925 0.156249 3.36175 0.468749C3.67425 0.781248 3.8305 1.15234 3.8305 1.58203C3.8305 2.01171 3.67425 2.38281 3.36175 2.69531C3.04925 3.00781 2.67816 3.16406 2.24847 3.16406ZM13.7915 13.125H11.0669V8.84765C11.0669 8.14452 11.0083 7.63671 10.8911 7.32421C10.6763 6.79687 10.2563 6.5332 9.63134 6.5332C9.00634 6.5332 8.56689 6.76757 8.31298 7.23632C8.11767 7.58788 8.02001 8.10546 8.02001 8.78905V13.125H5.32471V4.36523H7.93212V5.5664H7.96142C8.15673 5.17578 8.46923 4.85351 8.89892 4.59961C9.36767 4.28711 9.91454 4.13086 10.5395 4.13086C11.8091 4.13086 12.6977 4.53125 13.2055 5.33203C13.5962 5.97656 13.7915 6.97265 13.7915 8.3203V13.125Z"
fill="#73737D"
/>
</svg></a>
<a href="https://twitter.com/pineli"><svg
class="social-icon-image"
width="16"
height="13"
viewBox="0 0 16 13"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M14.0658 2.34438C14.7013 1.96349 15.1892 1.3604 15.419 0.641811C14.8244 0.994439 14.1658 1.25056 13.4648 1.3886C12.9034 0.7905 12.1036 0.416748 11.2185 0.416748C9.51888 0.416748 8.14096 1.79461 8.14096 3.49411C8.14096 3.7353 8.16822 3.97019 8.22068 4.19542C5.66301 4.06708 3.39543 2.84191 1.8776 0.980064C1.6127 1.43458 1.46094 1.96322 1.46094 2.52719C1.46094 3.59485 2.00428 4.5368 2.83003 5.08865C2.32553 5.07268 1.85104 4.93425 1.43608 4.70376C1.43586 4.71659 1.43586 4.72949 1.43586 4.74244C1.43586 6.23349 2.49666 7.47732 3.90448 7.75999C3.64622 7.83033 3.37436 7.86792 3.09366 7.86792C2.89537 7.86792 2.70257 7.84866 2.51471 7.81272C2.90629 9.03537 4.0428 9.92509 5.38945 9.94994C4.33623 10.7753 3.00928 11.2673 1.56749 11.2673C1.31911 11.2673 1.07413 11.2528 0.833374 11.2243C2.19527 12.0975 3.81291 12.6069 5.55081 12.6069C11.2113 12.6069 14.3067 7.91763 14.3067 3.85096C14.3067 3.71753 14.3037 3.5848 14.2978 3.45285C14.899 3.01896 15.4208 2.47694 15.8334 1.8598C15.2815 2.10456 14.6884 2.26998 14.0658 2.34438Z"
fill="#73737D"
/>
</svg></a>
</div>
</div>
</div>
</div>
</div>
<script src="/js/prism.js"></script>
</body>
</html>