<!DOCTYPE html>
<html lang="ko-kr">

<head>
  <link
    href="https://fonts.googleapis.com/css?family=Noto+Sans+KR|Source+Code+Pro&display=swap"
    rel="stylesheet">
  <link href="http://gmpg.org/xfn/11" rel="profile">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <link rel="canonical" href="https://modoocode.com">

  <!-- Enable responsiveness on mobile devices-->
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, maximum-scale=1">
</head>

<style>
  body {
    font-family: "Noto Sans KR", sans-serif;
  }
  .comment-box {
    background-color: #f9f9f9;
    padding: 5px;
    margin-bottom: 5px;
  }
  .comment-link {
    font-size:20px;
  }
  .comment-content {
    display: block;
    white-space: pre-wrap;
    word-break: break-all;
    padding-top: 10px;
  }

  .comment-author {
    font-weight: bold;
  }
</style>

<body>
  <% for (let i = 0; i < comments.length; i ++) { %>
  <div class="comment-box">
    <div class="commet-header">
      <a class="comment-link"
        href="<%= '/' + comments[i].article_url %>"><%= comments[i].article_url %></a>
      <span class="comment-author"><%= comments[i].author_name %>
      </span>
      <span class="comment-date"><%= comments[i].comment_date %></span>
    </div>
    <div class="comment-content"><%= comments[i].content %></div>
  </div>
  <% } %>
</body>

</html>