-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
48 lines (46 loc) · 3.09 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
<!DOCTYPE html><html lang="pt-BR"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Wendel Nascimento</title><meta description="Um blog sobre desenvolvimento Front End e sobre a vida de seu jovem desenvolvedor."><meta http-equiv="cache-control" content="public"><link rel="canonical" href="https://wendelnascimento.com.br"></head><body><div class="container --main column align-center" id="intro"><canvas id="canvas-lines"></canvas>
<svg version="1.1" id="logo-full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 306.7 175.5" enable-background="new 0 0 306.7 175.5" xml:space="preserve">
<style>
.draw {
stroke-width: 1;
animation-name: drawLine;
animation-duration: 5s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}
@keyframes drawLine {
to {
stroke-dashoffset: 0;
}
}
</style>
<g>
<path class="draw" id="w" fill="none" stroke="#447FC1" stroke-linecap="round" stroke-miterlimit="10" d="M177.9,9.2c0,0-9.2,38.7-9.2,38.7
c-1.1,4.4-2.1,8.9-3.2,13.3c-2.9,12.3-5.9,24.6-8.8,36.9c-1.1,4.5-2.2,9-3.2,13.5c-0.2,1-0.5,2-0.7,3c-0.5,2.2-2.8,3.5-4.9,2.2
c-1.2-0.7-1.4-2-1.7-3.2c-0.4-1.6-0.8-3.3-1.2-4.9c-1.3-5.6-2.7-11.2-4-16.8c-2.4-10.1-4.8-20.2-7.2-30.2c-0.4-1.7-1.2-3.1-3.2-3.2
c-2-0.1-3,1.4-3.4,3.1c-0.9,3.8-1.8,7.6-2.7,11.4c-2.8,11.8-5.7,23.7-8.5,35.5c-0.4,1.7-0.8,3.3-1.2,5c-0.3,1.2-0.5,2.4-1.5,3.2
c-2,1.4-4.5,0.1-5-2.1c-0.2-1-0.5-2-0.7-3c-2.6-10.9-5.2-21.8-7.8-32.7c-2.2-9.3-4.4-18.6-6.7-27.9c-0.4-1.6-1.3-3.1-3.3-3.1
c-0.7,0-1.3,0-2,0c-4,0-8,0-12,0c-12.7,0-25.3,0-38,0c-7.3,0-14.6,0-21.9,0"/>
<path class="draw" id="n" fill="none" stroke="#4B2E85" stroke-linecap="round" stroke-miterlimit="10" d="M147.9,166.4l9.2-38.7l0,0.2
c1.8-7.4,3.6-14.9,5.3-22.3c2.9-12,5.7-24,8.6-35.9c0.7-2.8,1.4-5.7,2-8.5c0.5-2.3,3.2-3.6,5.2-2c1,0.8,1.1,2,1.4,3.1
c2.5,10.6,5,21.1,7.6,31.7c1.3,5.4,2.6,10.7,3.8,16.1c0.6,2.5,0.9,7.6,4.5,7.3c3.1-0.3,3.3-4.6,3.9-6.9c1.2-4.9,2.3-9.8,3.5-14.7
c2.9-12.1,5.8-24.1,8.6-36.2c0.7-3,1.4-5.9,2.1-8.9c0.7-3.1,3.6-2.7,6.1-2.7c10.6,0,21.2,0,31.8,0c11.4,0,22.7,0,34.1,0
c1.7,0,3.3,0,5,0"/>
</g>
<script type="text/javascript">
var w = document.getElementById("w");
var n = document.getElementById("n");
var w_total_length = w.getTotalLength();
var n_total_length = n.getTotalLength();
w.setAttribute("style", "stroke-dasharray: "+w_total_length+"; stroke-dashoffset: "+w_total_length+";");
n.setAttribute("style", "stroke-dasharray: "+n_total_length+"; stroke-dashoffset: "+n_total_length+";");
</script>
</svg>
</div><script src="build/bundle.min.js"></script><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-89692896-1', 'auto');
ga('send', 'pageview');</script></body></html>