git ssb

0+

Rômulo Alves / website



Tree: bbb73de78070023ab64f8991a216e42d96fa31fc

Files: bbb73de78070023ab64f8991a216e42d96fa31fc / index.html

3902 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" />
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      br ~ code {
53        margin-left: 0;
54      }
55
56      @media (max-width: 700px) {
57        html, body {
58          margin: 8px;
59          padding: 0;
60        }
61        section ul {
62          padding: 15px 0;
63        }
64        section ul span {
65          display: block;
66        }
67        section ul li {
68          margin-bottom: 15px;
69          word-break: break-word;
70        }
71        code {
72          margin-left: 0;
73        }
74      }
75    </style>
76  </head>
77  <body>
78    <header>
79      <h1>Rômulo Alves</h1>
80      <h2>
81        brazilian software engineer
82      </h2>
83    </header>
84    <section>
85      <h1>You can find me on...</h1>
86      <ul>
87        <li>
88          <span>Secure Scuttlebutt</span>
89          <code class="click-select">@xr/Q/zqaEwmmd4wg8xRU1TrMLQhc9qBqNCioCqmv1vQ=.ed25519</code>
90        </li>
91        <li>
92          <span>Twitter</span>
93          <code>
94            <a href="https://twitter.com/romuloalves" title="Twitter" target="_blank" rel="noopener">twitter.com/romuloalves</a>
95          </code>
96        </li>
97        <li>
98          <span>Sourcehut</span>
99          <code>
100            <a href="https://git.sr.ht/~romuloalves" title="Sourcehut" target="_blank" rel="noopener">git.sr.ht/~romuloalves</a>
101          </code>
102        </li>
103        <li>
104          <span>GitHub</span>
105          <code>
106            <a href="https://github.com/romuloalves" title="GitHub" target="_blank" rel="noopener">github.com/romuloalves</a>
107          </code>
108        </li>
109      </ul>
110    </section>
111    <section>
112      <h1>Talks</h1>
113      <ul>
114        <li class="talk">
115          <span class="post-date">2018-04-14</span>
116          <a href="static/talks/next.js.pdf"
117            title="Next.js at Sapiranga Software Development Meetup"
118            download="Next.js.pdf">
119            (pt-br) Next.js at Sapiranga Software Development Meetup
120          </a>
121        </li>
122        <li class="talk">
123          <span class="post-date">2016-07-07</span>
124          <a href="static/talks/react.pdf"
125            title="React at @cwisoftware"
126            download="React.pdf">
127            (pt-br) React at @cwisoftware
128          </a>
129        </li>
130      </ul>
131    </section>
132    <script type="text/javascript">
133      var itemsToSelect = document.querySelectorAll('.click-select');
134
135      for (let index = 0; index < itemsToSelect.length; index++) {
136        var element = itemsToSelect[index];
137
138        element.addEventListener('click', function() {
139          var selection = window.getSelection();
140
141          if (selection.rangeCount > 0) {
142            selection.removeAllRanges();
143          }
144
145          var range = document.createRange();
146
147          range.selectNode(element);
148          selection.addRange(range);
149        });
150      }
151    </script>
152  </body>
153</html>

Built with git-ssb-web