Files: 47da1a3230ba9e094b0ae8019dbc69f445f8d66e / pages / index.js
1237 bytesRaw
1 | import Page from '../components/page'; |
2 | import Header from '../components/header'; |
3 | import Container from '../components/container'; |
4 | import Section from '../components/section'; |
5 | |
6 | import PostLink from '../components/post-link'; |
7 | |
8 | import talks from '../static/talks.json'; |
9 | |
10 | export default () => ( |
11 | <Page> |
12 | <Header /> |
13 | <Container> |
14 | <h2> |
15 | Software engineer at <a href="https://github.com/plingbr" title="PLING" target="_blank" rel="noopener">PLING</a>. |
16 | JavaScript hacker. |
17 | Decentralization enthusiast. |
18 | </h2> |
19 | |
20 | <Section title="Talks" href="/talks"> |
21 | <ul> |
22 | { |
23 | talks.map(talk => ( |
24 | <li key={ talk.id } className="talk"> |
25 | <PostLink href={ talk.file } |
26 | date={ talk.date } |
27 | lang={ talk.lang } |
28 | download |
29 | filename={ talk.filename }> |
30 | { talk.title } |
31 | </PostLink> |
32 | </li> |
33 | )) |
34 | } |
35 | </ul> |
36 | </Section> |
37 | </Container> |
38 | |
39 | <style jsx>{` |
40 | h2 { |
41 | font-size: 18px; |
42 | font-weight: 500; |
43 | } |
44 | |
45 | .talk { |
46 | list-style-type: none; |
47 | margin: 20px 0; |
48 | } |
49 | `}</style> |
50 | </Page> |
51 | ); |
Built with git-ssb-web