Add new event

data/events/2019-07-27/recap.md

@@ -2,7 +2,6 @@
 date: '2019-07-27'
 participants: 42
 team: 13
-coverPhoto: './cover.jpg'
 albumLink: 'https://flic.kr/s/aHsmFxmmcb'
 ---
 

data/events/2019-10-18/recap.md

@@ -0,0 +1,5 @@
+---
+date: '2019-10-18'
+participants: 10
+team: 5
+---

data/events/2019-11-30/event.md

@@ -0,0 +1,15 @@
+---
+title: 'November 2019'
+date: '2019-11-30'
+start: '10:00'
+end: '16:00'
+location: 'Stadtbücherei Würzburg'
+address: 'Marktplatz 9'
+city: '97070 Würzburg'
+latlon: [49.79505, 9.93005]
+venueLogo: '../../../assets/venues/Stadtbuecherei-SJR-MMZG.png'
+venueLink: 'https://www.wuerzburg.de/themen/kultur-bildung-kulturangebot/stadtbuecherei/makerspace/index.html'
+enrollLink: 'https://coderdojo-wue.typeform.com/to/gHSCNX'
+---
+
+Die Stadtbücherei und der [SJR](https://www.sjr-wuerzburg.de/mit-medien-zukunft-gestalten/) laden wieder herzlich zum CoderDojo ein! Meldet euch jetzt schon an, wir werden wieder spannende Workshops dabei haben!

src/components/upcomingEvent.tsx

@@ -43,15 +43,12 @@ const Wrap = styled.div`
       'where'
       'enroll'
       'map';
-    margin-top: 3rem; /* For the logo */
   `}
 `;
 
 const Logo = styled.a`
-  position: absolute !important;
-  right: 0;
-  bottom: 100%;
-  display: inline-block;
+  display: block;
+  text-align: right;
 `;
 
 const When = styled.p`
@@ -144,12 +141,12 @@ export interface UpcomingEventProps {
 }
 const UpcomingEvent = ({ event }: UpcomingEventProps): JSX.Element => (
   <>
+    {event.venueLogo && (
+      <Logo href={event.venueLink || undefined}>
+        <Img fixed={event.venueLogo.childImageSharp.fixed} />
+      </Logo>
+    )}
     <Wrap>
-      {event.venueLogo && (
-        <Logo href={event.venueLink || undefined}>
-          <Img fixed={event.venueLogo.childImageSharp.fixed} />
-        </Logo>
-      )}
       <When>
         <strong>{event.dateFormatted}</strong>
         <br />

src/pages/index.tsx

@@ -164,7 +164,7 @@ const IndexPage = ({ data }: IndexPageProps): JSX.Element => (
       }
       return (
         <>
-          <h1>Nächstes CoderDojo</h1>
+          <h1>Kommende Veranstaltung:</h1>
           <UpcomingEvent
             event={{
               ...nextEvent.frontmatter,
@@ -250,7 +250,7 @@ export const query = graphql`
             latlon
             venueLogo {
               childImageSharp {
-                fixed(height: 48) {
+                fixed(height: 96) {
                   ...GatsbyImageSharpFixed_withWebp_tracedSVG
                 }
               }