weiro/views/uploads/index.html

<main class="container">
  <div class="my-4 d-flex justify-left align-items-baseline"
       data-controller="upload" data-upload-site-id-value="{{ .site.ID }}">
    <button class="btn btn-success" data-upload-target="uploadBtn" data-action="upload#upload">Upload</button>
    <div class="progress upload-progressbar ms-3 d-none" data-upload-target="progressbar"
         role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
      <div class="progress-bar" style="width: 0" data-upload-target="progressbarProgress"></div>
    </div>
  </div>

  {{ range .uploads }}
    <div class="row row-cols-5">
      {{ range . }}
        <div class="col">
          <a href="/sites/{{ $.site.ID }}/uploads/{{ .Upload.ID }}">
            <div class="ratio ratio-1x1 m-2">
              <img src="{{ .URL }}" alt="{{ .Upload.Alt }}" class="img-fluid object-fit-contain">
            </div>
          </a>
        </div>
      {{ end }}
    </div>
  {{ end }}
</main>