Files: ab104cafb21ab7a6c8b0f42aa63db1d8001d9a02 / components / contacts.tsx
1139 bytesRaw
1 | const Contacts = () => ( |
2 | <section> |
3 | <h4>Contact me!</h4> |
4 | <div> |
5 | <strong>Secure Scuttlebutt</strong> |
6 | <ul> |
7 | <li> |
8 | <code>@xr/Q/zqaEwmmd4wg8xRU1TrMLQhc9qBqNCioCqmv1vQ=.ed25519</code> |
9 | </li> |
10 | <li>or</li> |
11 | <li> |
12 | <code>@2CFA0rXTIXzlwLvln3NhY8+RvuKFhNkejhLZhrDiCMU=.ed25519</code> |
13 | </li> |
14 | </ul> |
15 | </div> |
16 | <div> |
17 | <strong>E-mail</strong> |
18 | <ul> |
19 | <li> |
20 | <a href="mailto:contact@romuloalves.dev">contact@romuloalves.dev</a> |
21 | </li> |
22 | </ul> |
23 | </div> |
24 | <div> |
25 | <strong>LinkedIn</strong> |
26 | <ul> |
27 | <li> |
28 | <a href="https://www.linkedin.com/in/romuloalves" target="_blank" rel="noopener" title="/in/romuloalves">/in/romuloalves</a> |
29 | </li> |
30 | </ul> |
31 | </div> |
32 | <style jsx>{` |
33 | h4 { |
34 | font-size: 20px; |
35 | } |
36 | div { |
37 | margin: 10px 0 0 20px; |
38 | } |
39 | ul { |
40 | list-style: none; |
41 | } |
42 | li { |
43 | margin: 5px 0 0 15px; |
44 | } |
45 | code { |
46 | background: #eee; |
47 | overflow-wrap: break-word; |
48 | } |
49 | `}</style> |
50 | </section> |
51 | ); |
52 | |
53 | export default Contacts; |
Built with git-ssb-web