omegamma/layouts/_default/app.html

137 lines
6.9 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
2021-06-14 15:16:22 +00:00
{{ $data := index .Site.Data .Site.Language.Lang }}
{{ $appdata := index $data.apps .Params.SectionHeader.AppIndex }}
<html>
{{- partial "head.html" . -}}
<body>
{{- partial "header.html" . -}}
<div id="content">
{{ partial "section-app-header.html" (dict "Data" .Params.SectionHeader "Site" .Site) }}
<br>
<!-- About section -->
2021-06-14 15:16:22 +00:00
<section id="about-section" class="center content-center padding-container">
<h1>{{ .Params.About.Title }}</h1>
<p>{{ .Params.About.Content | markdownify }}</p>
</section>
<!--<img class="center" src="{{ .Params.About.Screenshot | safeHTMLAttr }}"/>-->
<!-- other sections -->
{{ range .Params.Sections }}
<section class="center content-center columns-container padding-container">
{{ if eq .Type "text|image" }}
2021-06-14 15:16:22 +00:00
<div class="column col2 text-left vertical-center">
{{ .Content | markdownify }}
</div>
<div class="column col2">
<img class="vertical-center fill-width" src="/img/{{ .Image }}.png"/>
</div>
{{ else if eq .Type "image|text" }}
<div class="column col2">
<img class="vertical-center fill-width" src="/img/{{ .Image }}.png"/>
</div>
<div class="column col2 text-left vertical-center">
{{ .Content | markdownify }}
</div>
2021-06-14 15:16:22 +00:00
{{ else if eq .Type "text/image" }}
<div class="column text-center">
{{ .Content | markdownify }}
<img src="/img/{{ .Image }}"/>
</div>
2021-06-14 15:16:22 +00:00
{{ else if eq .Type "text" }}
<div class="column text-center">
{{ .Content | markdownify }}
</div>
{{ end }}
</section>
<br>
{{ end }}
2021-06-14 15:16:22 +00:00
<section id="technical-details-section" class="center content-center padding-container">
<hr>
<h1 class="flex flex-center"><img src="/icons/wrench.svg" class="icon-larger-text" alt=""/>{{ i18n "technicalSheet" }}</h1>
<div class="grid">
<p class="inline column col2">
<img src="/icons/platform/Universal.svg" class="icon-as-text" alt=""/>
{{ i18n "supportedPlatforms" }}&nbsp;{{ partial "platforms.html" $appdata.platforms }}
</p>
<p class="inline column col2">
<img src="/icons/lang.svg" class="icon-as-text" alt=""/>
{{ i18n "translated" }}&nbsp;{{ partial "translations.html" $appdata.translated }}
</p>
<p class="inline column col2">
<img src="/icons/git.svg" class="icon-as-text" alt=""/>
{{ i18n "latestVersion" }}v{{ $appdata.version }}
</p>
<p class="inline column col2">
<img src="/icons/git.svg" class="icon-as-text" alt=""/>
{{ i18n "status" }}{{ $appdata.status }}
</p>
<p class="inline column col2">
<img src="/icons/code.svg" class="icon-as-text" alt=""/>
{{ i18n "programingLanguages" }}{{ delimit $appdata.languages ", " }}
</p>
<p class="inline column col2">
<img src="/icons/frameworks.svg" class="icon-as-text" alt=""/>
{{ i18n "frameworks" }}&nbsp;{{ delimit $appdata.frameworks ", " | markdownify }}
</p>
{{ if $appdata.touchfriendly }}
<p class="inline column col2">
<img src="/icons/touch.svg" class="icon-as-text" alt=""/>
{{ i18n "touchFriendly" }}
</p>
{{ end }}
{{ if $appdata.keyboardoriented }}
<p class="inline column col2">
<img src="/icons/keyboard.svg" class="icon-as-text" alt=""/>
{{ i18n "keyboardOriented" }}
</p>
{{ end }}
2021-06-23 01:18:18 +00:00
<p class="inline column col2">
<img src="/icons/license.svg" class="icon-as-text" alt=""/>
{{ i18n "license" }}&nbsp;{{ $appdata.license | markdownify }}
</p>
2021-06-14 15:16:22 +00:00
</div>
<div class="grid flex-center">&nbsp;
{{ range .Params.Technical.Links }}
<div>
<a href="{{ .URL | safeURL }}" role="button" class="primary" title="{{ .Title }}">
<img src="/icons/{{ .Icon }}.svg" class="icon-as-text" alt="{{ .Icon }}">{{ .Title }}
</a>&nbsp;
</div>
{{ end }}
</div>
2021-06-14 15:16:22 +00:00
</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"><img src="/icons/download.svg" class="icon-larger-text" alt=""/>{{ 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">
<img src="/icons/platform/{{ .Platform }}.svg" class="icon-as-text" alt=""/>{{ .Title }}
</div>
<div class="columns-container padding-container">
{{ $links := index $download.Links .Name }}
{{ range $links }}
<div class="column col{{ len $links | safeHTMLAttr }} col1-fill">
<h3>{{ .Title }}</h3>
2021-06-23 01:18:18 +00:00
<a href="{{ replace .URL "<version>" $appdata.version }}">{{ i18n "download" }} {{ replace .Name "<version>" $appdata.version }}</a>
2021-06-14 15:16:22 +00:00
</div>
{{ end }}
</div>
</div>
{{ end }}
</div>
<p>{{ .Params.Download.Footnote | markdownify }} </p>
</section>
{{ end }}
</div>
{{- partial "footer.html" . -}}
</body>
</html>