Merge pull request #10 from pythonpizza/caio_draft_2020

Python Pizza Berlin 2020

Author: Caio Henrique Konyosi Miyashiro

index.ejs

@@ -5,7 +5,7 @@
     <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>Berlin Python Pizza Night 🌃</title>
+    <title>Berlin Python Pizza 🌃</title>
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=2" />
     <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=2" />
     <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=2" />
@@ -47,4 +47,4 @@
     </script>
 </body>
 
-</html>
+</html>

package.json

@@ -1,6 +1,6 @@
 {
     "name": "berlin.python.pizza",
-    "version": "2019",
+    "version": "2020",
     "main": "src/index.js",
     "license": "MIT",
     "scripts": {
@@ -35,4 +35,4 @@
         "typescript-eslint-parser": "16.0.0",
         "yarn": "^1.17.3"
     }
-}
+}

src/Components/Header/index.tsx

@@ -51,7 +51,16 @@ export default class Header extends React.Component {
                         </li>
                         <li>
                             <a
-                                href="https://ti.to/pythonpizza/berlin-python-pizza-2"
+                                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-2020"
                                 target="_blank"
                                 rel="noopener noreferrer"
                             >

src/Components/Hero/index.tsx

@@ -9,14 +9,15 @@ export default class Hero extends React.Component {
         return (
             <div className="hero">
                 <div className="hero--info">
-                    <h1>Python Pizza Night</h1>
+                    <h1>Python Pizza</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</h2>
                 </div>
 
                 <Wave />

src/Components/Home/Sections/Schedule.tsx

@@ -8,21 +8,24 @@ export default class Schedule extends React.Component {
     render() {
         return (
             <section id="schedule" className="schedule">
-                <Container size={Sizes.large}>
+                <Container size={Sizes.medium}>
                     <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> */}
+                    <p>Coming soon! </p><br />
+                    <p>If you’re interested in giving a talk yourself, please apply through the Call for Proposals.</p>
+                    <p>Each talk will be 10 minutes long and we would love to have many first time speakers!</p>
                 </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[] = [