From 37c8cb2541029e73c4e982ea1a4b4bb1d1dba57c Mon Sep 17 00:00:00 2001
From: Sage The DM <luca.burger@grischuni.net>
Date: Mon, 26 Aug 2024 12:01:26 +0200
Subject: [PATCH] Changed the backbutton

---
 header-folder.js | 39 ++++++++++++++++++++++-----------------
 list.css         |  2 +-
 styles.css       |  2 +-
 3 files changed, 24 insertions(+), 19 deletions(-)

diff --git a/header-folder.js b/header-folder.js
index 45a60db..3163811 100644
--- a/header-folder.js
+++ b/header-folder.js
@@ -24,30 +24,35 @@ class Header extends HTMLElement {
 
   connectedCallback() {
     this.innerHTML = `
-      <style>
-       
-      </style>
+      <link rel="stylesheet" href="styles.css">
       <header>
         <div class="header-content">
           <div><a href="../index.html" class="project-name">FOSS alternatives</a></div>
-          <button><a href="../">back</a></button>
-          <button class="burger-menu" style="display: block;" onclick="toggleMenu()">☰</button>
+          <button class="back-button" onclick="goBack()">← Back</button>
+          <button class="burger-menu" onclick="toggleMenu()">☰</button>
         </div>
-    </header>
-    <div class="div-menu">
-      <ul class="menu">
-        <li><a href="../games/index.html">Games</a></li>
-        <li><a href="../general_purpose/index.html">General Purpose</a></li>
-        <li><a href="../internet_tools/index.html">Internet Tools</a></li>
-        <li><a href="../multimedia/index.html">Multimedia</a></li>
-        <li><a href="../operating_systems/index.html">Operating Systems</a></li>
-        <li><a href="../social_platforms/index.html">Social Platforms</a></li>
-      </ul>
-    </div>
+      </header>
+      <div class="div-menu">
+        <ul class="menu">
+          <li><a href="../games/index.html">Games</a></li>
+          <li><a href="../general_purpose/index.html">General Purpose</a></li>
+          <li><a href="../internet_tools/index.html">Internet Tools</a></li>
+          <li><a href="../multimedia/index.html">Multimedia</a></li>
+          <li><a href="../operating_systems/index.html">Operating Systems</a></li>
+          <li><a href="../social_platforms/index.html">Social Platforms</a></li>
+        </ul>
+      </div>
     `;
   }
 }
 
 customElements.define('header-component', Header);
 
-// @license-end
\ No newline at end of file
+function goBack() {
+  window.history.back();
+}
+
+function toggleMenu() {
+  const menu = document.querySelector('.div-menu');
+  menu.style.display = menu.style.display === 'none' || menu.style.display === '' ? 'block' : 'none';
+}
diff --git a/list.css b/list.css
index ab0d8c8..627a31f 100644
--- a/list.css
+++ b/list.css
@@ -1,5 +1,5 @@
 /*
-        freeftf website
+        foss_alternatives website
         Copyright (C) 2024  interstellar_development
 
         This program is free software: you can redistribute it and/or modify
diff --git a/styles.css b/styles.css
index a760d9c..a04a95d 100644
--- a/styles.css
+++ b/styles.css
@@ -1,5 +1,5 @@
 /*
-        freeftf website
+        foss_alternatives website
         Copyright (C) 2024  interstellar_development
 
         This program is free software: you can redistribute it and/or modify