// @license magnet:?xt=urn:btih:0b31508aeb0634b347b8270c7bee4d411b5d4109&dn=agpl-3.0.txt AGPL-3.0

/*
 *        interstellar_development website
 *        Copyright (C) 2024 interstellar_development
 *
 *        This program is free software: you can redistribute it and/or modify
 *        it under the terms of the GNU Affero General Public License as
 *        published by the Free Software Foundation, either version 3 of the
 *        License, or (at your option) any later version.
 *
 *        This program is distributed in the hope that it will be useful,
 *        but WITHOUT ANY WARRANTY; without even the implied warranty of
 *        MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *        GNU Affero General Public License for more details.
 *
 *        You should have received a copy of the GNU Affero General Public License
 *        along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

class Footer extends HTMLElement {
  constructor() {
    super();
  }

  connectedCallback() {
    this.innerHTML = `
    <center>
        <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);