1
1
// Import React
2
2
import React from "react" ;
3
- const { PropTypes } = React ;
4
3
5
4
// Import Spectacle Core tags
6
5
import {
7
6
BlockQuote ,
8
- Cite ,
9
7
Deck ,
10
8
Heading ,
11
9
ListItem ,
12
10
List ,
13
- Quote ,
14
11
Slide ,
15
12
Text ,
16
13
Image ,
@@ -27,6 +24,7 @@ import createTheme from "spectacle/lib/themes/default";
27
24
require ( "normalize.css" ) ;
28
25
require ( "spectacle/lib/themes/default/index.css" ) ;
29
26
27
+ const { PropTypes } = React ;
30
28
31
29
const images = {
32
30
logo : require ( "../assets/lnug-logo.svg" ) ,
@@ -47,10 +45,14 @@ const theme = createTheme({
47
45
secondary : "Helvetica"
48
46
} ) ;
49
47
48
+ const emcee = {
49
+ name : "Cyril" ,
50
+ twitter : "cyril.silverman"
51
+ } ;
50
52
51
53
const speakers = [
52
54
{ 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" } ,
54
56
{ name : "Will Munn" , title : "Speeding up CI with node and docker" }
55
57
] ;
56
58
@@ -65,45 +67,43 @@ class SpeakerSlide extends React.Component {
65
67
if ( ! speaker ) {
66
68
return null ;
67
69
}
70
+
68
71
return (
69
72
< Slide >
70
- < Heading size = { 3 } textColor = "secondary" > Next Up</ Heading >
73
+ < Heading size = { 5 } textColor = "secondary" margin = { 50 } > Next Up</ Heading >
71
74
< 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 >
75
77
</ Slide >
76
78
) ;
77
79
}
78
80
}
79
81
80
- const speakerListItem = ( speaker ) => (
81
- speaker
82
- ? < ListItem key = { speaker . title } > { speaker . title } < S type = "italics" > - { speaker . name } </ S > </ ListItem >
83
- : null
84
- ) ;
85
-
86
82
export default class Presentation extends React . Component {
87
83
render ( ) {
88
84
return (
89
85
< Deck transition = { [ "zoom" , "slide" ] } transitionDuration = { 500 } theme = { theme } >
90
86
< 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 >
93
89
< 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
+ ) }
95
95
</ List >
96
96
< 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 >
100
100
</ List >
101
101
</ Slide >
102
102
103
103
< Slide transition = { [ "fade" ] } bgColor = "primary" >
104
104
< Heading size = { 3 } textColor = "secondary" > House Keeping</ Heading >
105
105
< 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 >
107
107
< ListItem > YouTube: LNUG Team 🎥</ ListItem >
108
108
< ListItem > Instagram: < S type = "bold" > @lnugorg</ S > #lnug 📷</ ListItem >
109
109
< ListItem > Gitter: < S type = "bold" > lnug/discuss</ S > 📢</ ListItem >
@@ -132,8 +132,8 @@ export default class Presentation extends React.Component {
132
132
< SpeakerSlide speaker = { speakers [ 1 ] } />
133
133
134
134
< 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 >
137
137
< Heading size = { 5 } textColor = "secondary" > Hiring?</ Heading >
138
138
< Heading size = { 5 } textColor = "secondary" > Available for hire?</ Heading >
139
139
< Heading size = { 5 } textColor = "secondary" > Have something to share?</ Heading >
@@ -142,35 +142,28 @@ export default class Presentation extends React.Component {
142
142
< Slide >
143
143
< Heading size = { 3 } textColor = "secondary" > Get Involved</ Heading >
144
144
< 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 >
157
148
</ List >
158
149
</ Slide >
159
150
160
151
< Slide >
161
152
< Heading size = { 3 } textColor = "secondary" > Call for speakers</ Heading >
162
153
< List >
163
154
< 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 >
165
156
</ List >
166
157
</ Slide >
167
158
168
159
< 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 } >
172
166
The 4th Wednesday of the month
173
- meetup.com/london-nodejs/
174
167
</ Text >
175
168
< List >
176
169
< ListItem > Rubbish in Bins</ ListItem >
@@ -180,25 +173,25 @@ export default class Presentation extends React.Component {
180
173
</ Slide >
181
174
182
175
< Slide >
183
- < Heading size = { 3 } textColor = "secondary" > After Party</ Heading >
176
+ < Heading size = { 3 } textColor = "secondary" margin = { 30 } > After Party</ Heading >
184
177
< 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 " />
192
185
</ Slide >
193
186
194
187
< SpeakerSlide speaker = { speakers [ 2 ] } />
195
188
196
189
< Slide >
197
190
< Heading size = { 3 } textColor = "secondary" > Thank You</ Heading >
198
191
< 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" >
202
195
< ListItem > Makers Academy</ ListItem >
203
196
< ListItem > Tiro Partners</ ListItem >
204
197
< ListItem > Pusher</ ListItem >
0 commit comments