aeth
/
keiji


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
							
{{ define "centered_image" }}
<!DOCTYPE html>
<html lang="en">
    <div class="row container-fluid m-0 p-0">
        <div class="col container-fluid" style="background-color: black;"></div>
        <img src="/api/v1/images/{{ .Ident }}" loading="lazy" class="img-fluid m-0 p-0 col-auto" style="background-color: black; max-height: 70vh;">
        <div class="col container-fluid" style="background-color: black;"></div>
    </div>
    <a href="#">
        <div class="mask" style="background-color: hsla(0, 0%, 98%, 0.2)">
            <div class="row align-items-center" style="font-family: monospace; color: white; min-height: 100%;">
                <div class="col"></div>
                <div class="col-auto">
                    <div class="row col-auto p-2 m-2" style="font-size: xx-large;">
                        '{{ .Title }}'
                    </div>
                    <div class="row col-auto p-2 m-2" style="font-size: x-large;">
                        {{ .Desc }}
                    </div>
                </div>
                <div class="col"></div>
            </div>
        </div>
    </a>
</html>
{{ end }}


{{ define "digital_art" }}
<!DOCTYPE html>
<html lang="en">
    <html lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="/api/v1/style/bootstrap.min.css">
        <link rel="stylesheet" href="/api/v1/style/mdb/mdb.min.css">
        <link rel="stylesheet" href="/api/v1/cdn/custom.css">
    </head>
    <body style="background-color: rgb(56, 56, 56);">
    <div id="main">

        <div class="container-fluid row">
            {{ range .images }}
                <div class="col-sm hover-overlay" data-mdb-ripple-init data-mdb-ripple-color="light">
                    <div class="col-auto">
                        <div class="row position-relative shadow-lg p-3 m-3 rounded justify-content-center"
                            style="width: 80vh; max-width: 95%; background-color: rgb(22, 22, 22);">
                                {{ template "centered_image" . }}
                        </div>
                    </div>
                </div>
            {{ end }}
            </div>
        </div>
    </body>
</html>
{{ end }}