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,14 +24,12 @@ class Header extends HTMLElement {
connectedCallback() { connectedCallback() {
this.innerHTML = ` this.innerHTML = `
<style> <link rel="stylesheet" href="styles.css">
</style>
<header> <header>
<div class="header-content"> <div class="header-content">
<div><a href="../index.html" class="project-name">FOSS alternatives</a></div> <div><a href="../index.html" class="project-name">FOSS alternatives</a></div>
<button><a href="../">back</a></button> <button class="back-button" onclick="goBack()"> Back</button>
<button class="burger-menu" style="display: block;" onclick="toggleMenu()"></button> <button class="burger-menu" onclick="toggleMenu()"></button>
</div> </div>
</header> </header>
<div class="div-menu"> <div class="div-menu">
@ -50,4 +48,11 @@ class Header extends HTMLElement {
customElements.define('header-component', Header); 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 Copyright (C) 2024 interstellar_development
This program is free software: you can redistribute it and/or modify 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 Copyright (C) 2024 interstellar_development
This program is free software: you can redistribute it and/or modify This program is free software: you can redistribute it and/or modify