git ssb

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
);