diff options
Diffstat (limited to 'layouts')
| -rw-r--r-- | layouts/_default/baseof.html | 18 | ||||
| -rw-r--r-- | layouts/index.html | 17 | ||||
| -rw-r--r-- | layouts/partials/app.html | 34 |
3 files changed, 69 insertions, 0 deletions
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html new file mode 100644 index 0000000..15e87f0 --- /dev/null +++ b/layouts/_default/baseof.html @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <link href="css/style.css" rel="stylesheet"> + <title>{{ block "title" . }} {{ .Site.Title }} {{ end }}</title> + </head> + <body> + <!-- Code that all your templates share, like a header --> + {{- block "main" . -}} + <!-- The part of the page that begins to differ between templates --> + {{- end -}} + {{- block "footer" . -}} + <!-- More shared code, perhaps a footer but that can be overridden if need be in --> + {{- end -}} + </body> +</html> diff --git a/layouts/index.html b/layouts/index.html new file mode 100644 index 0000000..d0b2bab --- /dev/null +++ b/layouts/index.html @@ -0,0 +1,17 @@ +{{- define "title" -}} Home {{- end -}} + +{{- define "main" -}} + <main aria-role="main"> + <header class="homepage-header"> + <h1>{{ .Title }}</h1> + {{ with .Params.subtitle }} + <span class="subtitle">{{ . }}</span> + {{ end }} + </header> + <div class="app-container"> + {{- range $app, $info := $.Site.Data.app }} + {{- partial "partials/app.html" (dict "id" $app "data" $info) -}} + {{ end -}} + </div> + </main> +{{- end -}} diff --git a/layouts/partials/app.html b/layouts/partials/app.html new file mode 100644 index 0000000..4ccd861 --- /dev/null +++ b/layouts/partials/app.html @@ -0,0 +1,34 @@ + <div class="card"> + <div class="info"> + {{- with (printf "asset/icons/%s.png" .id | resources.Get) -}} + <div class="icon"> + <img src="{{ .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"> + <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> + + {{- with (printf "asset/snaps/%s.png" .id| resources.Get) -}} + <div class="image"> + <img src="{{ .RelPermalink }}" alt="logo"> + </div> + {{- end -}} + </div> |