<footer>
  <div id='footer-left'>
    <span innerHTML="{{ 'FOOTER.DEVELOPED' | translate:{version, authorURL, author} }}"></span>
    <span innerHTML="{{ 'FOOTER.SOURCE' | translate:{sourceURL, sourceSite, license} }}"></span>
  </div>
  <div id='footer-right'>
    <div class="language-switcher">
      @for (language of languages; track language){
        <img
          class="lang"
          [class.active]="language.code === currentLanguage"
          (click)="switchLanguage(language.code)"
          alt="{{ language.name }}" src="/img/lang/{{language.code}}.svg"
        >
      }
    </div>
  </div>
</footer>

