diff --git a/src/components/elements/MissingConfigurationElement.js b/src/components/elements/MissingConfigurationElement.js
new file mode 100644
index 0000000..9dad1dc
--- /dev/null
+++ b/src/components/elements/MissingConfigurationElement.js
@@ -0,0 +1,27 @@
+function MissingConfigurationElement() {
+  return `
+    <div class="row mb-4 pb-3">
+      <div class="col-6">
+        <div class="bg-dark-subtle rounded-4 py-2 px-3">
+          <p class="m-0 text-center">
+            <code class="text-dark">
+              Configuration.example.yml
+            </code>
+          </p>
+        </div>
+      </div>
+      <div class="col-1" style="margin-top: 5px;">
+        <i class="bi bi-arrow-right h4 text-danger-emphasis"></i>
+      </div>
+      <div class="col-5">
+        <div class="bg-dark-subtle rounded-4 py-2 px-3">
+          <p class="m-0 text-center">
+            <code class="text-danger-emphasis">
+              Configuration.yml
+            </code>
+          </p>
+        </div>
+      </div>
+    </div>
+  `
+}
\ No newline at end of file
diff --git a/src/components/sections/WelcomeSection.js b/src/components/sections/WelcomeSection.js
deleted file mode 100644
index ad3052d..0000000
--- a/src/components/sections/WelcomeSection.js
+++ /dev/null
@@ -1,50 +0,0 @@
-function WelcomeSection() {
-  return `
-    <div class="border border-dark py-2 px-3 rounded-4 bg-dark-subtle">
-      <p class="mt-1 mb-2 text-dark-emphasis">
-        <b>Gravity was unable to fetch your configuration file</b> because it was either missing, corrupt, blocked or unavailable.
-      </p>
-    </div>
-
-    <p class="h4 pt-3 mt-4">
-      Welcome to <b class="text-primary-emphasis">gravity</b>
-      <i class="bi bi-stars text-primary-emphasis"></i>!
-    </p>
-    <p class="mb-4 pb-3">Let's start configurating <b>gravity</b> to your needs and get you up and running in no time.</p>
-
-    <i class="bi bi-1-circle-fill h5"></i>
-    <p class="mt-2">
-      Head over to your <code class="text-dark">configuration/</code> directory and copy (or rename) the example configuration file
-      and adjust it to your liking.
-    </p>
-    <div class="row mb-4 pb-3">
-      <div class="col-6">
-        <div class="bg-dark-subtle rounded-4 py-2 px-3">
-          <p class="m-0 text-center">
-            <code class="text-dark">
-              Configuration.example.yml
-            </code>
-          </p>
-        </div>
-      </div>
-      <div class="col-1" style="margin-top: 5px;">
-        <i class="bi bi-arrow-right h4"></i>
-      </div>
-      <div class="col-5">
-        <div class="bg-dark-subtle rounded-4 py-2 px-3">
-          <p class="m-0 text-center">
-            <code class="text-primary-emphasis">
-              Configuration.yml
-            </code>
-          </p>
-        </div>
-      </div>
-    </div>
-
-    <i class="bi bi-2-circle-fill h5"></i>
-    <p class="mt-2">
-      <b>Save/push your changes</b> and <b>refresh this page</b>!
-      If you did everything correctly, your blog should be up and running.
-    </p>
-  `
-}
\ No newline at end of file
diff --git a/src/configuration/FetchConfiguration.js b/src/configuration/FetchConfiguration.js
index 156ca3b..1fbba70 100644
--- a/src/configuration/FetchConfiguration.js
+++ b/src/configuration/FetchConfiguration.js
@@ -1,9 +1,7 @@
+let ConfigurationURL = "./configuration/Configuration.yml"
+
 async function FetchConfiguration() {
   var xhr = new XMLHttpRequest()
-  let ConfigurationURL = "./configuration/Configuration.yml"
-  if(window.location.hostname == "gravity.prpl.wtf") {
-    ConfigurationURL = "./configuration/Configuration.example.yml"
-  }
   xhr.open("GET", ConfigurationURL, true)
   xhr.onreadystatechange = async function () {
     if (xhr.readyState == 4 && xhr.status == 200) {
@@ -13,9 +11,18 @@ async function FetchConfiguration() {
       return;
     }
     if (xhr.readyState == 4 && xhr.status == 404) {
-      window.Configuration = false
-      await RenderConfiguration()
-      return console.error("Configuration.yml could not be found!")
+      if(ConfigurationURL != "./configuration/Configuration.example.yml") {
+        ProgressBar(99.99, 5)
+        App.innerHTML = `${MissingConfigurationElement()}`
+        setTimeout(() => {
+          ProgressBar(100)
+          ConfigurationURL = "./configuration/Configuration.example.yml"
+          FetchConfiguration()
+        }, 5000);
+      } else {
+        await RenderConfiguration()
+        return console.error("Configuration.yml could not be found!")
+      }
     }
   }
   xhr.send()
diff --git a/src/imports/ImportElements.js b/src/imports/ImportElements.js
index 36f9682..619f81a 100644
--- a/src/imports/ImportElements.js
+++ b/src/imports/ImportElements.js
@@ -4,6 +4,7 @@ async function ImportElements() {
 		{ Identifier: "FooterElement", Path: "FooterElement.js" },
 		{ Identifier: "LinkElement", Path: "LinkElement.js" },
 		{ Identifier: "ConnectionElement", Path: "ConnectionElement.js" },
+		{ Identifier: "MissingConfigurationElement", Path: "MissingConfigurationElement.js" },
 	]
 
   for (let i = Elements.length - 1; i >= 0; i--) {
diff --git a/src/router/ProgressBar.js b/src/router/ProgressBar.js
index 2f2c5b3..52780a7 100644
--- a/src/router/ProgressBar.js
+++ b/src/router/ProgressBar.js
@@ -1,6 +1,6 @@
 var IsAnimating = false
 
-function ProgressBar(length) {
+function ProgressBar(length, duration) {
   if(IsAnimating) return;
 
   ProgressBarElement.style.opacity = 1
@@ -19,6 +19,7 @@ function ProgressBar(length) {
     return;
   }
 
-  ProgressBarElement.style.width = length+"%"
+  ProgressBarElement.style = `width: ${length}%; --TransitionWidthDuration: ${duration || 0.4}s;`
+
   IsAnimating = false
 }
\ No newline at end of file
diff --git a/src/router/Route.js b/src/router/Route.js
index 12f979a..97f8d7f 100644
--- a/src/router/Route.js
+++ b/src/router/Route.js
@@ -1,6 +1,4 @@
 function Route(view) {
-  if(!window.Configuration) {view = "#welcome"}
-  if(window.Configuration && view == "#welcome") {view = "#"}
   window.location.hash = view
   Unload("Section")
   ProgressBar(25)
@@ -30,14 +28,6 @@ function Route(view) {
     })
   }
 
-  // #welcome
-  if(view == "#welcome") {
-    return Import("./src/components/sections/WelcomeSection.js", "Section", function() {
-      App.innerHTML = `${WelcomeSection()}`
-      ProgressBar(100)
-    })
-  }
-
   ProgressBar(100)
   return App.innerHTML = `An unknown error occured, check your browser console for more information.`
 }