{% extends 'base.html' %}

{% block content %}
  <h1 id="topic">{{ topic }}</h1>

  <script>
    // 20초마다 페이지를 새로고침하는 함수
    function updateTopic() {
      setTimeout(() => {
        window.location.reload();  // 페이지를 새로고침하여 새로운 주제를 불러옴
      }, 20000); // 20초
    }

    // 페이지가 로드될 때 주제 업데이트 함수 호출
    updateTopic();
  </script>
{% endblock %}