diff --git a/src/assets/logo.jpg b/public/logo.jpg
similarity index 100%
rename from src/assets/logo.jpg
rename to public/logo.jpg
diff --git a/public/vite.svg b/public/vite.svg
deleted file mode 100644
index e7b8dfb..0000000
--- a/public/vite.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
\ No newline at end of file
diff --git a/src/assets/loader.gif b/src/assets/loader.gif
new file mode 100644
index 0000000..cf57581
Binary files /dev/null and b/src/assets/loader.gif differ
diff --git a/src/store/posts.js b/src/store/posts.js
index 5767095..54dedac 100644
--- a/src/store/posts.js
+++ b/src/store/posts.js
@@ -11,6 +11,7 @@ export const usePostStore = defineStore('posts', {
   }),
   actions: {
     getAll() {
+        this.isLoading = true
         return fetch(`https://graph.facebook.com/v14.0/17841413817530260?fields=media%7Btimestamp%2C%20caption%2C%20id%2C%20%20thumbnail_url%7D&access_token=${import.meta.env.VITE_INSTAGRAM_ACCESS_TOKEN}`)
         .then(res => {
             return res.json();
@@ -35,6 +36,7 @@ export const usePostStore = defineStore('posts', {
           })
     },
     getOne(id) {
+        this.isLoading = true
         return fetch(`https://graph.facebook.com/v14.0/${id}?fields=caption%2Cthumbnail_url%2Ctimestamp&access_token=${import.meta.env.VITE_INSTAGRAM_ACCESS_TOKEN}`)
         .then(res => {
             return res.json();
diff --git a/src/style.css b/src/style.css
index 9eff8fd..f328b90 100644
--- a/src/style.css
+++ b/src/style.css
@@ -331,6 +331,12 @@ a:focus {
   margin-bottom: var(--spacing-8);
 }
 
+.loader {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
 /* Media queries */
 
 @media (max-width: 42rem) {
diff --git a/src/views/BlogPost.vue b/src/views/BlogPost.vue
index 56d6c41..30a8db7 100644
--- a/src/views/BlogPost.vue
+++ b/src/views/BlogPost.vue
@@ -22,11 +22,14 @@ watchEffect(
 </script>
 <template>
     <Layout :title="siteTitle" :location="location">
+        <div v-if="postStore.isLoading" class="loader">
+            <img src="../assets/loader.gif"/>
+        </div>
         <article
             class="blog-post"
             itemScope
             itemType="http://schema.org/Article"
-            v-if="!postStore.isLoading"
+            v-else
         >
             <header>
                 <h1 itemProp="headline">{{postStore.post.title}}</h1>
diff --git a/src/views/Home.vue b/src/views/Home.vue
index fb32121..9947e90 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -22,7 +22,10 @@ onMounted(() => {
 <template>
     <Layout :title="siteTitle" :location="location">
       <Station />
-      <ol style="listStyle: none">
+      <div v-if="postStore.isLoading" class="loader" style="margin-top: 5%;">
+            <img src="../assets/loader.gif"/>
+      </div>
+      <ol style="listStyle: none" v-else>
         <Post 
           v-for="post in postStore.posts"
           :key="post.slug"