diff --git a/js/customElements/blogFooter.js b/js/customElements/blogFooter.js
index 992a40cd5bd1c15e66b6264a5504c81a71845766..a5e1bbaf180a015739674ad20221011803e8e3ef 100644
--- a/js/customElements/blogFooter.js
+++ b/js/customElements/blogFooter.js
@@ -9,7 +9,7 @@ class blogFooter extends HTMLElement {
                 blog.forEach((element) => {
                     let li = document.createElement("li");
                     let a = document.createElement("a");
-                    a.href = "/post.php?id=" + element["id"];
+                    a.href = "/post.html?id=" + element["id"];
                     a.innerText = element["title"];
                     li.appendChild(a);
                     ul.appendChild(li);
diff --git a/js/customElements/blogIndex.js b/js/customElements/blogIndex.js
index 3d46573134ceb3b69f0eda4e703b928500dd21f3..636433ea8c20b67e73dbf932d13ebb4635faa75e 100644
--- a/js/customElements/blogIndex.js
+++ b/js/customElements/blogIndex.js
@@ -11,7 +11,7 @@ class BlogIndex extends HTMLElement {
                     <article class="breakWord">
                         <h2>${element["title"]}</h2>
                         <p breakWord>${element["content"]}</p>
-                        <p class="center"><a href="/post.php?id=${element["id"]}"><button>Mehr lesen</button></a></p>
+                        <p class="center"><a href="/post.html?id=${element["id"]}"><button>Mehr lesen</button></a></p>
                     </article>
                     `;
                 });
diff --git a/js/customElements/footer.js b/js/customElements/footer.js
new file mode 100644
index 0000000000000000000000000000000000000000..8c3a19e9992776862bd1328d72cb98b3b3a7c922
--- /dev/null
+++ b/js/customElements/footer.js
@@ -0,0 +1,47 @@
+class Footer extends HTMLElement {
+    constructor() {
+        super();
+        this.innerHTML = `
+            <footer>
+                <div id="blueBar"></div>
+                <div id="footerContent">
+                    <div>
+                        <a href="/datenschutzerklaerung.php">Datenschutzerkl&auml;rung</a><br>
+                        <a href="/bildquellen.php">Bildquellen</a><br>
+                        <a href="/impressum.php">Impressum</a><br>
+                    </div>
+                    <div id="newestPost">
+                        <h3>Neueste Beitr&auml;ge:</h3>
+                        <jl-footer_blog></jl-footer_blog>
+                    </div>
+                    <div class="center">
+                        <p class="center">
+                            <a href="https://www.instagram.com/jonasled1/">
+                                <jl-svg data-name="instagram"></jl-svg>
+                            </a>
+            
+                            <a href="https://www.thingiverse.com/jonasled/designs/">
+                                <jl-svg data-name="3d_model"></jl-svg>
+                            </a>
+            
+                            <a href="https://paypal.me/jonasled/">
+                                <jl-svg data-name="paypal"></jl-svg>
+                            </a>
+            
+                            <a href="https://matrix.to/#/@jonasled:jonasled.de">
+                                <jl-svg data-name="matrix"></jl-svg>
+                            </a>
+            
+                            <a href="https://twitter.com/jonasled1">
+                                <jl-svg data-name="twitter"></jl-svg>
+                            </a>
+                        </p>
+                    </div>
+                </div>
+            </footer>
+            <jl-cookie_notice></jl-cookie_notice>
+        `;
+    }
+}
+
+customElements.define("jl-footer", Footer);
\ No newline at end of file
diff --git a/js/script.js b/js/script.js
index 0f02d0e8cb776bd4651e695a6bdd7a4ae95d4dd0..761ff96d629d57a134649db7a03e52ccddb7d3d6 100644
--- a/js/script.js
+++ b/js/script.js
@@ -13,4 +13,5 @@ require("./customElements/commentsDisplay");
 require("./customElements/newComment");
 require("./customElements/contactMailButton");
 require("./customElements/header");
-require("./customElements/mainMenu");
\ No newline at end of file
+require("./customElements/mainMenu");
+require("./customElements/footer");
\ No newline at end of file
diff --git a/public/internal/footer.php b/public/internal/footer.php
index 96ae57b71128c6b644522290aaaf4f83aac0f9aa..c185a3eb9db57a3f08d447139b8fb4941f1618b2 100644
--- a/public/internal/footer.php
+++ b/public/internal/footer.php
@@ -2,44 +2,7 @@
 function getFooter(){
     echo (<<<EOF
     </div>
-    <footer>
-    <div id="blueBar"></div>
-    <div id="footerContent">
-    <div>
-        <a href="/datenschutzerklaerung.php">Datenschutzerkl&auml;rung</a><br>
-        <a href="/bildquellen.php">Bildquellen</a><br>
-        <a href="/impressum.php">Impressum</a><br>
-    </div>
-    <div id="newestPost">
-        <h3>Neueste Beitr&auml;ge:</h3>
-        <jl-footer_blog></jl-footer_blog>
-    </div>
-    <div class="center">
-        <p class="center">
-            <a href="https://www.instagram.com/jonasled1/">
-                <jl-svg data-name="instagram"></jl-svg>  
-            </a>
-            
-            <a href="https://www.thingiverse.com/jonasled/designs/">     
-                <jl-svg data-name="3d_model"></jl-svg>  
-            </a>
-            
-            <a href="https://paypal.me/jonasled/">
-                <jl-svg data-name="paypal"></jl-svg>  
-            </a>
-            
-            <a href="https://matrix.to/#/@jonasled:jonasled.de">
-                <jl-svg data-name="matrix"></jl-svg>  
-            </a>
-            
-            <a href="https://twitter.com/jonasled1">
-                <jl-svg data-name="twitter"></jl-svg>         
-            </a>
-        </p>
-    </div>
-    </div>
-    </footer>
-    <jl-cookie_notice></jl-cookie_notice>
+    <jl-footer></jl-footer>
     <script src="/js/script.js"></script>
     </body>
     </html>
diff --git a/public/post.php b/public/post.html
similarity index 100%
rename from public/post.php
rename to public/post.html