Changed the backbutton
This commit is contained in:
parent
fd666782e1
commit
37c8cb2541
3 changed files with 24 additions and 19 deletions
|
@ -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';
|
||||
}
|
||||
|
|
2
list.css
2
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
|
||||
|
|
|
@ -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
|
||||
|
|
Loading…
Reference in a new issue