Simplify some of the styling across the blog, use a more readable font

src/components/Header.astro

@@ -32,6 +32,7 @@ import { Icon } from 'astro-icon/components'
 
 	img.header-icon {
 		height: 28px;
+		border-radius: 0;
 	}
 
 	header {

src/content/posts/how-khoj-generates-images.md

@@ -1,5 +1,5 @@
 ---
-title: "How We Generate Personalized Images"
+title: "How Khoj Generates Personalized AI Images"
 author: saba
 description: Khoj offers a unique approach to generating images that are personalized to the user's preferences and context. 
 heroImage: /pacific_coast_highway.png

src/content/posts/khoj-ai-personal-accountant.mdx

@@ -1,14 +1,13 @@
 ---
-title: "Khoj as My Personal AI Accountant"
+title: "Khoj as a Personal AI Accountant"
 author: debanjum
-description: Learn how I use Khoj to keep my account synced and maintain an up-to-date view into all my finances.
+description: Learn how our founder, Debanjum, uses Khoj to keep his accounts synced and maintain an up-to-date view into all his finances.
 heroImage: /ai_accountant_abstract.webp
 pubDate: 2024-10-04
 keywords: ["ai accountant", "plaintext accounting", "workflows"]
 ---
 import ClickableChatCard from '../../components/ClickableChatCard.astro';
 
-## Overview
 I've been maintaining my personal finances using a [plaintext accounting](https://plaintextaccounting.org/) tool called [Beancount](https://github.com/beancount/beancount?tab=readme-ov-file#beancount-double-entry-accounting-from-text-files), for the last decade.
 These days [Khoj](https://app.khoj.dev) helps me keep my accounts synced and maintain an up-to-date view into all my finances.
 

src/layouts/BlogPost.astro

@@ -100,7 +100,7 @@ const authorObj = AUTHOR_METADATA[author as keyof typeof AUTHOR_METADATA];
 							keywords && (
 								<div class="my-3 text-sm inline-grid grid-flow-row md:grid-flow-col">
 									{keywords.map((keyword) => (
-										<span class="rounded-full text-green-50 items-center content-center h-fit dark:bg-slate-400 bg-slate-800 w-fit py-1 px-2 m-1">
+										<span class="rounded-lg text-green-50 items-center content-center h-fit dark:bg-slate-400 bg-slate-800 w-fit py-1 px-1 m-1">
 											{keyword}
 										</span>
 									))}
@@ -140,34 +140,7 @@ const authorObj = AUTHOR_METADATA[author as keyof typeof AUTHOR_METADATA];
 				</div>
 			</article>
 			<aside>
-				<div class="hero-image">
-					{
-						heroImage && (
-							<img class="hero-image" src={heroImage} alt="" />
-						)
-					}
-				</div>
 				<br />
-				<div class="share-info">
-					<div class="share-title">Share</div>
-					<div class="share-buttons">
-						<a
-							class="share-button"
-							href={`https://twitter.com/intent/tweet?text=${title}&url=${encodeURIComponent(
-								`${Astro.url}`,
-							)}`}
-							target="_blank"
-							rel="noopener noreferrer"
-						>
-							<img
-								class="share-button"
-								src="/icons/twitter.svg"
-								width={32}
-								height={32}
-							/>
-						</a>
-					</div>
-				</div>
 			</aside>
 		</main>
 		<Footer />

src/pages/index.astro

@@ -31,10 +31,10 @@ const posts = (await getCollection("posts")).sort(
 						posts.map((post) => (
 							<a
 								href={`/posts/${post.slug}/`}
-								class="p-4rounded-lg flex flex-col md:flex-row gap-4 hover:bg-slate-200 dark:hover:bg-slate-800"
+								class="p-4rounded-lg flex flex-col md:flex-row gap-4 hover:bg-slate-200 dark:hover:bg-slate-800 my-2"
 							>
 								<img
-									class="rounded-lg w-full md:w-48 h-48 md:h-full object-cover"
+									class="rounded-lg w-full md:w-40 h-40 md:h-full object-cover"
 									src={post.data.heroImage}
 									alt=""
 								/>

src/styles/global.css

@@ -3,7 +3,7 @@
   https://github.com/HermanMartinus/bearblog/blob/297026a877bc2ab2b3bdfbd6b9f7961c350917dd/templates/styles/blog/default.css
   License MIT: https://github.com/HermanMartinus/bearblog/blob/master/LICENSE.md
  */
-@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 
 
 :root {
@@ -39,14 +39,14 @@
 }
 
 @font-face {
-    font-family: "Noto Sans", "Noto Sans Arabic", sans-serif !important;
+    font-family: "Nunito", sans-serif !important;
 	src: url(https://fonts.gstatic.com/s/tajawal/v9/Iura6YBj_oCad4k1nzGBC5xLhLE.woff2) format('woff2');
 	font-weight: 400;
 	font-style: normal;
 	font-display: swap;
 }
 body {
-	font-family: "Noto Sans", "Noto Sans Arabic", sans-serif !important;
+	font-family: "Nunito", sans-serif !important;
 	margin: 0;
 	padding: 0;
 	text-align: left;