layouts/partials/app.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

      <div class="card">
        <div class="info">
          {{- with (printf "asset/packages/%s.png" .id | resources.Get | default (
            resources.Get "asset/icons/package.png"
          )) -}}
          <div class="icon">
            <img src="{{ (.Fit `128x128`).RelPermalink }}" alt="logo">
          </div>
          {{- end }}
          <div class="title">
            <h1 class="name">
              {{- .data.name | safeHTML -}}
              <span>
                <a {{ printf `href=%q` .data.url | safeHTMLAttr }} targer="_blank" style="padding">
                  {{/*  url icon as svg */}}
                  <svg xmlns="http://www.w3.org/2000/svg"
                      viewBox="0 0 24 24" fill="none"
                      stroke="white" stroke-width="2"
                      stroke-linecap="round" stroke-linejoin="round"
                      width="16px" height="16px">
                    <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path>
                    <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path>
                  </svg>
                </a>
              </span>
            </h1>
            <p class="gen-name">{{- .data.info | safeHTML -}}</p>
            <a {{ printf "apt://%s" .id | printf "href=%q" | safeHTMLAttr }} class="ins-btn">Install</a>
          </div>
        </div>
      </div>