Changed the backbutton

This commit is contained in:
Sage The DM 2024-08-26 12:01:26 +02:00
parent fd666782e1
commit 37c8cb2541
3 changed files with 24 additions and 19 deletions

View file

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

View file

@ -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

View file

@ -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