diff --git a/src/components/BaseHead.astro b/src/components/BaseHead.astro
index f22a7d4..6b4ad3b 100644
--- a/src/components/BaseHead.astro
+++ b/src/components/BaseHead.astro
@@ -1,9 +1,9 @@
 ---
 // Import the global.css file here so that it is included on
 // all pages through the use of the <BaseHead /> component.
-import '../styles/global.css';
+import '@styles/global.css';
 import type { ImageMetadata } from 'astro';
-import { SITE_TITLE } from '../consts';
+import { SITE_TITLE } from '@ptypes/consts.ts';
 
 interface Props {
 	title: string;
diff --git a/src/components/Header.astro b/src/components/Header.astro
index 8987d25..c32204a 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -1,6 +1,6 @@
 ---
-import { SITE_TITLE } from '../consts';
-import HeaderLink from './HeaderLink.astro';
+import { SITE_TITLE } from '@ptypes/consts.ts';
+import HeaderLink from '@components/HeaderLink.astro';
 import { getCollection } from 'astro:content';
 
 const personalPosts = (await getCollection('personal')).sort(
diff --git a/src/content/blog/personal/fileclap.mdx b/src/content/blog/personal/fileclap.mdx
index 50f3a3a..65993a9 100644
--- a/src/content/blog/personal/fileclap.mdx
+++ b/src/content/blog/personal/fileclap.mdx
@@ -6,8 +6,8 @@ gitLink: 'https://github.com/juli0n21/fileclap'
 ---
 
 import { Image } from 'astro:assets';
-import homeview from '../../../assets/fileclap/homeview.png';
-import search from '../../../assets/fileclap/search.png';
+import homeview from '@assets/fileclap/homeview.png';
+import search from   '@assets/fileclap/search.png';
 
 <style is:global>{`
  h1, h2, h3, h4, h5, h6, figcaption::before { color: #ffdf20 }
diff --git a/src/content/blog/personal/horsa.md b/src/content/blog/personal/horsa.md
index 25651b6..a0df6eb 100644
--- a/src/content/blog/personal/horsa.md
+++ b/src/content/blog/personal/horsa.md
@@ -31,5 +31,4 @@ Horsa is an Mobile First all in One Solution for ur BlackSmithing Shop
 - Inventory Management
 - WorkUnit preperation 
 
-![homeviwe](../../../assets/horsa/invoices.png)
-
+![homeview](@assets/horsa/invoices.png)
diff --git a/src/content/blog/personal/osuProgress.md b/src/content/blog/personal/osuProgress.md
index bb15325..e5d170f 100644
--- a/src/content/blog/personal/osuProgress.md
+++ b/src/content/blog/personal/osuProgress.md
@@ -46,4 +46,4 @@ The idea was to extend the concept and make it easy to share local scores only,
 - golang
 - a-h/templ + tailwind
 - Sqlite as DB
-![Score](../../../assets/osuProgress/scorePage.png)
+![Score](@assets/osuProgress/scorePage.png)
diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro
index 2c72076..5e6bb0b 100644
--- a/src/layouts/BlogPost.astro
+++ b/src/layouts/BlogPost.astro
@@ -1,12 +1,7 @@
 ---
-import { Image } from 'astro:assets';
-import type { CollectionEntry } from 'astro:content';
-import BaseHead from '../components/BaseHead.astro';
-import Footer from '../components/Footer.astro';
-import FormattedDate from '../components/FormattedDate.astro';
-import Header from '../components/Header.astro';
-import GithubIcon from '../assets/github.svg'
-type Props = CollectionEntry<'blog'>['data'];
+import BaseHead from '@components/BaseHead.astro';
+import Header from '@components/Header.astro';
+import GithubIcon from '@assets/github.svg'
 
 const { title, description, pubDate, updatedDate, gitLink } = Astro.props;
 ---
diff --git a/src/pages/blog/personal/[id].astro b/src/pages/blog/personal/[id].astro
index ea5d304..e2a6222 100644
--- a/src/pages/blog/personal/[id].astro
+++ b/src/pages/blog/personal/[id].astro
@@ -1,6 +1,6 @@
 ---
 import { getCollection, render } from 'astro:content';
-import BlogPost from '../../../layouts/BlogPost.astro';
+import BlogPost from '@layouts/BlogPost.astro';
 
 export async function getStaticPaths() {
     const posts = await getCollection('personal');
diff --git a/src/pages/blog/university/[id].astro b/src/pages/blog/university/[id].astro
index e90ab6a..24b3c90 100644
--- a/src/pages/blog/university/[id].astro
+++ b/src/pages/blog/university/[id].astro
@@ -1,6 +1,6 @@
 ---
 import { getCollection, render } from 'astro:content';
-import BlogPost from '../../../layouts/BlogPost.astro';
+import BlogPost from '@layouts/BlogPost.astro';
 
 export async function getStaticPaths() {
     const posts = await getCollection('uni');
diff --git a/src/pages/index.astro b/src/pages/index.astro
index cc4e0c9..70e0074 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,11 +1,9 @@
 ---
-import BaseHead from '../components/BaseHead.astro';
-import Footer from '../components/Footer.astro';
-import Header from '../components/Header.astro';
-import { SITE_DESCRIPTION, SITE_TITLE } from '../consts';
+import BaseHead from '@components/BaseHead.astro';
+import Header from '@components/Header.astro';
+import { SITE_DESCRIPTION, SITE_TITLE } from '@ptypes/consts.ts';
 
-let images = 
-[
+let images = [
   'https://fshare.kami.boo/u/xH0KLo.jpg',
   'https://fshare.kami.boo/u/a0a2234c-b361-425f-8794-612c7c9fbafe.jpg',
   'https://fshare.kami.boo/u/7ceef00c-35cf-4a2f-bec1-0fb489db5f7c.jpg',