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
+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';
+}

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

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