First draft 2020

Author: caiokonyosi

src/Components/Header/index.tsx

@@ -49,6 +49,15 @@ export default class Header extends React.Component {
                                 CoC
                             </a>
                         </li>
+                        <li>
+                            <a
+                                href="https://forms.gle/um1jAQXWrGpM7qwg6"
+                                target="_blank"
+                                rel="noopener noreferrer"
+                            >
+                                Call for Proposals
+                            </a>
+                        </li>
                         <li>
                             <a
                                 href="https://ti.to/pythonpizza/berlin-python-pizza-2"

src/Components/Hero/index.tsx

@@ -11,12 +11,13 @@ export default class Hero extends React.Component {
                 <div className="hero--info">
                     <h1>Python Pizza Night</h1>
                     <h2>
-                        <a target="_blank" rel="noopener noreferrer">
-                            Berlin @ Wooga
+                        Berlin @ Wooga <br />
+                        <a href="https://goo.gl/maps/mkQP66yAnXGHdK9w6" target="_blank">
+                            Saarbrücker Str. 38, 10405 Berlin
                         </a>
                     </h2>
-                    <h2>23 August 2019</h2>
-                    <h2>17:00 - 00:30</h2>
+                    <h2>Saturday 16 May 2020</h2>
+                    <h2>10:00 - 17:30 - Doors open at 09:30</h2>
                 </div>
 
                 <Wave />

src/Components/Home/Sections/Schedule.tsx

@@ -12,17 +12,19 @@ export default class Schedule extends React.Component {
                     <Container size={Sizes.small}>
                         <h1>Schedule</h1>
                     </Container>
-                    <ul>
+                    {/* <ul>
                         {SCHEDULE.map(schedule => (
                             <ScheduleItem
                                 key={schedule.order}
                                 schedule={schedule}
                                 speaker={typeof schedule.speaker !== 'undefined' ? SPEAKERS[schedule.speaker] : null}
                             />
                         ))}
-                    </ul>
+                    </ul> */}
+                    <h2 align="center">Coming soon! <a href="https://forms.gle/um1jAQXWrGpM7qwg6" target="_blank">Apply here for a talk.</a> </h2><br />
+                    <h2 align="center">Each talk will be 10 minutes long and we would love to have many first time speakers!!</h2>
                 </Container>
-            </section>
+            </section >
         );
     }
 }

src/Components/Home/Sections/Speakers.tsx

@@ -3,7 +3,7 @@ import * as React from 'react';
 import Container, { Sizes } from '@/Components/Container';
 import Grid from '@/Components/Grid';
 import SpeakerCard from '@/Components/SpeakerCard';
-import { SPEAKERS } from '@/dataset';
+import { KEYSPEAKERS } from '@/dataset';
 import Speaker from '@/Types/Speaker';
 
 export default class Speakers extends React.Component {
@@ -16,17 +16,15 @@ export default class Speakers extends React.Component {
             <section id="speakers" className="speakers">
                 <Container size={Sizes.large}>
                     <Container size={Sizes.small}>
-                        <h1>Speakers</h1>
-                        <p>The <a
-                            href="https://forms.gle/9QsFLmB3ntcwfnhV9"
-                            target="_blank"
-                            rel="noopener noreferrer"
-                        >
-                            CFP
-                            </a> is open and you have until 4th August to apply!<br />
-                            Each talk will be 10 minutes long and we would love to have many first time speakers!!</p>
+                        <h1>Keynotes</h1>
                     </Container>
-
+                    {
+                        <Grid>
+                            {this.shuffleArray(KEYSPEAKERS).map((speaker, i) => (
+                                <SpeakerCard key={i} speaker={speaker} />
+                            ))}
+                        </Grid>
+                    }
                 </Container>
             </section>
         );

src/Components/Home/index.tsx

@@ -6,6 +6,7 @@ import Hero from '@/Components/Hero';
 
 import About from './Sections/About';
 import Schedule from './Sections/Schedule';
+import Speakers from './Sections/Speakers';
 import Sponsors from './Sections/Sponsors';
 import Coc from './Sections/Coc';
 
@@ -15,6 +16,7 @@ export default class Home extends React.Component {
             <div className="home">
                 <Hero />
                 <About />
+                {/* <Speakers /> */}
                 <Schedule />
                 <Sponsors />
                 <Coc />

src/Types/Speaker.ts

@@ -3,4 +3,5 @@ export default interface Speaker {
     photo: string;
     job?: string;
     social?: string;
+    title?: string
 }

src/dataset.ts

@@ -23,6 +23,17 @@ const ANASTASIIA_TYMOSHCHUK = 17
 const DANIEL_KRAVETZ = 18
 const MIKE_MÜLLER = 19
 
+export const KEYSPEAKERS: Speaker[] = [
+    {
+        name: 'TBD',
+        photo: 'https://familytransitionplace.ca/wp-content/uploads/2019/05/photodune-12348343-anonymous-female-profile-picture-m.jpg',
+    },
+    {
+        name: 'TBD',
+        photo: 'https://thumbs.dreamstime.com/b/anonymous-business-man-profile-picture-white-background-57594793.jpg',
+    },
+];
+
 export const SPEAKERS: Speaker[] = [
     {
         name: 'Chiara Mezzavilla',
@@ -160,33 +171,7 @@ export const SPONSORS: Sponsor[][] = [
             photo: require('Assets/sponsors/wooga_pride_logo.png'),
             link: 'https://www.wooga.com/',
         },
-        {
-            id: 'infarm',
-            name: 'imfarm',
-            photo: require('Assets/sponsors/infarm.png'),
-            link: 'https://www.infarm.com/',
-        },
     ],
-    /* [
-         {
-             id: 'pythonitalia',
-             name: 'TBA',
-             photo: 'https://via.placeholder.com/150',
-             link: 'https://pycon.it/',
-         },
-         {
-             id: 'psf',
-             name: 'TBA',
-             photo: 'https://via.placeholder.com/150',
-             link: 'https://www.012factory.it/',
-         },
-         {
-             id: 'f012actory',
-             name: 'TBA',
-             photo: 'https://via.placeholder.com/150',
-             link: 'https://www.012factory.it/',
-         },
-     ],*/
 ];
 
 export const SCHEDULE: Schedule[] = [