docs: google open source peer bonus

apps/classroomio-com/src/blog/google-open-source-peer-bonus.md

@@ -0,0 +1,34 @@
+---
+title: 'Google Open Source Peer Bonus'
+description: 'I am happy to announce that we got selected to the 2024 Google Peer Open Source Bonus'
+date: '2024-05-25'
+author: Rotimi Best
+avatar: /blog/best.jpg
+role: Founder
+tags: ['Sponsorship', 'Google']
+published: true
+---
+
+![best](/blog/google-os-peer-bonus-classroomio.png)
+_Our announcement flyer of the Google Open Source Peer Bonus_
+
+I started my open source journey in October of 2023 by working on [Formbricks](https://formbricks.com). It was the first time I got to really work on a project that was used by hundreds of people and at the same time the [code was public](https://github.com/formbricks/formbricks/commits?author=rotimi-best) for everyone to see.
+
+Later in November, a project I have been working on for over 3 years got accepted into an open source program by the amazing Codacy called [Codacy Pioneers](https://codacy.com/pioneers). Where they provide open source contributors with financial support, training from mentors and access to their suite of tools.
+
+After I made [ClassroomIO](https://git.new/class) open source, a lot of people helped us get traction from the community and soon enough we got noticed by several educators in the community.
+
+## What is the Google Open Source Peer Bonus?
+
+I will quote the official [documentation](https://opensource.google/documentation/reference/growing/peer-bonus) by Google:
+
+> In the same way that a Google Peer Bonus is used to recognize a fellow Googler who has gone above and beyond, an Open Source Peer Bonus recognizes external people who have made exceptional contributions to open source. Googlers can nominate contributors who they feel deserve our recognition (and some cash)!
+
+I want to use this opportunity to thank [Ada Nduka Oyom](https://x.com/Kolokodess) for reaching out to me and recommending [ClassroomIO](https://git.new/class) internally at Google to receive the Google Open Source Peer Bonus.
+
+I received the award letter this week and the official blog post will be made on their website in the coming weeks.
+
+![bonus-letter](/blog/os-peer-bonus-award-letter-classroomio.jpg)
+_OS Peer Bonus H1 2024 - Best Ibitoye-Rotimi - OSPB Award Letter_
+
+As regards the financial bonus, I have no idea how much Google is giving out to each person that was selected however we've been told to setup a Pionner account and in few days the payout will be made. Once I receive it, I will share exactly how much we received 😉.

apps/classroomio-com/src/blog/teach-with-data.md

@@ -1,6 +1,7 @@
 ---
 title: 'Teach with Data and Analytics'
 description: 'Insights to how students are picking up the concepts you teach are very crucial and we think you should track that metric to enhance your students learning outcome.'
+imageUrl: 'https://classroomio.com/blog/analytics-classroom-by-dalle3-classroomio.jpeg'
 date: '2024-01-02'
 author: Rotimi Best
 avatar: /blog/best.jpg

apps/classroomio-com/src/lib/custom/img.svelte

@@ -8,6 +8,6 @@
     {src}
     {alt}
     loading="lazy"
-    class="max-w-full w-full h-[400px] object-cover my-2 rounded-lg"
+    class="max-w-full w-full min-h-[400px] object-cover my-2 rounded-lg"
   />
 </figure>

apps/classroomio-com/src/lib/types.ts

@@ -6,6 +6,7 @@ export type BlogPost = {
   description: string;
   tags: string[];
   author: string;
+  imageUrl: string;
   role: string;
   avatar: string;
   date: string;

apps/classroomio-com/src/routes/blog/+page.svelte

@@ -26,7 +26,7 @@
   <div class="w-full flex items-center justify-center">
     <ul class="flex flex-col items-start justify-start gap-2 w-[90%] md:w-[50%]">
       {#each data.posts as post}
-        <li class=" py-14 w-full">
+        <li class="py-10 w-full border-b border-gray-200">
           <div class="flex md:flex-row flex-col md:items-center gap-2">
             <!-- Date -->
             <p class="text-sm text-slate-500">{formatDate(post.date)}</p>

apps/classroomio-com/src/routes/blog/[slug]/+page.svelte

@@ -11,6 +11,19 @@
   <title>{data.meta.title} | ClassroomIO Blog</title>
   <meta property="og:type" content="article" />
   <meta property="og:title" content={data.meta.title} />
+
+  <meta property="og:type" content="website" />
+  <meta property="og:image:type" content="image/png" />
+  <meta property="og:image:width" content="1920" />
+  <meta property="og:image:height" content="1080" />
+  <meta property="og:image:secure_url" itemprop="image" content={data.meta.imageUrl} />
+
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta property="twitter:domain" content="classroomio.com" />
+  <meta property="twitter:url" content="https://www.classroomio.com/blog/" />
+  <meta name="twitter:title" content={data.meta.title} />
+  <meta name="twitter:description" content={data.meta.description} />
+  <meta name="twitter:image" content={data.meta.imageUrl} />
 </svelte:head>
 
 <div class=" mt-[10%] md:mt-16">