git ssb

0+

Rômulo Alves / website



Tree: d28b1230833c80ff3fbc697f30cd5e51de0fe115

Files: d28b1230833c80ff3fbc697f30cd5e51de0fe115 / index.html

3959 bytesRaw
1<!DOCTYPE html>
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      html, body {
12        margin: 0;
13        padding: 25px;
14      }
15      h1, h2 {
16        margin: 0;
17        padding: 0;
18      }
19      header h1 {
20        font-size: 32px;
21      }
22      header h2 {
23        color: #666;
24        font-size: 24px;
25      }
26      .link-pling {
27        color: #1e88e5;
28      }
29      section {
30        margin: 25px 0;
31      }
32      section h1 {
33        font-size: 22px;
34      }
35      section ul {
36        list-style: none;
37        margin: 0;
38        padding: 15px 0 15px 15px;
39      }
40      .talk {
41        margin-bottom: 25px;
42      }
43      .post-date {
44        color: #666;
45        display: block;
46      }
47      code {
48        background: #eee;
49        margin-left: 5px;
50        padding: 2px 5px;
51      }
52
53      @media (max-width: 700px) {
54        html, body {
55          margin: 8px;
56          padding: 0;
57        }
58        section ul {
59          padding: 15px 0;
60        }
61        section ul span {
62          display: block;
63        }
64        section ul li {
65          margin-bottom: 15px;
66          word-break: break-word;
67        }
68        code {
69          margin-left: 0;
70        }
71      }
72    </style>
73  </head>
74  <body>
75    <header>
76      <h1>Rômulo Alves</h1>
77      <h2>
78        software engineer at <a href="https://pling.net.br" target="_blank" rel="noopener" title="Pling" class="link-pling">Pling</a>
79      </h2>
80    </header>
81    <section>
82      <h1>You can find me on...</h1>
83      <ul>
84        <li>
85          <span>Secure Scuttlebutt</span>
86          <code class="click-select">@xr/Q/zqaEwmmd4wg8xRU1TrMLQhc9qBqNCioCqmv1vQ=.ed25519</code>
87        </li>
88        <li>
89          <span>Twitter</span>
90          <code>
91            <a href="https://twitter.com/romuloalves" title="Twitter" target="_blank" rel="noopener">twitter.com/romuloalves</a>
92          </code>
93        </li>
94        <li>
95          <span>Sourcehut</span>
96          <code>
97            <a href="https://git.sr.ht/~romuloalves" title="Sourcehut" target="_blank" rel="noopener">git.sr.ht/~romuloalves</a>
98          </code>
99        </li>
100        <li>
101          <span>GitHub</span>
102          <code>
103            <a href="https://github.com/romuloalves" title="GitHub" target="_blank" rel="noopener">github.com/romuloalves</a>
104          </code>
105        </li>
106      </ul>
107    </section>
108    <section>
109      <h1>Talks</h1>
110      <ul>
111        <li class="talk">
112          <span class="post-date">2018-04-14</span>
113          <a href="static/talks/next.js.pdf"
114            title="Next.js at Sapiranga Software Development Meetup"
115            download="Next.js.pdf">
116            (pt-br) Next.js at Sapiranga Software Development Meetup
117          </a>
118        </li>
119        <li class="talk">
120          <span class="post-date">2016-07-07</span>
121          <a href="static/talks/react.pdf"
122            title="React at @cwisoftware"
123            download="React.pdf">
124            (pt-br) React at @cwisoftware
125          </a>
126        </li>
127      </ul>
128    </section>
129    <script type="text/javascript">
130      var itemsToSelect = document.querySelectorAll('.click-select');
131
132      for (let index = 0; index < itemsToSelect.length; index++) {
133        var element = itemsToSelect[index];
134
135        element.addEventListener('click', function() {
136          var selection = window.getSelection();
137
138          if (selection.rangeCount > 0) {
139            selection.removeAllRanges();
140          }
141
142          var range = document.createRange();
143
144          range.selectNode(element);
145          selection.addRange(range);
146        });
147      }
148    </script>
149  </body>
150</html>

Built with git-ssb-web