<div class="wrappe">
<img src="http://static.vdk2ch.ru:15555/test-public/16657431265390.png" alt="свiня" width="150">
<app-send-post></app-send-post>,
  <h2>Вы находитесь на доске {{boardName}} </h2>
  <h3> в треде номер {{displayed_thread_number}}</h3>
  <a (click)="showGuide = !showGuide" style=" font-size: small; color: chocolate; width: 500px;"> Что это и как это работает?</a>
  <br>
  <div *ngIf="showGuide">
    Добро пожаловать на эту небольшую борду. Сейчас тут только три треда и одна доска, но скоро будет больше.
    Чтобы выбрать тред воспользуйтесь полем ниже, после выбора нажмите кнопку "Обновить" дабы перейти в этот тред.
    Вы можете отправлять сообщения в открытый тред и прикреплять к сообщению картинки.
    Ведите себя хорошо.
  </div>
  <input type="number" [(ngModel)]=displayed_thread_number>
  <br>
  <button (click)="refreshPosts(boardName , displayed_thread_number)">Обновить</button>
<post-single
  *ngFor="let post of postsToShow" [post]="post"
></post-single>
<button (click)="refreshPosts(boardName , displayed_thread_number)">Обновить</button>
<br>
<div class="hexagon">
  <div class="hexagon-inside">
    <div class="hexagon-image">
    </div>
  </div>
</div>
</div>