{% extends 'base.html' %}

{% block content %}
    <div class="quiz-container">
    <h1 id=>다음을 주제로 생각을 공유해보세요!</h1>

  <p id="instruction" style="color: #262a2a;">{{ topic }}</p>  <!-- 서버에서 전달한 주제를 바로 표시 -->

    <br>
    </div>
    <div class="character-container" style="margin-top: 30px; text-align: right;">
    <img src="{{ url_for('static', filename='character.png') }}" alt="character" width="200">
        </div>
  <script>
    // 20초마다 페이지 새로고침
    setInterval(function() {
      window.location.reload();  // 페이지를 새로고침하여 새로운 주제를 서버에서 가져옴
    }, 20000);
  </script>
{% endblock %}