omegamma/layouts/_default/app.html

<!DOCTYPE html>
{{ $data := index .Site.Data .Site.Language.Lang }}
{{ $appdata := index $data.apps .Params.SectionHeader.AppIndex }}

<html lang="{{ .Site.Language.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" }}&nbsp;{{ partial "platforms.html" $appdata.platforms }}
                    </p>
                    <p class="inline column col2">
                        <i class="icon-lang icon-as-text" alt=""></i>
                        {{ i18n "translated" }}&nbsp;{{ 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" }}&nbsp;{{ 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" }}&nbsp;{{ $appdata.license | markdownify }}
                    </p>
                </div>
                <div class="grid flex-center">&nbsp;
                    {{ 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="columns-container padding-container">
                            {{ $links := index $download.Links .Name }}
                            {{ range $links }}
                            <div class="column col{{ len $links | safeHTMLAttr }} col1-fill">
                                <h3>{{ .Title }}</h3>
                                <a href="{{ replace .URL "<version>" $appdata.version }}">{{ i18n "download" }} {{ replace .Name "<version>" $appdata.version }}</a>
                            </div>
                            {{ end }}
                        </div>
                    </div>
                    {{ end }}
                </div>
                <p>{{ .Params.Download.Footnote | markdownify }} </p>
            </section>
            {{ end }}
        </div>
        {{- partial "footer.html" . -}}
    </body>
</html>
Layouts reorganisation, moving images, new layout for single app! 2021-06-13 17:49:30 +00:00			`<!DOCTYPE html>`
Continuing pages. 2021-06-14 15:16:22 +00:00			`{{ $data := index .Site.Data .Site.Language.Lang }}`
			`{{ $appdata := index $data.apps .Params.SectionHeader.AppIndex }}`

Porting all CSS to SCSS for easier maintainance, checking on all best practices. 2021-07-13 22:18:53 +00:00			`<html lang="{{ .Site.Language.Lang }}">`
Layouts reorganisation, moving images, new layout for single app! 2021-06-13 17:49:30 +00:00			`{{- partial "head.html" . -}}`
			`<body>`
			`{{- partial "header.html" . -}}`
			`<div id="content">`
			`{{ partial "section-app-header.html" (dict "Data" .Params.SectionHeader "Site" .Site) }}`
			`<br>`
			`<!-- About section -->`
Continuing pages. 2021-06-14 15:16:22 +00:00			`<section id="about-section" class="center content-center padding-container">`
Layouts reorganisation, moving images, new layout for single app! 2021-06-13 17:49:30 +00:00			`<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" }}`
Continuing pages. 2021-06-14 15:16:22 +00:00			`<div class="column col2 text-left vertical-center">`
Layouts reorganisation, moving images, new layout for single app! 2021-06-13 17:49:30 +00:00			`{{ .Content \| markdownify }}`
			`</div>`
			`<div class="column col2">`
More scss file splitting, now using font instead of direct SVG icons to optimize requests. 2021-07-16 22:36:59 +00:00			`<img class="vertical-center fill-width" alt="{{ .Alt }}" src="/img/{{ .Image }}.png" loading="lazy"/>`
Layouts reorganisation, moving images, new layout for single app! 2021-06-13 17:49:30 +00:00			`</div>`
			`{{ else if eq .Type "image\|text" }}`
			`<div class="column col2">`
More scss file splitting, now using font instead of direct SVG icons to optimize requests. 2021-07-16 22:36:59 +00:00			`<img class="vertical-center fill-width" alt="{{ .Alt }}" src="/img/{{ .Image }}.png" loading="lazy"/>`
Layouts reorganisation, moving images, new layout for single app! 2021-06-13 17:49:30 +00:00			`</div>`
			`<div class="column col2 text-left vertical-center">`
			`{{ .Content \| markdownify }}`
			`</div>`
Continuing pages. 2021-06-14 15:16:22 +00:00			`{{ else if eq .Type "text/image" }}`
Layouts reorganisation, moving images, new layout for single app! 2021-06-13 17:49:30 +00:00			`<div class="column text-center">`
			`{{ .Content \| markdownify }}`
More scss file splitting, now using font instead of direct SVG icons to optimize requests. 2021-07-16 22:36:59 +00:00			`<img src="/img/{{ .Image }}.png" alt="{{ .Alt }}" loading="lazy"/>`
Layouts reorganisation, moving images, new layout for single app! 2021-06-13 17:49:30 +00:00			`</div>`
Continuing pages. 2021-06-14 15:16:22 +00:00			`{{ else if eq .Type "text" }}`
			`<div class="column text-center">`
			`{{ .Content \| markdownify }}`
			`</div>`
Layouts reorganisation, moving images, new layout for single app! 2021-06-13 17:49:30 +00:00			`{{ end }}`
			`</section>`
			`<br>`
			`{{ end }}`
Continuing pages. 2021-06-14 15:16:22 +00:00			`<section id="technical-details-section" class="center content-center padding-container">`
			`<hr>`
More scss file splitting, now using font instead of direct SVG icons to optimize requests. 2021-07-16 22:36:59 +00:00			`<h1 class="flex flex-center"><i class="icon-wrench icon-larger-text" alt=""></i>{{ i18n "technicalSheet" }}</h1>`
Continuing pages. 2021-06-14 15:16:22 +00:00			`<div class="grid">`
			`<p class="inline column col2">`
More scss file splitting, now using font instead of direct SVG icons to optimize requests. 2021-07-16 22:36:59 +00:00			`<i class="icon-universal icon-as-text" alt=""></i>`
Continuing pages. 2021-06-14 15:16:22 +00:00			`{{ i18n "supportedPlatforms" }} {{ partial "platforms.html" $appdata.platforms }}`
			`</p>`
			`<p class="inline column col2">`
More scss file splitting, now using font instead of direct SVG icons to optimize requests. 2021-07-16 22:36:59 +00:00			`<i class="icon-lang icon-as-text" alt=""></i>`
Continuing pages. 2021-06-14 15:16:22 +00:00			`{{ i18n "translated" }} {{ partial "translations.html" $appdata.translated }}`
			`</p>`
			`<p class="inline column col2">`
More scss file splitting, now using font instead of direct SVG icons to optimize requests. 2021-07-16 22:36:59 +00:00			`<i class="icon-git icon-as-text" alt=""></i>`
Continuing pages. 2021-06-14 15:16:22 +00:00			`{{ i18n "latestVersion" }}v{{ $appdata.version }}`
			`</p>`
			`<p class="inline column col2">`
More scss file splitting, now using font instead of direct SVG icons to optimize requests. 2021-07-16 22:36:59 +00:00			`<i class="icon-git icon-as-text" alt=""></i>`
Continuing pages. 2021-06-14 15:16:22 +00:00			`{{ i18n "status" }}{{ $appdata.status }}`
			`</p>`
			`<p class="inline column col2">`
More scss file splitting, now using font instead of direct SVG icons to optimize requests. 2021-07-16 22:36:59 +00:00			`<i class="icon-code icon-as-text" alt=""></i>`
Continuing pages. 2021-06-14 15:16:22 +00:00			`{{ i18n "programingLanguages" }}{{ delimit $appdata.languages ", " }}`
			`</p>`
			`<p class="inline column col2">`
More scss file splitting, now using font instead of direct SVG icons to optimize requests. 2021-07-16 22:36:59 +00:00			`<i class="icon-frameworks icon-as-text" alt=""></i>`
Continuing pages. 2021-06-14 15:16:22 +00:00			`{{ i18n "frameworks" }} {{ delimit $appdata.frameworks ", " \| markdownify }}`
			`</p>`
			`{{ if $appdata.touchfriendly }}`
			`<p class="inline column col2">`
More scss file splitting, now using font instead of direct SVG icons to optimize requests. 2021-07-16 22:36:59 +00:00			`<i class="icon-touch icon-as-text" alt=""></i>`
Continuing pages. 2021-06-14 15:16:22 +00:00			`{{ i18n "touchFriendly" }}`
			`</p>`
			`{{ end }}`
			`{{ if $appdata.keyboardoriented }}`
			`<p class="inline column col2">`
More scss file splitting, now using font instead of direct SVG icons to optimize requests. 2021-07-16 22:36:59 +00:00			`<i class="icon-keyboard icon-as-text" alt=""></i>`
Continuing pages. 2021-06-14 15:16:22 +00:00			`{{ i18n "keyboardOriented" }}`
			`</p>`
			`{{ end }}`
Stylistic updates, removing dark menu 2021-06-23 01:18:18 +00:00			`<p class="inline column col2">`
More scss file splitting, now using font instead of direct SVG icons to optimize requests. 2021-07-16 22:36:59 +00:00			`<i class="icon-license icon-as-text" alt=""></i>`
Stylistic updates, removing dark menu 2021-06-23 01:18:18 +00:00			`{{ i18n "license" }} {{ $appdata.license \| markdownify }}`
			`</p>`
Continuing pages. 2021-06-14 15:16:22 +00:00			`</div>`
Integrating header with each page, removing bottom section of section-app-header template, fixing a few bugs 2021-06-18 17:41:15 +00:00			`<div class="grid flex-center"> `
More scss file splitting, now using font instead of direct SVG icons to optimize requests. 2021-07-16 22:36:59 +00:00			`{{ partial "links.html" .Params.Technical.Links }}`
Integrating header with each page, removing bottom section of section-app-header template, fixing a few bugs 2021-06-18 17:41:15 +00:00			`</div>`
Continuing pages. 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>`
More scss file splitting, now using font instead of direct SVG icons to optimize requests. 2021-07-16 22:36:59 +00:00			`<h1 class="flex flex-center"><i class="icon-download icon-larger-text" alt=""></i>{{ i18n "download" }}</h1>`
Continuing pages. 2021-06-14 15:16:22 +00:00			`{{ 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">`
More scss file splitting, now using font instead of direct SVG icons to optimize requests. 2021-07-16 22:36:59 +00:00			`<i class="icon-{{ lower .Platform }} icon-as-text" alt=""></i>{{ .Title }}`
Continuing pages. 2021-06-14 15:16:22 +00:00			`</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>`
Stylistic updates, removing dark menu 2021-06-23 01:18:18 +00:00			`<a href="{{ replace .URL "<version>" $appdata.version }}">{{ i18n "download" }} {{ replace .Name "<version>" $appdata.version }}</a>`
Continuing pages. 2021-06-14 15:16:22 +00:00			`</div>`
			`{{ end }}`
			`</div>`
			`</div>`
			`{{ end }}`
			`</div>`
			`<p>{{ .Params.Download.Footnote \| markdownify }} </p>`
			`</section>`
			`{{ end }}`
Layouts reorganisation, moving images, new layout for single app! 2021-06-13 17:49:30 +00:00			`</div>`
			`{{- partial "footer.html" . -}}`
			`</body>`
			`</html>`