digital_art.html 1.6 KB

123456789101112131415161718192021222324252627282930313233
  1. {{ define "digital_art.html" }}
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <html lang="en">
  5. <head>
  6. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <link rel="stylesheet" href="/api/v1/style/bootstrap.min.css">
  9. <link rel="stylesheet" href="/api/v1/style/mdb/mdb.min.css">
  10. </head>
  11. <body style="background-color: rgb(56, 56, 56);">
  12. {{ template "navigation.html" .navigation }}
  13. <div class="container-fluid row">
  14. {{ range .images }}
  15. <div class="col-sm hover-overlay" data-mdb-ripple-init data-mdb-ripple-color="light">
  16. <div class="col-auto">
  17. <div class="row position-relative shadow-lg p-3 m-3 rounded justify-content-center"
  18. style="width: 80vh; max-width: 95%; background-color: rgb(22, 22, 22);">
  19. {{ template "centered_image.html" . }}
  20. <a href="#">
  21. <div class="mask" style="background-color: hsla(0, 0%, 98%, 0.2)"></div>
  22. </a>
  23. </div>
  24. </div>
  25. </div>
  26. {{ end }}
  27. </div>
  28. <script type="text/javascript" src="/api/v1/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
  29. <script src="https://unpkg.com/htmx.org@1.9.4"></script>
  30. <script src="https://unpkg.com/htmx.org/dist/ext/json-enc.js"></script>
  31. </body>
  32. </html>
  33. {{ end }}