diff --git a/.github/workflows/templates/lemonade.html b/.github/workflows/templates/lemonade.html index f022f30..3f3926f 100644 --- a/.github/workflows/templates/lemonade.html +++ b/.github/workflows/templates/lemonade.html @@ -281,6 +281,60 @@ .code-flag { color: #79c0ff; } .code-url { color: #85e8b4; text-decoration: underline; text-underline-offset: 3px; } } + + /* Skeleton Loader Styles */ + .skeleton-card { + background: var(--card); + border: 1px solid var(--card-border); + border-radius: 22px; + padding: 24px; + box-shadow: var(--shadow); + pointer-events: none; + } + .skeleton-line { + height: 14px; + background: linear-gradient(90deg, var(--card-border) 25%, var(--line) 50%, var(--card-border) 75%); + background-size: 200% 100%; + animation: shimmer 1.5s infinite linear; + border-radius: 6px; + margin-bottom: 12px; + } + .skeleton-line.title { + height: 24px; + width: 40%; + margin-bottom: 20px; + } + .skeleton-app-header { + display: flex; + align-items: center; + gap: 14px; + margin-bottom: 20px; + } + .skeleton-icon { + width: 54px; + height: 54px; + border-radius: 14px; + background: linear-gradient(90deg, var(--card-border) 25%, var(--line) 50%, var(--card-border) 75%); + background-size: 200% 100%; + animation: shimmer 1.5s infinite linear; + flex-shrink: 0; + } + .skeleton-app-titles { + flex-grow: 1; + } + .skeleton-app-title { + height: 18px; + width: 50%; + margin-bottom: 8px; + } + .skeleton-app-id { + height: 12px; + width: 30%; + } + @keyframes shimmer { + 0% { background-position: 200% 0; } + 100% { background-position: -200% 0; } + } @@ -296,72 +350,35 @@
Flatpak repository

Install Lemonade apps on Linux.

-
- {{if .Signing.Enabled}} GPG signed & verified{{end}} +
+ Remote: {{.RemoteName}} - {{if .Apps}}{{len .Apps}} app{{if gt (len .Apps) 1}}s{{end}}{{end}} +

Add this repository

- {{if .Signing.Enabled}}verified · one command{{else}}one command{{end}} + one command
-
- {{if .Signing.Enabled}} -
- 1 Add the signed repository (flatpak ≥ 1.17) -
flatpak remote-add --user \ - {{.RemoteName}} \ - {{.PagesURL}}/{{.RemoteName}}.flatpakrepo
-

The .flatpakrepo embeds the GPG key, signature lookaside, and automatically turns on gpg-verify.

-
-
-
- Older flatpak clients (< 1.17) setup instructions -

Older Flatpak versions cannot read the signature lookaside from the repository file directly. Run these commands to add the repository and configure verification manually:

-
flatpak remote-add --if-not-exists --user --no-gpg-verify \ - {{.RemoteName}} \ - oci+{{.PagesURL}}
-
flatpak remote-modify --user \ - --signature-lookaside={{.PagesURL}}/{{.Signing.Lookaside}} \ - {{.RemoteName}}
-
-
-
- 2 Install an app -

Pick any app below, or install by ID once the remote is added.

-
-
- Download .flatpakrepo - View OCI index - Public key -
- {{else}} -
- 1 Add the remote -
flatpak remote-add --if-not-exists --user --no-gpg-verify \ - {{.RemoteName}} \ - oci+{{.PagesURL}}
-

This repository is unsigned, so the remote is added without GPG verification.

-
-
- Download .flatpakrepo - View OCI index +
+ +
+
+
+
- {{end}}

Apps

- {{if .Apps}}{{len .Apps}} app{{if gt (len .Apps) 1}}s{{end}} · install per release{{end}} +
- {{if gt (len .Apps) 1}} -
+ - {{end}} - - {{if .Apps}} -
- {{range .Apps}} -
-
- 🍋{{if .Icon}}{{end}} -
-
{{.Name}}
-
{{.ID}}
-
-
- {{if .Summary}}

{{.Summary}}

{{end}} -
- {{range $i, $b := .Branches}} -
-
- {{$b.Branch}} - {{range $b.Arches}}{{.}}{{end}} - {{if $i}}{{else}}latest{{if $b.FormattedDate}} · {{end}}{{end}}{{if $b.FormattedDate}}released {{$b.FormattedDate}}{{end}} -
-
{{formatSize $b.InstalledSize}} installed · {{formatSize $b.DownloadSize}} download{{if $b.Commit}} · {{printf "%.10s" $b.Commit}}{{end}}
-
- Install ({{$b.Branch}}) -
-
{{$b.InstallCmd}}
+ +
+ +
+
+
+
+
+
- {{end}}
-
- {{end}} -
- {{else}} -
- -

No apps published yet

-

Once a build is published to this repository, its apps appear here automatically.

+
+
+
- {{end}}
@@ -424,36 +416,65 @@

No apps published yet