<h4 style="position: relative" mat-dialog-title><ng-container i18n="About dialog title">About YoutubeDL-Material</ng-container>
<span class="logo-image">
  <a [href]="projectLink" target="_blank">
    <img style="width: 32px;" src="assets/images/GitHub-64px.png">
  </a>
  <img style="width: 32px; margin-left: 15px;" src="assets/images/logo_128px.png">
</span>
</h4>
<mat-dialog-content>
  <div style="margin-bottom: 5px;">
    <p>
      <i>YoutubeDL-Material</i>&nbsp;<ng-container i18n="About first paragraph">is an open-source YouTube downloader built under Google's Material Design specifications. You can seamlessly download your favorite videos as video or audio files, and even subscribe to your favorite channels and playlists to keep updated with their new videos.</ng-container>
    </p>
    <p>
      <i>YoutubeDL-Material</i>&nbsp;<ng-container i18n="About second paragraph">has some awesome features included! An extensive API, Docker support, and localization (translation) support. Read up on all the supported features by clicking on the GitHub icon above.</ng-container>
    </p>
    <mat-divider></mat-divider>
    <h5 style="margin-top: 10px;">Installation details:</h5>
    <!-- Installed version/update status line intentionally hidden; it is confusing in custom/nightly builds. -->
  <p>
    <ng-container i18n="Installation type">Installation type:</ng-container>&nbsp;{{postsService.version_info.type}}
    <br>
      @if (postsService.version_info.type === 'docker') {
        <ng-container i18n="Docker tag">Docker tag:</ng-container>&nbsp;{{postsService.version_info.tag}}
        <br>
        }
        <ng-container i18n="Commit hash">Commit hash:</ng-container>&nbsp;{{postsService.version_info.commit}}
        <br>
          <ng-container i18n="Build date">Build date:</ng-container>&nbsp;{{postsService.version_info.date}}
        </p>
        <p>
          <ng-container i18n="About bug prefix">Found a bug or have a suggestion?</ng-container>&nbsp;<a [href]="issuesLink" target="_blank"><ng-container i18n="About bug click here">Click here</ng-container></a>&nbsp;<ng-container i18n="About bug suffix">to create an issue!</ng-container>
        </p>
      </div>
    </mat-dialog-content>

    <mat-dialog-actions>
      <button style="margin-bottom: 5px;" mat-stroked-button mat-dialog-close><ng-container i18n="Close">Close</ng-container></button>
    </mat-dialog-actions>
