base.pug

doctype html
html(lang='ja')
    head
        meta(charset='utf-8')
        meta(http-equiv='X-UA-Compatible', content='IE=edge')
        meta(name='viewport', content='width=device-width, initial-scale=1')
        meta(name='description', content='')
        meta(name='author', content='lindwurm')
        title Akane
        link(rel='stylesheet', href='https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css')
        link(rel='stylesheet', href='https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.11.0/baguetteBox.min.css')
        link(rel='stylesheet', href='css/gallery.css')
        link(rel='stylesheet', href='css/icomoon.css')
    body
        a(href='https://github.com/akane-blue/gallery')
            img(src='https://s3.amazonaws.com/github/ribbons/forkme_left_red_aa0000.png' style='position: absolute; top: 0; left: 0; border: 0;' alt='Fork me on GitHub')
        .container.gallery-container
            h1 Gallery
            p.text-center
                a.btn.btn-secondary(href='https://akane.blue/')
                    i.icon-back
            .tz-gallery
                .card-columns
                    each akane in akanes
                        .card
                            a.lightbox(href='img/#{akane["img"]}.png')
                                img.card-img-top(src='img/thumbnail/#{akane["img"]}.jpg')
                            .card-body
                                p.card-text
                                    a(href='#{akane["original"]}', target='_blank') #{akane["original"]}
                // /.card-columns
            p.text-center
                a.btn.btn-secondary(href='')
                    i.icon-top
            p.text-center
                a.btn.btn-secondary(href='https://akane.blue/')
                    i.icon-back
        script(src='https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.11.0/baguetteBox.min.js')
        script.
            baguetteBox.run('.tz-gallery');