<label for="comment">Comment</label>
    <textarea id="comment" name="comment" placeholder="글 내용을 입력하세요. (서버가 필요합니다)"></textarea>

    <label for="file">Image (optional)</label>
    <input id="file" name="imagefile" type="file" accept="image/*">

    <div class="actions">
      <button type="submit">Post</button>
      <div class="note">이미지 업로드와 tripcode 생성은 서버에서 구현되어야 합니다.</div>
    </div>
  </form>
</div>

<!-- 예시 스레드 (정적) -->
<article class="thread">
  <div class="post">
    <div class="thumb">
      <img src="https://via.placeholder.com/120x90.png?text=IMG" alt="thumb">
    </div>
    <div class="content">
      <div class="meta">No.123456 • 2026-01-11 12:34</div>
      <h3>익명 사용자의 예시 글</h3>
      <div>이곳은 이미지와 텍스트를 올리는 스레드의 본문입니다. 실제 동작을 위해서는 서버(예: PHP, Node.js 등)에서 파일 저장, DB에 게시물 기록, 썸네일 생성 등을 처리해야 합니다.</div>

      <div class="reply">
        <div class="meta">No.123457 • Anonymous</div>
        <div>첫 번째 리플 예시입니다. 이미지보드는 익명성 기반이므로 닉네임 대신 tripcode를 통해 동일 사용자를 식별할 수 있습니다.</div>
      </div>

      <div class="reply">
        <div class="meta">No.123458 • Anonymous !!ABC123 (tripcode)</div>
        <div>tripcode가 표시된 리플 예시</div>
      </div>
    </div>
  </div>
</article>

<!-- 더 많은 스레드 반복 가능 -->