Files: 90f1fa10f4cf1eadad9cd3539872fd71cc183030 / pages / talks.js
1156 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 { Breadcrumbs, Crumb } from '../components/breadcrumbs'; |
7 | import PostLink from '../components/post-link'; |
8 | |
9 | import talks from '../static/talks.json'; |
10 | |
11 | export default () => ( |
12 | <Page pageTitle="talks"> |
13 | <Header /> |
14 | <Container> |
15 | <Breadcrumbs> |
16 | <Crumb title="Home" href="/" /> |
17 | <Crumb title="Talks" href="/talks" last /> |
18 | </Breadcrumbs> |
19 | <Section title="Talks"> |
20 | <ul> |
21 | { |
22 | talks.map(talk => ( |
23 | <li key={ talk.id } className="talk"> |
24 | <PostLink href={ talk.file } |
25 | date={ talk.date } |
26 | lang={ talk.lang } |
27 | download |
28 | filename={ talk.filename }> |
29 | { talk.title } |
30 | </PostLink> |
31 | </li> |
32 | )) |
33 | } |
34 | </ul> |
35 | </Section> |
36 | </Container> |
37 | |
38 | <style jsx>{` |
39 | .talk { |
40 | list-style-type: none; |
41 | margin: 20px 0; |
42 | } |
43 | `}</style> |
44 | </Page> |
45 | ); |
Built with git-ssb-web