<!DOCTYPE html>
<html lang="en">
<head>

    {% block title %}{% endblock %}

    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

   <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="../assets/css/bootstrap.min.css">

    <!-- FontAwesome CSS -->
    <link rel="stylesheet" href="../assets/css/font-awesome.min.css">

    <!-- Styles -->
    <link rel="stylesheet" href="../assets/css/style.css">

    <!-- GLightbox -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/glightbox/dist/css/glightbox.min.css">
    <script src="https://cdn.jsdelivr.net/npm/glightbox/dist/js/glightbox.min.js"></script>

</head>
<body>

    {% block album %}{% endblock %}
    {% block portfolio %}{% endblock %}    

    <script type='text/javascript' src='../assets/js/jquery.js'></script>
    <script type='text/javascript' src='../assets/js/custom.js'></script>

    <script>
        var lightbox = GLightbox();
        lightbox.on('open', (target) => {
            console.log('lightbox opened');
        });
    </script>

</body>
</html>