move typekit import, add full logo, misc sketching

web/src/components/events/EventContainer.tsx

@@ -51,6 +51,7 @@ export const EventContainer = ({
         <div className={styles.displayOptions}>
           <button onClick={() => setMode(null)}>Vis liste</button>
           <button onClick={() => setMode("calendar")}>Vis kalender</button>
+          <button>Filter</button>
         </div>
         {mode === "list" && <EventList events={filteredEvents} />}
         {mode === "calendar" && <EventCalendar events={filteredEvents} />}

web/src/components/events/eventContainer.module.scss

@@ -19,6 +19,8 @@
 
   button {
     border-radius: 0;
+    background: var(--color-deepBrick);
+    color: var(--color-goldenBeige);
   }
 }
 

web/src/components/general/logo.module.scss

@@ -10,6 +10,10 @@
   svg {
     width: 100%;
   }
+
+  &.main {
+    margin: calc(var(--spacing-sitepadding)*-.6) 0 0 calc(var(--spacing-sitepadding)*-.6);
+  }
 }
 
 .logoIcon {