diff --git a/home/friends/index.html b/home/friends/index.html
index c175f9a..ebd2902 100644
--- a/home/friends/index.html
+++ b/home/friends/index.html
@@ -6,6 +6,7 @@
     <link rel="icon" href="../../static/site/favicon.png" type="image/x-icon">
     <link rel="stylesheet" href="../../default_style.css">
     <link rel="stylesheet" href="style.css">
+    <script src="/js/goback.js" defer></script>
     <title>Friends</title>
 
 </head>
diff --git a/js/goback.js b/js/goback.js
new file mode 100644
index 0000000..ef1d6ca
--- /dev/null
+++ b/js/goback.js
@@ -0,0 +1,27 @@
+// Function to inject HTML and CSS
+function injectTopLeftImage() {
+    // Create style element
+    const style = document.createElement('style');
+    style.textContent = `
+      .top-left-image {
+        position: fixed;
+        top: 0;
+        left: 0;
+        z-index: 9999;
+      }
+    `;
+    document.head.appendChild(style);
+  
+    // Create HTML element
+    const container = document.createElement('div');
+    container.innerHTML = `
+      <a href="/home">
+        <img src="/static/site/logo.png" alt="Top-Left Image" class="top-left-image">
+      </a>
+    `;
+    document.body.appendChild(container);
+  }
+  
+  // Ensure the function runs after the page loads
+  window.addEventListener('DOMContentLoaded', injectTopLeftImage);
+  
\ No newline at end of file