Feat: seperate privacy policy for apps and get source code button

config.yaml

@@ -15,4 +15,13 @@ languages:
 markup:
   goldmark:
     renderer:
-      unsafe: true
+      unsafe: true
+
+outputFormats:
+  privacypolicy:
+    baseName: "privacypolicy"
+    isPlainText: false
+    isHTML: true
+    permalinkable: true
+    suffix: "html"
+    mediaType: "text/html"

content/apps/bluerock.md

@@ -9,7 +9,10 @@ links:
     appstore: 'https://apps.apple.com/de/app/bluerock/id1503699996?app=itunes&ign-mpt=uo%3D4'
     opensource: 'https://itsblue.dev/dorian/blueROCK'
 privacyPolicy: "While you're using blueROCK Itsblue Development does not collect any of your personal data.<br>\r\n<br>\r\nHowever, digitalROCK (provider of rankings and resultservice) may collect personal data.  <br>\r\nFurther information can be found in their privacy policy:<br>\r\n<a href=\"https://www.digitalrock.de/?load=kontakt.php%3Fprivacy-policy\" target=\"blank\">https://www.digitalrock.de/?load=kontakt.php%3Fprivacy-policy</a>"
-
+outputs:
+  - html
+  - privacypolicy
+  
 menu:
   main:
     title: blueROCK

content/apps/ledDisplayController.md

@@ -1,12 +1,14 @@
 ---
 title: 'Led Display Controller'
 layout: appitem
-heroClasses: 'overlay-dark text-light hero-tiny'
 imagesDir: images/apps/leddisplaycontroller
 links:
     googleplay: 'https://play.google.com/store/apps/details?id=de.itsblue.LedDisplayController'
     opensource: 'https://itsblue.dev/itsblue-development/LedDisplay'
 privacyPolicy: 'While you are using the Led Display Controller app, Itsblue Development does not collect any of your personal data.'
+outputs:
+  - html
+  - privacypolicy
 
 menu:
   main:

content/apps/scrt.md

@@ -8,7 +8,10 @@ links:
     appstore: 'https://apps.apple.com/de/app/speed-climbing-reactiontrainer/id1527603031'
     opensource: 'https://itsblue.dev/ScStw/reaction-trainer'
 privacyPolicy: 'While you are using the Speed Climbing Reaction Trainer app, Itsblue Development does not collect any of your personal data.'
-
+outputs:
+  - html
+  - privacypolicy
+  
 menu:
   main:
     title: Speed Climbing Reaction Trainer

content/apps/scstw.md

@@ -8,7 +8,10 @@ links:
     appstore: 'https://apps.apple.com/de/app/speed-climbing-stopwatch/id1527590772'
     opensource: 'https://itsblue.dev/scstw/app'
 privacyPolicy: 'While you are using the Speed Climbing Stopwatch app, Itsblue Development does not collect any of your personal data.'
-
+outputs:
+  - html
+  - privacypolicy
+  
 menu:
   main:
     title: Speed Climbing Stopwatch App

themes/quark-hugo/layouts/_default/appitem.html

@@ -18,18 +18,7 @@
       <div id="item" class="column col-12 extra-spacing">
         <div class="content-item h-entry">
 
-          <div class="container">
-            <div class="columns" style="justify-content: center;">
-              {{ with .Params.imagesDir}}
-              <div class="column col-auto" style="display:flex; flex-direction: column; justify-content: center;">
-                <img src="{{ site.BaseURL }}/{{ . }}/favicon.png" style="max-height: calc(5rem);">
-              </div>
-              {{ end }}
-              <div class="column col-auto" style="max-width: 100%; text-align: center;">
-                <h1>{{ .Title }}</h1>
-              </div>
-            </div>
-          </div>
+          {{ partial "iconAndTitle.html" . }}
 
           {{ with .Params.imagesDir }}
           <h3>Screenshots</h3>
@@ -56,22 +45,16 @@
             <a href="{{ . }}" target="blank"><img alt="Get it on Google Play" src="{{site.BaseURL}}/assets/GooglePlay.png"></a><br>
             {{ end }}
             {{ with .Params.links.appstore }}
-            <a href="{{ . }}" target="blank"><img alt="Download on the App Store" src="{{site.BaseURL}}/assets/AppStore.png"></a>
+            <a href="{{ . }}" target="blank"><img alt="Download on the App Store" src="{{site.BaseURL}}/assets/AppStore.png"></a><br>
             {{ end }}
-
             {{ with .Params.links.opensource }}
-            <br><br>
-            <p>
-              This app is open-source!
-              <br>
-              <a href="{{ . }}" target="blank">{{ . }}</a>
-            </p>
+            <a href="{{ . }}" target="blank"><img alt="Download on the App Store" src="{{site.BaseURL}}/assets/GetSourceCode.png"></a><br>
             {{ end }}
             {{ end }}
 
             {{ with .Params.privacyPolicy }}
-            <h3>Privacy Policy</h3>
-            {{ . | safeHTML }}
+            <br>
+            <a href="privacypolicy.html">privacy policy <i class="fa fa-angle-right"></i></a>
             {{ end }}
 
           </div>

themes/quark-hugo/layouts/_default/single.privacypolicy.html

@@ -0,0 +1,14 @@
+{{ define "content" }}
+
+{{ partial "iconAndTitle.html" . }}
+
+{{ with .Params.privacyPolicy }}
+<h3>Privacy Policy</h3>
+{{ . | safeHTML }}
+{{ end }}
+
+<p class="prev-next text-center">
+  <a href="index.html"><i class="fa fa-angle-left"></i> back to overview</a>
+</p>
+
+{{ end }}

themes/quark-hugo/layouts/partials/iconAndTitle.html

@@ -0,0 +1,12 @@
+<div class="container">
+  <div class="columns" style="justify-content: center;">
+    {{ with .Params.imagesDir}}
+    <div class="column col-auto" style="display:flex; flex-direction: column; justify-content: center;">
+      <img src="{{ site.BaseURL }}/{{ . }}/favicon.png" style="max-height: calc(5rem);">
+    </div>
+    {{ end }}
+    <div class="column col-auto" style="max-width: 100%; text-align: center;">
+      <h1>{{ .Title }}</h1>
+    </div>
+  </div>
+</div>

themes/quark-hugo/theme.yaml

@@ -12,4 +12,13 @@ min_version: "0.80.0"
 
 author:
   name: "Dorian Zedler <mail@dorian.im>"
-  homepage: "https://dorian.im"
+  homepage: "https://dorian.im"
+
+outputFormats:
+  privacypolicy:
+    baseName: "privacypolicy"
+    isPlainText: false
+    isHTML: true
+    permalinkable: true
+    suffix: "html"
+    mediaType: "text/html"