151 lines
7.8 KiB
HTML
151 lines
7.8 KiB
HTML
<!DOCTYPE html>
|
|
{{ $lang := .Site.Language.Lang }}
|
|
{{ $data := index .Site.Data $lang }}
|
|
{{ $appdata := index $data.apps .Params.SectionHeader.AppIndex }}
|
|
|
|
<html lang="{{ $lang }}">
|
|
{{- partial "head.html" . -}}
|
|
<body>
|
|
{{- partial "header.html" . -}}
|
|
<div id="content">
|
|
{{ partial "section-app-header.html" (dict "Data" .Params.SectionHeader "Site" .Site) }}
|
|
<br>
|
|
<!-- About section -->
|
|
<section id="about-section" class="center content-center padding-container">
|
|
<h1>{{ .Params.About.Title }}</h1>
|
|
<p>{{ .Params.About.Content | markdownify }}</p>
|
|
</section>
|
|
<!-- other sections -->
|
|
{{ range .Params.Sections }}
|
|
<section class="center content-center columns-container padding-container">
|
|
{{ if eq .Type "text|image" }}
|
|
<div class="column col2 text-left vertical-center">
|
|
{{ .Content | markdownify }}
|
|
</div>
|
|
<div class="column col2">
|
|
<img class="vertical-center fill-width" alt="{{ .Alt }}" src="/img/{{ .Image }}.png" loading="lazy"/>
|
|
</div>
|
|
{{ else if eq .Type "image|text" }}
|
|
<div class="column col2">
|
|
<img class="vertical-center fill-width" alt="{{ .Alt }}" src="/img/{{ .Image }}.png" loading="lazy"/>
|
|
</div>
|
|
<div class="column col2 text-left vertical-center">
|
|
{{ .Content | markdownify }}
|
|
</div>
|
|
{{ else if eq .Type "text/image" }}
|
|
<div class="column text-center">
|
|
{{ .Content | markdownify }}
|
|
<img src="/img/{{ .Image }}.png" alt="{{ .Alt }}" loading="lazy"/>
|
|
</div>
|
|
{{ else if eq .Type "text" }}
|
|
<div class="column text-center">
|
|
{{ .Content | markdownify }}
|
|
</div>
|
|
{{ end }}
|
|
</section>
|
|
<br>
|
|
{{ end }}
|
|
<section id="technical-details-section" class="center content-center padding-container">
|
|
<hr>
|
|
<h1 class="flex flex-center"><i class="icon-wrench icon-larger-text" alt=""></i>{{ i18n "technicalSheet" }}</h1>
|
|
<div class="grid">
|
|
<p class="inline column col2">
|
|
<i class="icon-universal icon-as-text" alt=""></i>
|
|
{{ i18n "supportedPlatforms" }} {{ partial "platforms.html" $appdata.platforms }}
|
|
</p>
|
|
<p class="inline column col2">
|
|
<i class="icon-lang icon-as-text" alt=""></i>
|
|
{{ i18n "translated" }} {{ partial "translations.html" $appdata.translated }}
|
|
</p>
|
|
<p class="inline column col2">
|
|
<i class="icon-git icon-as-text" alt=""></i>
|
|
{{ i18n "latestVersion" }}v{{ $appdata.version }}
|
|
</p>
|
|
<p class="inline column col2">
|
|
<i class="icon-git icon-as-text" alt=""></i>
|
|
{{ i18n "status" }}{{ $appdata.status }}
|
|
</p>
|
|
<p class="inline column col2">
|
|
<i class="icon-code icon-as-text" alt=""></i>
|
|
{{ i18n "programingLanguages" }}{{ delimit $appdata.languages ", " }}
|
|
</p>
|
|
<p class="inline column col2">
|
|
<i class="icon-frameworks icon-as-text" alt=""></i>
|
|
{{ i18n "frameworks" }} {{ delimit $appdata.frameworks ", " | markdownify }}
|
|
</p>
|
|
{{ if $appdata.touchfriendly }}
|
|
<p class="inline column col2">
|
|
<i class="icon-touch icon-as-text" alt=""></i>
|
|
{{ i18n "touchFriendly" }}
|
|
</p>
|
|
{{ end }}
|
|
{{ if $appdata.keyboardoriented }}
|
|
<p class="inline column col2">
|
|
<i class="icon-keyboard icon-as-text" alt=""></i>
|
|
{{ i18n "keyboardOriented" }}
|
|
</p>
|
|
{{ end }}
|
|
<p class="inline column col2">
|
|
<i class="icon-license icon-as-text" alt=""></i>
|
|
{{ i18n "license" }} {{ $appdata.license | markdownify }}
|
|
</p>
|
|
</div>
|
|
<div class="grid flex-center">
|
|
{{ partial "links.html" .Params.Technical.Links }}
|
|
</div>
|
|
</section>
|
|
{{ if .Params.Download.Show }}
|
|
<!-- download section -->
|
|
<section id="download-section" class="center content-center padding-container text-center">
|
|
<hr>
|
|
<h1 class="flex flex-center"><i class="icon-download icon-larger-text" alt=""></i>{{ i18n "download" }}</h1>
|
|
{{ i18n "downloadApp" (dict "Name" .Name "Platforms" (delimit $appdata.platforms ", ")) }}
|
|
<br><br>
|
|
<!-- download table -->
|
|
<div class="center columns-container">
|
|
{{ $download := .Params.Download }}
|
|
{{ range $download.Categories }}
|
|
<div class="column app-download col{{ len $download.Categories | safeHTMLAttr }}">
|
|
<div class="fill-width primary vertical-center app-download-platform">
|
|
<i class="icon-{{ lower .Platform }} icon-as-text" alt=""></i>{{ .Title }}
|
|
</div>
|
|
<div class="app-os-sources">
|
|
{{ $links := index $download.Links .Name }}
|
|
{{ range $links }}
|
|
<div>
|
|
<h3>{{ .Title }}</h3>
|
|
{{ if hasPrefix .Title "Flatpak" }}
|
|
<a href="{{ .URL }}" class="padding-container-1">
|
|
<img src="/img/platforms/{{ $lang }}/flathub.svg"></img>
|
|
</a>
|
|
<br><br>{{ i18n "warnExternalWebsite" "flathub.org" }}
|
|
{{ else if hasPrefix .Title "Snap" }}
|
|
<a href="{{ .URL }}" class="padding-container-1">
|
|
<img src="/img/platforms/{{ $lang }}/snapcraft.svg"></img>
|
|
</a>
|
|
<br><br>{{ i18n "warnExternalWebsite" "snapcraft.io" }}
|
|
{{ else if hasPrefix .Title "Firefox" }}
|
|
<a href="{{ .URL }}" class="padding-container-1">
|
|
<img src="/img/platforms/{{ $lang }}/amo.svg"></img>
|
|
</a>
|
|
<br><br>{{ i18n "warnExternalWebsite" "addons.mozilla.org" }}
|
|
{{ else }}
|
|
File: {{ replace .Name "<version>" $appdata.version }}<br>
|
|
<a href="{{ replace .URL "<version>" $appdata.version }}" class="primary" role="button">
|
|
<i class="icon-download icon-as-text" alt=""></i>{{ i18n "download" }}
|
|
</a>
|
|
{{ end }}
|
|
</div>
|
|
<hr>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
<p>{{ .Params.Download.Footnote | markdownify }} </p>
|
|
</section>
|
|
{{ end }}
|
|
</div>
|
|
{{- partial "footer.html" . -}}
|
|
</body>
|
|
</html>
|