From 65a909ffea2e697fdc4c0179f57df54304211d99 Mon Sep 17 00:00:00 2001
From: Amy Retzerau <amy.retzerau@gmail.com>
Date: Tue, 30 Sep 2025 19:15:03 +0200
Subject: [PATCH] feat: added target to external blog entrys and bsky link

---
 src/routes/+layout.svelte  |  5 ++++-
 src/routes/+page.server.ts | 12 +++++++++++-
 src/routes/+page.svelte    |  2 +-
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index b56772b..6eda891 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -17,7 +17,10 @@
 <nav class="media-margin">
 	<a href="/">Home</a>
 	<a href="/about">About</a>
-	<a href="https://bsky.app/profile/amyt3a.bsky.social" aria-label="Link to my Bluesky account"
+	<a
+		href="https://bsky.app/profile/amyt3a.bsky.social"
+		aria-label="Link to my Bluesky account"
+		target="_blank"
 		><svg fill="none" class="bsky" viewBox="0 0 64 57"
 			><path
 				fill="var(--rp-moon-pine)"
diff --git a/src/routes/+page.server.ts b/src/routes/+page.server.ts
index f2094b0..e51738c 100644
--- a/src/routes/+page.server.ts
+++ b/src/routes/+page.server.ts
@@ -4,6 +4,7 @@ import type { MDsveXComponent } from '$lib/types';
 export interface BlogEntry {
     title: string;
     src: string;
+    src_target: string;
     img: string;
     date: string;
     desc: string;
@@ -25,7 +26,16 @@ export function load() {
                 return [link, val];
             })
             .sort(([link1, a], [link2, b]) => b.metadata?.date - a.metadata?.date)
-            .map(([link, val]) => { return { src: link, title: val.metadata.title, img: val.metadata.img, date: new Date(val.metadata.date).toDateString(), desc: val.metadata.desc } })
+            .map(([link, val]) => {
+                return {
+                    src: link,
+                    src_target: (link.includes('https://') || link.includes('http://')) ? '_blank' : '',
+                    title: val.metadata.title,
+                    img: val.metadata.img,
+                    date: new Date(val.metadata.date).toDateString(),
+                    desc: val.metadata.desc
+                }
+            })
     return {
         blogs: blog_entries
     };
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 8486742..89ae6ed 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -19,7 +19,7 @@
 		</p>
 	</div>
 	{#each blogs as blog (blog.src)}
-		<a href={blog.src} class="blog-entry">
+		<a href={blog.src} target={blog.src_target} class="blog-entry">
 			<div>
 				<h4>{blog.title}</h4>
 				<p>{blog.desc}</p>