@if (hideFooter()) {

} @else {
  <footer>
    <div class="footer">
      <div class="footerInner">
        <div class="footerText">
          <h2>ABOUT US</h2>
          <p>Altitude is a community-centered {{ ALTITUDE_VERSION }} survival server. We're one of those servers you
            come
            to call "home". We are your place to get together with friends and play survival, with a few extra features
            suggested by our community!</p>
          <div class="followUs" style="height: 35px; display: flex; align-items: flex-end;">
            <a target="_blank" rel="noopener" href="https://discordapp.com/invite/TGqpzCJ">
              <img priority ngSrc="/public/img/logos/discord.png" alt="Discord Button" height="32" width="32">
            </a>
            <a target="_blank" rel="noopener" href="https://twitter.com/alttdmc">
              <img ngSrc="/public/img/logos/twitter.png" alt="Twitter Button" height="32" width="32">
            </a>
            <a target="_blank" rel="noopener" href="https://instagram.com/alttdmc">
              <img ngSrc="/public/img/logos/instagram.png" alt="Instagram Button" height="32" width="32">
            </a>
          </div>
        </div>
        <div class="footerNav">
          <h2>COMMUNITY</h2>
          <ul>
            <li><a target="_blank" rel="noopener" href="https://discordapp.com/invite/TGqpzCJ">Discord</a></li>
            <li><a target="_blank" rel="noopener" href="https://alttd.com/blog">Blog</a></li>
            <li><a target="_blank" rel="noopener" href="https://twitter.com/alttdmc">Twitter</a></li>
            <li><a target="_blank" rel="noopener" href="https://instagram.com/alttdmc">Instagram</a></li>
            <li><a target="_blank" rel="noopener" href="https://reddit.com/r/alttd">Reddit</a></li>
          </ul>
        </div>
        <div class="footerNav">
          <h2>SERVER</h2>
          <ul>
            <li><a [routerLink]="['/about']">About Us</a></li>
            <li><a [routerLink]="['/team']">Staffing Team</a></li>
            <li><a [routerLink]="['/privacy']">Privacy Policy</a></li>
            <li><a [routerLink]="['/terms']">Terms of Use</a></li>
          </ul>
        </div>
      </div>
      <p class="copyright">Copyright © 2015-{{ getCurrentYear() }} Altitude. All rights Reserved. Not affiliated with
        Mojang AB or Microsoft.</p>
    </div>
  </footer>
}