         </div>
            </div>
        </footer>
        <!-- Bootstrap core JS-->
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js"></script>
        <!-- Core theme JS-->
        <!-- <script src="/home/trojrobert/Projects/new_project/artline-project/templates/js/scripts.js"></script> -->
        {% block javascript %}
        <script>
            const previewImage = () => {
                file = document.getElementById("query-image").files[0]
       