updted the website
This commit is contained in:
parent
affdb6e8e0
commit
d6dec54393
9 changed files with 430 additions and 71 deletions
27
footer.js
27
footer.js
|
@ -29,13 +29,40 @@ class Footer extends HTMLElement {
|
|||
<footer>
|
||||
<div class="footer-content">
|
||||
<p>2024 Interstellar Development</p>
|
||||
<!-- Hidden Button -->
|
||||
<button class="secret-button">👀</button>
|
||||
</div>
|
||||
</footer>
|
||||
</center>
|
||||
`;
|
||||
|
||||
// Add event listener for button click
|
||||
this.querySelector('.secret-button').addEventListener('click', () => {
|
||||
window.location.href = 'secret.html'; // Open the secret.html file
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
customElements.define('footer-component', Footer);
|
||||
|
||||
// @license-end
|
||||
|
||||
// CSS for the hidden button
|
||||
const style = document.createElement('style');
|
||||
style.textContent = `
|
||||
.secret-button {
|
||||
display: none;
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
font-size: 24px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.footer-content:hover .secret-button {
|
||||
display: block;
|
||||
}
|
||||
`;
|
||||
document.head.appendChild(style);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue