Files: 1c565fd835e560d9649f1839715e501895e84f77 / pages / index.js
1138 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 } date={ talk.date } lang={ talk.lang } download> |
26 | { talk.title } |
27 | </PostLink> |
28 | </li> |
29 | )) |
30 | } |
31 | </ul> |
32 | </Section> |
33 | </Container> |
34 | |
35 | <style jsx>{` |
36 | h2 { |
37 | font-size: 18px; |
38 | font-weight: 500; |
39 | } |
40 | |
41 | .talk { |
42 | list-style-type: none; |
43 | margin: 20px 0; |
44 | } |
45 | `}</style> |
46 | </Page> |
47 | ); |
Built with git-ssb-web