chore: new milestones, feed material, typo fixes

Author: joonassandell

features/Feed/Item.tsx

@@ -4,13 +4,20 @@ import { formatDate } from '@/lib/utils'
 import { MQ } from '@/lib/config'
 import c from 'clsx'
 
-export const FeedItem = ({ className, col, date, ...props }: FeedItemProps) => {
+export const FeedItem = ({
+  className,
+  col,
+  colSpan,
+  date,
+  ...props
+}: FeedItemProps) => {
   return (
     <div
       className={c(
         'Template-feedItem',
         {
-          '-col:2': col === 2,
+          '-col:3': col === 3,
+          '-colSpan:2': colSpan === 2,
         },
         className,
       )}
@@ -19,7 +26,7 @@ export const FeedItem = ({ className, col, date, ...props }: FeedItemProps) => {
         alt={props.image.heading}
         border
         quality={100}
-        sizes={`${MQ.l} ${col === 2 ? '100vw' : '33vw'}, ${MQ.s} 33vw, 100vw`}
+        sizes={`${MQ.l} ${colSpan === 2 ? '100vw' : '33vw'}, ${MQ.s} 33vw, 100vw`}
         text={formatDate(date)}
         {...props.image}
       />

features/Feed/Template.scss

@@ -37,9 +37,13 @@
     @include mq(l) {
       --columns: 3;
 
-      &.-col\:2 {
+      &.-colSpan\:2 {
         grid-column: span 2;
       }
+
+      &.-col\:3 {
+        grid-column: 3;
+      }
     }
   }
 }

features/Feed/data/freepress.ts

@@ -10,10 +10,10 @@ const data: Optional<FeedDataItemProps, 'category' | 'categoryName'>[] = [
     },
   },
   {
-    col: 2,
+    colSpan: 2,
     date: '2025-02-10',
     image: {
-      heading: 'Freepress brand guidelines',
+      heading: 'Freepress brand guidelines draft',
       src: '/feed/joonassandell-freepress-brand-guidelines.mp4',
     },
   },
@@ -46,7 +46,15 @@ const data: Optional<FeedDataItemProps, 'category' | 'categoryName'>[] = [
     },
   },
   {
-    col: 2,
+    col: 3,
+    date: '2025-05-03',
+    image: {
+      heading: 'Freepress pre-launch event',
+      src: 'joonassandell-freepress-event.jpg',
+    },
+  },
+  {
+    colSpan: 2,
     date: '2025-02-10',
     image: {
       heading: 'Freepress evolution chart',

features/Feed/types.ts

@@ -7,7 +7,8 @@ export type Category = 'freepress'
 export interface FeedDataItemProps {
   category: Category
   categoryName: string
-  col?: 2
+  col?: 3
+  colSpan?: 2
   date: DateString
   image: Required<Optional<FigureProps, 'alt'>, 'heading'>
 }

features/Milestones/data/project.ts

@@ -20,6 +20,22 @@ const data: Optional<Milestone, 'category' | 'categoryName'>[] = [
     url: 'https://twitter.com/joonassandell/status/1678358514350137344',
   },
 
+  /* =======================================
+   * Freepress
+   * ======================================= */
+
+  {
+    date: '2025-05-03',
+    event: 'Launched Freepress pre-launch landing website',
+    url: 'https://freepress.ai',
+  },
+  {
+    date: '2025-02-10',
+    event: 'Designed initial Freepress brand & design system',
+    highlight: true,
+    url: '/feed',
+  },
+
   /* =======================================
    * Biocode
    * ======================================= */
@@ -34,7 +50,6 @@ const data: Optional<Milestone, 'category' | 'categoryName'>[] = [
   {
     date: '2022-08-01',
     event: 'Launched Biocode for producers',
-    highlight: true,
     major: true,
     url: 'https://biocode.io/producers-and-farmers',
   },

features/Resume/Content.tsx

@@ -250,7 +250,7 @@ export const ResumeContent = () => (
               visitors gain an enjoyable and insightful museum experiences
             </li>
             <li>
-              Built <em>Museum Guide</em> screen which featured inteactive maps
+              Built <em>Museum Guide</em> screen which featured interactive maps
               and other features integrated to the website CMS
             </li>
             <li>