        {{ chatgpt_response|safe }}
            </div>        
        </div>
    </div>

{% endblock content %}

<!-- Specific Page JS goes HERE  -->
{% block javascripts %}
<script>
document.addEventListener("DOMContentLoaded", function () {
  document.querySelectorAll('pre code').forEach(function (codeBlock) {
    const wrapper = document.createElement('div');
    wrapper.className = 'code-wrapper';
    codeBlock.parentNode.parentNode.insertBefore(wrapper, codeBlock.parentNode);
    wrapper.appendChild(c