@@ -10,184 +10,7 @@ import { ExternalLink } from '../components/link'
1010
1111const IndexPage = ( { data } ) => (
1212 < HomeLayout >
13- < SEO keywords = { [ `tech` , `diversity` , `conference` ] } />
14-
15- < section
16- id = "community"
17- className = { [ styles . photoSection , styles . community ] . join ( ' ' ) }
18- >
19- < div className = { styles . row } >
20- < Img
21- alt = "2018 conference-goers pose for a photo together in front of the Write Speak Code banner"
22- fluid = { data . community . childImageSharp . fluid }
23- imgStyle = { { objectFit : 'contain' , objectPosition : 'center center' } }
24- className = { styles . image }
25- />
26- < div className = { styles . content } >
27- < h1 className = "title" > Community</ h1 >
28- < h2 className = "subtitle" >
29- Our community is open to and our content is designed for people
30- whose gender or gender history is marginalized within tech.
31- </ h2 >
32- < p > We define those gender groups as:</ p >
33- < ul >
34- < li > All women technologists (trans, non-binary, and cis) </ li >
35- < li >
36- All trans technologists (trans women, trans men, and trans
37- non-binary folks)
38- </ li >
39- < li >
40- All non-binary technologists (including GNC, gender-fluid,
41- genderqueer, agender folks, etc)
42- </ li >
43- </ ul >
44- < p >
45- We want to equip people from these groups to overcome both the
46- internal and external effects of that marginalization by
47- identifying, expanding, and sharing their expertise with the support
48- of an engaged peer network.
49- </ p >
50- < Link to = "/code-of-conduct/" className = "link" >
51- Read the code of conduct
52- </ Link >
53- </ div >
54- </ div >
55- </ section >
56-
57- < section
58- id = "conference"
59- className = { [ styles . photoSection , styles . conference ] . join ( ' ' ) }
60- >
61- < div className = { styles . row } >
62- < Img
63- alt = "A panel of speakers on stage at the 2018 conference"
64- fluid = { data . conf . childImageSharp . fluid }
65- imgStyle = { { objectFit : 'contain' , objectPosition : 'center center' } }
66- className = { styles . image }
67- />
68- < div className = { styles . content } >
69- < h1 className = "title" > W/S/C Conference</ h1 >
70- < h2 className = "subtitle" >
71- Designed to help you fully own your expertise through writing,
72- speaking, and open source.
73- </ h2 >
74- < p > Past years:</ p >
75- < div className = { styles . citygrid } >
76- < Link to = "/2019/" className = "link" >
77- SF 2019
78- </ Link >
79- < ExternalLink
80- href = "https://writespeakcode.github.io/2018"
81- text = "NYC 2018"
82- />
83- < ExternalLink
84- href = "https://2017.writespeakcode.com"
85- text = "PDX 2017"
86- />
87- < span > CHI 2016</ span >
88- < ExternalLink
89- href = "http://2015.writespeakcode.com/"
90- text = "NYC 2015"
91- />
92- < span > NYC 2013</ span >
93- </ div >
94- </ div >
95- </ div >
96- </ section >
97-
98- < section
99- id = "own-your-expertise"
100- className = { [ styles . photoSection , styles . oye ] . join ( ' ' ) }
101- >
102- < div className = { styles . row } >
103- < Img
104- alt = "A smiling speaker talks on stage at the 2018 conference with a microphone."
105- fluid = { data . oye . childImageSharp . fluid }
106- imgStyle = { { objectFit : 'contain' , objectPosition : 'center center' } }
107- className = { styles . image }
108- />
109- < div className = { styles . content } >
110- { ' ' }
111- < h1 className = "title" > Own Your Expertise</ h1 >
112- < h2 className = "subtitle" >
113- Present your accomplishments with confidence.
114- </ h2 >
115- < p >
116- Learn to understand, own, and convert your expertise into thought
117- leadership, conference speaking, and contributions to open source.
118- </ p >
119- < p >
120- We provide breakfast and lunch for all dietary needs, wheelchair
121- accessible location, nursing rooms and childcare services, CART/ASL
122- services, and other accessibility needs as requested.
123- </ p >
124- < ExternalLink
125- href = "https://www.meetup.com/pro/writespeakcode/"
126- text = "Find local events"
127- icon = "meetup"
128- />
129- </ div >
130- </ div >
131- </ section >
132-
133- < section
134- id = "chapters"
135- className = { [ styles . photoSection , styles . chapters ] . join ( ' ' ) }
136- >
137- < div className = { styles . row } >
138- < Img
139- alt = "A woman sitting at a table in the audience raises her hand to ask a question."
140- fluid = { data . chapters . childImageSharp . fluid }
141- imgStyle = { { objectFit : 'contain' , objectPosition : 'center center' } }
142- className = { styles . image }
143- />
144- < div className = { styles . content } >
145- < h1 className = "title" > Local Chapters</ h1 >
146- < h2 className = "subtitle" >
147- We have communities in cities across the U.S.
148- </ h2 >
149- < div className = { styles . citygrid } >
150- < ExternalLink
151- href = "https://www.meetup.com/Write-Speak-Code-Austin/"
152- text = "Austin"
153- icon = "meetup"
154- />
155- < ExternalLink
156- href = "https://www.meetup.com/WriteSpeakCode-Chicago"
157- text = "Chicago"
158- icon = "meetup"
159- />
160- < ExternalLink
161- href = "https://www.meetup.com/Write-Speak-Code-Los-Angeles"
162- text = "Los Angeles"
163- icon = "meetup"
164- />
165- < ExternalLink
166- href = "https://www.meetup.com/Write-Speak-Code-NYC/"
167- text = "New York City"
168- icon = "meetup"
169- />
170- < ExternalLink
171- href = "https://www.meetup.com/WriteSpeakCode-SFBay/"
172- text = "San Francisco"
173- icon = "meetup"
174- />
175- < ExternalLink
176- href = "https://www.meetup.com/WSC-Seattle"
177- text = "Seattle"
178- icon = "meetup"
179- />
180- </ div >
181- < p >
182- Don't see your city? Contact{ ' ' }
183- < span className = "italic" > [email protected] </ span > to learn how
184- we can help you start a chapter.
185- </ p >
186- </ div >
187- </ div >
188- </ section >
189-
190- < Sponsors />
13+ < h1 > Write/Speak/Code has sunset.</ h1 >
19114 </ HomeLayout >
19215)
19316
0 commit comments