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 } date={ talk.date } lang={ talk.lang } download>
25
                  { talk.title }
26
                </PostLink>
27
              </li>
28
            ))
29
          }
30
        </ul>
31
      </Section>
32
    </Container>
33
34
    <style jsx>{`
35
      .talk {
36
        list-style-type: none;
37
        margin: 20px 0;
38
      }
39
    `}</style>
40
  </Page>
41
);