Skip to content

Commit fb101af

Browse files
committed
make them vaguely passable
1 parent 445e199 commit fb101af

File tree

1 file changed

+44
-51
lines changed

1 file changed

+44
-51
lines changed

presentation/index.js

Lines changed: 44 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,13 @@
11
// Import React
22
import React from "react";
3-
const { PropTypes } = React;
43

54
// Import Spectacle Core tags
65
import {
76
BlockQuote,
8-
Cite,
97
Deck,
108
Heading,
119
ListItem,
1210
List,
13-
Quote,
1411
Slide,
1512
Text,
1613
Image,
@@ -27,6 +24,7 @@ import createTheme from "spectacle/lib/themes/default";
2724
require("normalize.css");
2825
require("spectacle/lib/themes/default/index.css");
2926

27+
const { PropTypes } = React;
3028

3129
const images = {
3230
logo: require("../assets/lnug-logo.svg"),
@@ -47,10 +45,14 @@ const theme = createTheme({
4745
secondary: "Helvetica"
4846
});
4947

48+
const emcee = {
49+
name: "Cyril",
50+
twitter: "cyril.silverman"
51+
};
5052

5153
const speakers = [
5254
{ name: "Paul Jensen", title: "From LNUG presentation to published book" },
53-
{ name: "", title: "Trading cryptocurrencies, forex, commodities stocks and more using node.js" },
55+
{ name: "flyingunicorn222", title: "Trading cryptocurrencies, forex, commodities stocks and more using node.js" },
5456
{ name: "Will Munn", title: "Speeding up CI with node and docker" }
5557
];
5658

@@ -65,45 +67,43 @@ class SpeakerSlide extends React.Component {
6567
if (!speaker) {
6668
return null;
6769
}
70+
6871
return (
6972
<Slide>
70-
<Heading size={3} textColor="secondary">Next Up</Heading>
73+
<Heading size={5} textColor="secondary" margin={50}>Next Up</Heading>
7174
<Heading size={4} textColor="secondary">{speaker.name}</Heading>
72-
<Heading size={5} textColor="secondary">{speaker.title}</Heading>
73-
<Text>Grab a drink & pizza then grab a seat!</Text>
74-
<Image src={images.pizza.replace("/", "")} margin="0px auto 40px" height="293px"/>
75+
<Heading size={6} textColor="secondary"><S type="italics">{speaker.title}</S></Heading>
76+
<Text textSize={30} margin={50} textColor="secondary">Grab a drink & pizza then grab a seat!</Text>
7577
</Slide>
7678
);
7779
}
7880
}
7981

80-
const speakerListItem = (speaker) => (
81-
speaker
82-
? <ListItem key={speaker.title}>{speaker.title} <S type="italics">- {speaker.name}</S></ListItem>
83-
: null
84-
);
85-
8682
export default class Presentation extends React.Component {
8783
render() {
8884
return (
8985
<Deck transition={["zoom", "slide"]} transitionDuration={500} theme={theme}>
9086
<Slide transition={["zoom"]} bgColor="primary">
91-
<Image src={images.logo} margin="0px auto 40px" height="293px"/>
92-
<Heading size={3} textColor="secondary">DATE (#NUMBER)</Heading>
87+
<Image src={images.logo} margin="0px auto 0px" height="200px"/>
88+
<Heading size={6} textColor="secondary">May 24th, 2017 (#63)</Heading>
9389
<List>
94-
{speakers.map(speakerListItem)}
90+
{speakers.map((speaker) =>
91+
<ListItem textSize={30} key={speaker.title}>
92+
{speaker.title} <S type="italics">- {speaker.name}</S>
93+
</ListItem>
94+
)}
9595
</List>
9696
<List>
97-
<ListItem>WIFI: See the walls</ListItem>
98-
<ListItem>Twitter: @LNUGorg use hashtags #LNUG #node #javascript #london</ListItem>
99-
<ListItem>Gitter: lnug/discuss</ListItem>
97+
<ListItem textSize={30}>WIFI: See the walls</ListItem>
98+
<ListItem textSize={30}>Twitter: @LNUGorg use hashtags #LNUG #node #javascript #london</ListItem>
99+
<ListItem textSize={30}>Gitter: lnug/discuss</ListItem>
100100
</List>
101101
</Slide>
102102

103103
<Slide transition={["fade"]} bgColor="primary">
104104
<Heading size={3} textColor="secondary">House Keeping</Heading>
105105
<List>
106-
<ListItem>Say hello on Twitter: @lnugorg #lnug (and me: <S type="bold">@clarkieclarkie</S>)</ListItem>
106+
<ListItem>Say hello on Twitter: @lnugorg #lnug (and me: <S type="bold">@{emcee.twitter}</S>)</ListItem>
107107
<ListItem>YouTube: LNUG Team 🎥</ListItem>
108108
<ListItem>Instagram: <S type="bold">@lnugorg</S> #lnug 📷</ListItem>
109109
<ListItem>Gitter: <S type="bold">lnug/discuss</S> 📢</ListItem>
@@ -132,8 +132,8 @@ export default class Presentation extends React.Component {
132132
<SpeakerSlide speaker={speakers[1]} />
133133

134134
<Slide>
135-
<Heading size={3} textColor="secondary">Community Announcements</Heading>
136-
<Text>Who? What? Contact details?</Text>
135+
<Heading size={3} textColor="secondary" margin={50}>Community Announcements</Heading>
136+
<Heading size={5} textColor="secondary">Who? What? Contact details?</Heading>
137137
<Heading size={5} textColor="secondary">Hiring?</Heading>
138138
<Heading size={5} textColor="secondary">Available for hire?</Heading>
139139
<Heading size={5} textColor="secondary">Have something to share?</Heading>
@@ -142,35 +142,28 @@ export default class Presentation extends React.Component {
142142
<Slide>
143143
<Heading size={3} textColor="secondary">Get Involved</Heading>
144144
<List>
145-
<ListItem>Assets & Slides</ListItem>
146-
<List>
147-
<ListItem>github.com/lnug/resources</ListItem>
148-
</List>
149-
<ListItem>Website Tips</ListItem>
150-
<List>
151-
<ListItem>github.com/lnug/lnug.github.io</ListItem>
152-
</List>
153-
<ListItem>Gitter Channel</ListItem>
154-
<List>
155-
<ListItem>lnug/discuss</ListItem>
156-
</List>
145+
<ListItem>Assets & Slides<br/>(<S type="bold">github.com/lnug/resources</S>)</ListItem>
146+
<ListItem>Website Tips<br/>(<S type="bold">github.com/lnug/lnug.github.io</S>)</ListItem>
147+
<ListItem>Gitter Channel<br/>(<S type="bold">lnug/discuss</S>)</ListItem>
157148
</List>
158149
</Slide>
159150

160151
<Slide>
161152
<Heading size={3} textColor="secondary">Call for speakers</Heading>
162153
<List>
163154
<ListItem>We have speaker slots available!</ListItem>
164-
<ListItem>Visit github.com/lnug/speakers to submit your talk!</ListItem>
155+
<ListItem>Visit <S type="bold">github.com/lnug/speakers</S> to submit your talk!</ListItem>
165156
</List>
166157
</Slide>
167158

168159
<Slide>
169-
<Heading size={3} textColor="secondary">Next Time</Heading>
170-
<Heading size={4} textColor="secondary">26th April 2017</Heading>
171-
<Text>
160+
<Heading size={3} textColor="secondary" margin={40}>Next Time</Heading>
161+
<Heading size={4} textColor="secondary">18th June 2017</Heading>
162+
<Text textColor="secondary" bold>
163+
meetup.com/london-nodejs
164+
</Text>
165+
<Text textColor="secondary" italic margin={20}>
172166
The 4th Wednesday of the month
173-
meetup.com/london-nodejs/
174167
</Text>
175168
<List>
176169
<ListItem>Rubbish in Bins</ListItem>
@@ -180,25 +173,25 @@ export default class Presentation extends React.Component {
180173
</Slide>
181174

182175
<Slide>
183-
<Heading size={3} textColor="secondary">After Party</Heading>
176+
<Heading size={3} textColor="secondary" margin={30}>After Party</Heading>
184177
<Heading size={5} textColor="secondary">The Culpeper</Heading>
185-
<BlockQuote>
186-
40 Commercial Street,
187-
London,
188-
E1 6LP
189-
</BlockQuote>
190-
<Text>http://theculpeper.com/pub/</Text>
191-
<Image src={images.cheers.replace("/", "")} margin="0px auto 40px" height="293px"/>
178+
<Text textColor="secondary" margin={10}>
179+
40 Commercial Street, London, E1 6LP
180+
</Text>
181+
<Text textColor="secondary" margin={10}>
182+
http://theculpeper.com/pub/
183+
</Text>
184+
<Image src={images.cheers.replace("/", "")} margin="40px auto 0px" height="200px"/>
192185
</Slide>
193186

194187
<SpeakerSlide speaker={speakers[2]} />
195188

196189
<Slide>
197190
<Heading size={3} textColor="secondary">Thank You</Heading>
198191
<Heading size={5} textColor="secondary">Had a great time? Let us know!</Heading>
199-
<Text>github.com/lnug/feedback</Text>
200-
<Heading size={5} textColor="secondary">Brought to you by</Heading>
201-
<List>
192+
<Text textColor="secondary">github.com/lnug/feedback</Text>
193+
<Heading size={5} textColor="secondary" margin={"40px 0 0 0"}>Brought to you by</Heading>
194+
<List margin="20px 0 0 0">
202195
<ListItem>Makers Academy</ListItem>
203196
<ListItem>Tiro Partners</ListItem>
204197
<ListItem>Pusher</ListItem>

0 commit comments

Comments
 (0)