feat(template): add ch-cross

report/assets/ch-cross.svg

@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 20.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Ebene_2"
+   x="0px"
+   y="0px"
+   viewBox="0 0 128 128"
+   xml:space="preserve"
+   sodipodi:docname="ch-cross.svg"
+   width="128"
+   height="128"
+   inkscape:export-filename="/home/irvin/Work/repos/swiss-qr-invoice/assets/raw/ch-cross.png"
+   inkscape:export-xdpi="232.22856"
+   inkscape:export-ydpi="232.22856"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   style="shape-rendering:crispEdges"><metadata
+   id="metadata17"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs15" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="1668"
+   inkscape:window-height="1021"
+   id="namedview13"
+   showgrid="false"
+   inkscape:document-units="px"
+   units="px"
+   inkscape:zoom="2.8284271"
+   inkscape:cx="-38.018193"
+   inkscape:cy="61.405051"
+   inkscape:window-x="0"
+   inkscape:window-y="31"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Ebene_2"><inkscape:grid
+     type="xygrid"
+     id="grid916" /></sodipodi:namedview>
+<style
+   type="text/css"
+   id="style2">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:none;stroke:#FFFFFF;stroke-width:1.4357;stroke-miterlimit:10;}
+</style>
+
+
+
+<g
+   id="g4736"
+   transform="matrix(4.8380969,0,0,4.8380389,-1.9834927e-5,9.0008541e-4)"><polygon
+     transform="matrix(1.3598365,0,0,1.3598365,-0.23403522,-0.23403522)"
+     style="fill:#000000;fill-opacity:1;stroke-width:0.73538256"
+     id="polygon4"
+     points="0.7,0.7 0.7,1.6 0.7,18.3 0.7,19.1 1.6,19.1 18.3,19.1 19.1,19.1 19.1,18.3 19.1,1.6 19.1,0.7 18.3,0.7 1.6,0.7 " /><rect
+     style="fill:#ffffff;fill-opacity:1;stroke-width:1"
+     id="rect6"
+     height="14.958201"
+     width="4.4874606"
+     class="st0"
+     y="5.2231627"
+     x="11.034758" /><rect
+     style="fill:#fffff9;fill-opacity:1;stroke-width:1"
+     id="rect8"
+     height="4.4874606"
+     width="14.958201"
+     class="st0"
+     y="10.526525"
+     x="5.7313952" /><polygon
+     transform="matrix(1.3598207,0,0,1.3598361,-0.2338788,-0.23403126)"
+     style="fill:none;stroke:#ffffff;stroke-width:1.05601561;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+     id="polygon10"
+     points="1.6,0.7 0.7,0.7 0.7,1.6 0.7,18.3 0.7,19.1 1.6,19.1 18.3,19.1 19.1,19.1 19.1,18.3 19.1,1.6 19.1,0.7 18.3,0.7 "
+     class="st1" /></g>
+</svg>

report/assets/style.css

@@ -103,11 +103,23 @@ footer {
     flex-direction: column;
     justify-content: space-between;
 
-    img {
+    .qr-section-img {
+      position: relative;
       width: 100%;
+      img {
+        width: 100%;
+      }
+      svg {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        z-index: 1;
+        width: 40px;
+      }
     }
 
-    div {
+    .qr-section-info {
       display: grid;
       grid-template-columns: 1fr 1fr;
       grid-template-rows: 1fr 1fr;

report/assets/template.html

@@ -78,8 +78,12 @@
       <article class="qr-section">
         <div class="qr-code">
           <!-- Replace with your QR code image or generated SVG -->
-          <image src="{{ .QRInvoice }}"></image>
+          <div class="qr-section-img">
-          <div>
+            <image src="{{ .QRInvoice }}"></image>
+            {{ .ChCross }}
+          </div>
+
+          <div class="qr-section-info">
             <h4>Währung</h4>
             <h4>Betrag</h4>
             <p>CHF</p>

report/template.go

@@ -10,12 +10,19 @@ import (
 	"time"
 )
 
-//go:embed template.html
+//go:embed assets/template.html
 var htmlTemplate string
 
-//go:embed style.css
+//go:embed assets/style.css
 var style template.CSS
 
+//go:embed assets/ch-cross.svg
+var chCross template.HTML
+
+func (r Report) ChCross() template.HTML {
+	return chCross
+}
+
 func (r Report) ToHTML() string {
 	tmpl := template.Must(
 		template.New("report").Funcs(template.FuncMap{