Files: 1c2c606c027621ffaeb71794ef479770cc64ef9f / index.html
3501 bytesRaw
1 | |
2 | <html lang="en"> |
3 | <head> |
4 | <meta charset="UTF-8"> |
5 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
6 | <meta http-equiv="X-UA-Compatible" content="ie=edge"> |
7 | <meta name="description" content="romuloalves - software engineer at Pling" /> |
8 | <link rel="icon" type="image/png" href="static/favicon.png" /> |
9 | <title>romuloalves</title> |
10 | <style type="text/css"> |
11 | h1, h2 { |
12 | margin: 0; |
13 | padding: 0; |
14 | } |
15 | header h1 { |
16 | font-size: 32px; |
17 | } |
18 | header h2 { |
19 | color: #666; |
20 | font-size: 24px; |
21 | } |
22 | .link-pling { |
23 | color: #1e88e5; |
24 | } |
25 | section { |
26 | margin: 25px 0; |
27 | } |
28 | section h1 { |
29 | font-size: 22px; |
30 | } |
31 | section ul { |
32 | list-style: none; |
33 | margin: 0; |
34 | padding: 15px 0 15px 15px; |
35 | } |
36 | .talk { |
37 | margin-bottom: 25px; |
38 | } |
39 | .post-date { |
40 | color: #666; |
41 | display: block; |
42 | } |
43 | code { |
44 | background: #eee; |
45 | margin-left: 5px; |
46 | padding: 2px 5px; |
47 | } |
48 | </style> |
49 | </head> |
50 | <body> |
51 | <header> |
52 | <h1>Rômulo Alves</h1> |
53 | <h2> |
54 | software engineer at <a href="https://pling.net.br" target="_blank" rel="noopener" title="Pling" class="link-pling">Pling</a> |
55 | </h2> |
56 | </header> |
57 | <section> |
58 | <h1>You can find me on...</h1> |
59 | <ul> |
60 | <li> |
61 | <span>Secure Scuttlebutt</span> |
62 | <code class="click-select">@xr/Q/zqaEwmmd4wg8xRU1TrMLQhc9qBqNCioCqmv1vQ=.ed25519</code> |
63 | </li> |
64 | <li> |
65 | <span>Twitter</span> |
66 | <code> |
67 | <a href="https://twitter.com/romuloalves" title="Twitter" target="_blank" rel="noopener">twitter.com/romuloalves</a> |
68 | </code> |
69 | </li> |
70 | <li> |
71 | <span>Sourcehut</span> |
72 | <code> |
73 | <a href="https://git.sr.ht/~romuloalves" title="Sourcehut" target="_blank" rel="noopener">git.sr.ht/~romuloalves</a> |
74 | </code> |
75 | </li> |
76 | <li> |
77 | <span>GitHub</span> |
78 | <code> |
79 | <a href="https://github.com/romuloalves" title="GitHub" target="_blank" rel="noopener">github.com/romuloalves</a> |
80 | </code> |
81 | </li> |
82 | </ul> |
83 | </section> |
84 | <section> |
85 | <h1>Talks</h1> |
86 | <ul> |
87 | <li class="talk"> |
88 | <span class="post-date">2018-04-14</span> |
89 | <a href="static/talks/next.js.pdf" |
90 | title="Next.js at Sapiranga Software Development Meetup" |
91 | download="Next.js.pdf"> |
92 | (pt-br) Next.js at Sapiranga Software Development Meetup |
93 | </a> |
94 | </li> |
95 | <li class="talk"> |
96 | <span class="post-date">2016-07-07</span> |
97 | <a href="static/talks/react.pdf" |
98 | title="React at @cwisoftware" |
99 | download="React.pdf"> |
100 | (pt-br) React at @cwisoftware |
101 | </a> |
102 | </li> |
103 | </ul> |
104 | </section> |
105 | <script type="text/javascript"> |
106 | var itemsToSelect = document.querySelectorAll('.click-select'); |
107 | |
108 | for (let index = 0; index < itemsToSelect.length; index++) { |
109 | var element = itemsToSelect[index]; |
110 | |
111 | element.addEventListener('click', function() { |
112 | var selection = window.getSelection(); |
113 | |
114 | if (selection.rangeCount > 0) { |
115 | selection.removeAllRanges(); |
116 | } |
117 | |
118 | var range = document.createRange(); |
119 | |
120 | range.selectNode(element); |
121 | selection.addRange(range); |
122 | }); |
123 | } |
124 | </script> |
125 | </body> |
126 | </html> |
Built with git-ssb-web