Skip to content

Commit 8e83e0f

Browse files
clarkieclarkie
authored
Merge pull request #1 from lnug/june-2017
June 2017
2 parents fb101af + c21d13d commit 8e83e0f

File tree

3 files changed

+62
-54
lines changed

3 files changed

+62
-54
lines changed

‎index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width initial-scale=1 user-scalable=no" />
6-
<title>Spectacle Boilerplate</title>
6+
<title>LNUG #64 - June 2017</title>
77
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
88
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/prism/1.3.0/themes/prism-tomorrow.css">
99
</head>

‎presentation/index.js

Lines changed: 58 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@ import React from "react";
33

44
// Import Spectacle Core tags
55
import {
6+
Appear,
67
BlockQuote,
78
Deck,
89
Heading,
@@ -11,6 +12,11 @@ import {
1112
Slide,
1213
Text,
1314
Image,
15+
Quote,
16+
Cite,
17+
Link,
18+
CodePane,
19+
Code,
1420
S
1521
} from "spectacle";
1622

@@ -20,6 +26,7 @@ import preloader from "spectacle/lib/utils/preloader";
2026
// Import theme
2127
import createTheme from "spectacle/lib/themes/default";
2228

29+
2330
// Require CSS
2431
require("normalize.css");
2532
require("spectacle/lib/themes/default/index.css");
@@ -46,14 +53,13 @@ const theme = createTheme({
4653
});
4754

4855
const emcee = {
49-
name: "Cyril",
50-
twitter: "cyril.silverman"
56+
name: "Clarkie",
57+
twitter: "clarkieclarkie"
5158
};
5259

5360
const speakers = [
54-
{ name: "Paul Jensen", title: "From LNUG presentation to published book" },
55-
{ name: "flyingunicorn222", title: "Trading cryptocurrencies, forex, commodities stocks and more using node.js" },
56-
{ name: "Will Munn", title: "Speeding up CI with node and docker" }
61+
{ name: "Irina Shestak", title: "knock-knock-who-there-file-compression-talk_FINAL_2.tar.trz.bz2.gz" },
62+
{ name: "Daniel Khan", title: "Don't Let Just Node.js Take the Blame!" }
5763
];
5864

5965

@@ -82,54 +88,57 @@ class SpeakerSlide extends React.Component {
8288
export default class Presentation extends React.Component {
8389
render() {
8490
return (
85-
<Deck transition={["zoom", "slide"]} transitionDuration={500} theme={theme}>
86-
<Slide transition={["zoom"]} bgColor="primary">
87-
<Image src={images.logo} margin="0px auto 0px" height="200px"/>
88-
<Heading size={6} textColor="secondary">May 24th, 2017 (#63)</Heading>
89-
<List>
91+
<Deck transition={["zoom", "slide"]} transitionDuration={500} theme={theme} progress={"none"}>
92+
<Slide align={"center center"}>
93+
<Image src={images.logo} margin="0px auto 0px" height="200px"/>
94+
<Heading size={6} textColor="secondary">#64 - June 2017</Heading>
9095
{speakers.map((speaker) =>
91-
<ListItem textSize={30} key={speaker.title}>
92-
{speaker.title} <S type="italics">- {speaker.name}</S>
93-
</ListItem>
96+
<Text key={speaker.title} textColor="secondary" textSize={30}>
97+
{speaker.name} <S type="italics"> - {speaker.title}</S>
98+
</Text>
9499
)}
95-
</List>
96-
<List>
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>
100-
</List>
101100
</Slide>
102101

103-
<Slide transition={["fade"]} bgColor="primary">
104-
<Heading size={3} textColor="secondary">House Keeping</Heading>
105-
<List>
106-
<ListItem>Say hello on Twitter: @lnugorg #lnug (and me: <S type="bold">@{emcee.twitter}</S>)</ListItem>
107-
<ListItem>YouTube: LNUG Team 🎥</ListItem>
108-
<ListItem>Instagram: <S type="bold">@lnugorg</S> #lnug 📷</ListItem>
109-
<ListItem>Gitter: <S type="bold">lnug/discuss</S> 📢</ListItem>
110-
<ListItem>Code of Conduct 💕</ListItem>
111-
<ListItem>Toilets 🚻</ListItem>
112-
<ListItem>Fire Escapes! 🔥</ListItem>
113-
</List>
102+
103+
<Slide id={"safety"}>
104+
<Heading size={3} lineHeight={3} textColor="secondary">safety and comfort</Heading>
105+
<Appear><Heading size={5} textColor="secondary">🚒 Fire Exits: stairs behind you </Heading></Appear>
106+
<Appear><Heading size={5} textColor="secondary">🚻 Toilets: towards the lifts </Heading></Appear>
107+
<Appear><Heading size={5} textColor="secondary">📡 Wifi <Code textColor="secondary">makersWelcome</Code> </Heading></Appear>
108+
<Appear><Heading size={5} textColor="secondary">⭐️ Code of Conduct </Heading></Appear>
114109
</Slide>
115110

116-
<Slide>
111+
112+
<Slide id={"hashtags"}>
113+
<Heading size={3} textColor="secondary">tweet @lnugorg</Heading>
114+
<Heading size={4} textColor="secondary"><Code textColor="secondary">#LNUG #node #javascript #london</Code></Heading>
115+
<Appear>
116+
<Heading size={6} textColor="secondary">tweet at me too (@{emcee.twitter})</Heading>
117+
</Appear>
118+
</Slide>
119+
120+
<Slide id={"gitter"}>
121+
<Heading size={3} textColor="secondary">discuss!</Heading>
122+
<Heading size={4} textColor="secondary"><Link href="http://gitter.im/lnug/discuss" target="_blank"><Code textColor="secondary">gitter.im/lnug/discuss</Code></Link></Heading>
123+
</Slide>
124+
125+
126+
<Slide id={"venue"}>
117127
<Heading size={3} textColor="secondary">Venue</Heading>
118128
<Image src={images.makersLogo.replace("/", "")} margin="0px auto 40px" height="293px"/>
119129
</Slide>
120130

121-
<Slide>
131+
<Slide id={"pizza-and-beer"}>
122132
<Heading size={3} textColor="secondary">Pizza and beer</Heading>
123133
<Image src={images.tiroLogo.replace("/", "")} margin="0px auto 40px" height="293px"/>
124134
</Slide>
125135

126-
<Slide>
136+
<Slide id={"video-production"}>
127137
<Heading size={3} textColor="secondary">Video</Heading>
128138
<Image src={images.pusherLogo.replace("/", "")} margin="0px auto 40px" height="293px"/>
129139
</Slide>
130140

131141
<SpeakerSlide speaker={speakers[0]} />
132-
<SpeakerSlide speaker={speakers[1]} />
133142

134143
<Slide>
135144
<Heading size={3} textColor="secondary" margin={50}>Community Announcements</Heading>
@@ -141,35 +150,28 @@ export default class Presentation extends React.Component {
141150

142151
<Slide>
143152
<Heading size={3} textColor="secondary">Get Involved</Heading>
144-
<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>
148-
</List>
153+
<Heading size="5" textColor="secondary">Feedback<br/><Code type="bold" textColor="secondary">github.com/lnug/feedback</Code></Heading>
154+
<Heading size="5" textColor="secondary">Gitter<br/><Code type="bold" textColor="secondary">gitter.com/lnug/discuss</Code></Heading>
155+
149156
</Slide>
150157

151158
<Slide>
152-
<Heading size={3} textColor="secondary">Call for speakers</Heading>
153-
<List>
154-
<ListItem>We have speaker slots available!</ListItem>
155-
<ListItem>Visit <S type="bold">github.com/lnug/speakers</S> to submit your talk!</ListItem>
156-
</List>
159+
<Image src={images.logo} margin="0px auto 0px" height="200px"/>
160+
<Heading size={3} textColor="secondary">submit a talk proposal!</Heading>
161+
<Code type="bold" textColor="secondary">github.com/lnug/speakers</Code>
162+
157163
</Slide>
158164

159165
<Slide>
166+
<Image src={images.logo} margin="0px auto 0px" height="200px"/>
160167
<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>
168+
<Heading size={4} textColor="secondary">26th July 2017</Heading>
169+
<Code textColor="secondary" bold>
163170
meetup.com/london-nodejs
164-
</Text>
171+
</Code>
165172
<Text textColor="secondary" italic margin={20}>
166173
The 4th Wednesday of the month
167174
</Text>
168-
<List>
169-
<ListItem>Rubbish in Bins</ListItem>
170-
<ListItem>Stack chairs against walls</ListItem>
171-
<ListItem>Get involved!</ListItem>
172-
</List>
173175
</Slide>
174176

175177
<Slide>
@@ -184,7 +186,7 @@ export default class Presentation extends React.Component {
184186
<Image src={images.cheers.replace("/", "")} margin="40px auto 0px" height="200px"/>
185187
</Slide>
186188

187-
<SpeakerSlide speaker={speakers[2]} />
189+
<SpeakerSlide speaker={speakers[1]} />
188190

189191
<Slide>
190192
<Heading size={3} textColor="secondary">Thank You</Heading>
@@ -197,6 +199,9 @@ export default class Presentation extends React.Component {
197199
<ListItem>Pusher</ListItem>
198200
<ListItem>github.com/orgs/lnug/people</ListItem>
199201
</List>
202+
Rubbish in Bins,
203+
Stack chairs against walls,
204+
Get involved!
200205
</Slide>
201206

202207
</Deck>

‎presentation/style.css

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
body{
2+
background-color: #333;
3+
}

0 commit comments

Comments
 (0)