wip web print template

4 years ago · 10abd469bc
parent a93197aba8
commit 10abd469bc
3 changed files with 97 additions and 24 deletions
--- a/themes/cookbook/layouts/_default/baseof.print.html
+++ b/themes/cookbook/layouts/_default/baseof.print.html
@ -3,18 +3,104 @@
 {{- partial "printhead.html" . -}}
 <body>
 <style>
-  @font-face {
+/* nunito-300 - latin */
+@font-face {
  font-family: 'Nunito';
-  src: url('../../Nunito.woff2') format('woff2');
+  font-style: normal;
+  font-weight: 300;
+  src: local(''),
+       url('../../fonts/nunito-v16-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('../../fonts/nunito-v16-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* nunito-regular - latin */
+@font-face {
+  font-family: 'Nunito';
+  font-style: normal;
+  font-weight: 400;
+  src: local(''),
+       url('../../fonts/nunito-v16-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('../../fonts/nunito-v16-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* nunito-300italic - latin */
+@font-face {
+  font-family: 'Nunito';
+  font-style: italic;
+  font-weight: 300;
+  src: local(''),
+       url('../../fonts/nunito-v16-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('../../fonts/nunito-v16-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* nunito-italic - latin */
+@font-face {
+  font-family: 'Nunito';
+  font-style: italic;
+  font-weight: 400;
+  src: local(''),
+       url('../../fonts/nunito-v16-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('../../fonts/nunito-v16-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* nunito-600italic - latin */
+@font-face {
+  font-family: 'Nunito';
+  font-style: italic;
+  font-weight: 600;
+  src: local(''),
+       url('../../fonts/nunito-v16-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('../../fonts/nunito-v16-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* nunito-700 - latin */
+@font-face {
+  font-family: 'Nunito';
+  font-style: normal;
+  font-weight: 700;
+  src: local(''),
+       url('../../fonts/nunito-v16-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('../../fonts/nunito-v16-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* nunito-600 - latin */
+@font-face {
+  font-family: 'Nunito';
+  font-style: normal;
+  font-weight: 600;
+  src: local(''),
+       url('../../fonts/nunito-v16-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('../../fonts/nunito-v16-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* nunito-700italic - latin */
+@font-face {
+  font-family: 'Nunito';
+  font-style: italic;
+  font-weight: 700;
+  src: local(''),
+       url('../../fonts/nunito-v16-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('../../fonts/nunito-v16-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
 }
  body {
    font-family: 'Nunito';
  }
  h1 {
    font-size: 1.7em;
+    font-weight: bold;
  }
  h2 {
-    font-size: 1.5em;
+    font-size: 1.4em;
+    font-weight: bold;
+  }
+  h4 {
+    font-weight: bold;
+  }
+  .recipe-end {
+    text-align: right;
+  }
+  .recipe-end-icon {
+    height: 3rem;
  }
 </style>
 <div class="section">
@ -35,6 +121,7 @@
                <div class="content">
                    {{ .Content }}
                </div>
+		<div class="recipe-end"><img class="recipe-end-icon" src="../../icon-onigiri.png"></div>
            </div>
        </div>
    </div>
--- a/themes/cookbook/layouts/partials/printstatstable.html
+++ b/themes/cookbook/layouts/partials/printstatstable.html
@ -1,28 +1,14 @@
 <div class="columns">
-    <div class="column" style="border-right: 1px solid #dbdbdb; padding: 0px;">
+    <div class="column" style="border-right: 1px solid #dbdbdb;">
        <div></div>
-        <p class="has-text-weight-bold">Servings</p>
+        <p class="has-text-weight-bold">Portionen</p>
        <div></div>
-        {{ .Params.Servings | default "---"}} Servings
+        {{ .Params.Servings | default "---"}}
    </div>
-    <div class="column" style="border-right: 1px solid #dbdbdb; padding: 0px;">
+    <div class="column">
        <div></div>
-        <p class="has-text-weight-bold">Prep time</p>
+        <p class="has-text-weight-bold">Wartezeiten</p>
        <div></div>
-        {{ .Params.Prep_time | default "---"}} Minutes
-    </div>
-    <div class="column" style="border-right: 1px solid #dbdbdb; padding: 0px;">
-        <div></div>
-        {{ if .Params.Cook }}
-            <p class="has-text-weight-bold is-size-6">Cooking Time</p>
-        {{ else }}
-            <p class="has-text-weight-bold is-size-6">Cooling Time</p>
-        {{ end }}
-        <div></div>
-        {{ if eq .Params.Cook_increment "hours" }}
-            {{ .Params.Cook_time | default "---"}} Hours
-        {{ else }}
-            {{ .Params.Cook_time | default "---"}} Minutes
-        {{ end }}
+        {{ .Params.Prep_time | default "---"}}
    </div>
 </div>
--- a/themes/cookbook/static/css/bulma.min.css
+++ b/themes/cookbook/static/css/bulma.min.css