Custom HTML email renderers and new email style (#991)

* Custom HTML email renderers * Move inline_css call * Small fixes * New HTML mail style for pretix * Thumbs * Inlinestyle for notifications * Documentation * Set line-height
2018-08-16 12:01:23 +02:00
parent be3b890e2f
commit 4db4790270
27 changed files with 833 additions and 185 deletions
--- a/src/pretix/static/pretixbase/email/divider.png
+++ b/src/pretix/static/pretixbase/email/divider.png
--- a/src/pretix/static/pretixbase/email/divider.svg
+++ b/src/pretix/static/pretixbase/email/divider.svg
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<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"
+   width="600"
+   height="40"
+   viewBox="0 0 158.75 10.583334"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 2405546, 2018-03-11"
+   sodipodi:docname="divider.svg"
+   inkscape:export-filename="/home/raphael/proj/pretix/src/pretix/static/pretixbase/email/divider.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4"
+     inkscape:cx="270.51214"
+     inkscape:cy="55.592654"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:pagecheckerboard="true"
+     inkscape:window-width="1916"
+     inkscape:window-height="1023"
+     inkscape:window-x="1920"
+     inkscape:window-y="36"
+     inkscape:window-maximized="0" />
+  <metadata
+     id="metadata5">
+    <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>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-286.41665)">
+    <rect
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.27458763;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:4.54917542, 9.09835082000000028;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+       id="rect1448"
+       width="158.75"
+       height="10.583334"
+       x="0"
+       y="286.41666" />
+    <path
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#eeeeee;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4.39300003;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:8.78600006, 17.57200011000000117;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+       d="M 0 17.986328 L 0 22.009766 L 22.455078 22.009766 L 22.455078 17.986328 L 0 17.986328 z M 46.601562 17.986328 L 46.601562 22.009766 L 70.755859 22.009766 L 70.755859 17.986328 L 46.601562 17.986328 z M 94.908203 17.986328 L 94.908203 22.009766 L 119.05469 22.009766 L 119.05469 17.986328 L 94.908203 17.986328 z M 143.20898 17.986328 L 143.20898 22.009766 L 167.36133 22.009766 L 167.36133 17.986328 L 143.20898 17.986328 z M 191.50781 17.986328 L 191.50781 22.009766 L 215.66211 22.009766 L 215.66211 17.986328 L 191.50781 17.986328 z M 239.81641 17.986328 L 239.81641 22.009766 L 263.96094 22.009766 L 263.96094 17.986328 L 239.81641 17.986328 z M 288.11523 17.986328 L 288.11523 22.009766 L 312.26953 22.009766 L 312.26953 17.986328 L 288.11523 17.986328 z M 336.42188 17.986328 L 336.42188 22.009766 L 360.56836 22.009766 L 360.56836 17.986328 L 336.42188 17.986328 z M 384.72266 17.986328 L 384.72266 22.009766 L 408.875 22.009766 L 408.875 17.986328 L 384.72266 17.986328 z M 433.02148 17.986328 L 433.02148 22.009766 L 457.17578 22.009766 L 457.17578 17.986328 L 433.02148 17.986328 z M 481.32812 17.986328 L 481.32812 22.009766 L 505.47461 22.009766 L 505.47461 17.986328 L 481.32812 17.986328 z M 529.62891 17.986328 L 529.62891 22.009766 L 553.78125 22.009766 L 553.78125 17.986328 L 529.62891 17.986328 z M 577.92773 17.986328 L 577.92773 22.009766 L 600 22.009766 L 600 17.986328 L 577.92773 17.986328 z "
+       transform="matrix(0.26458334,0,0,0.26458334,0,286.41665)"
+       id="path1445" />
+  </g>
+</svg>
--- a/src/pretix/static/pretixbase/email/foot.png
+++ b/src/pretix/static/pretixbase/email/foot.png
--- a/src/pretix/static/pretixbase/email/foot.svg
+++ b/src/pretix/static/pretixbase/email/foot.svg
@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<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"
+   width="600"
+   height="60"
+   viewBox="0 0 158.75 15.875001"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 2405546, 2018-03-11"
+   sodipodi:docname="foot.svg"
+   inkscape:export-filename="/home/raphael/proj/pretix/src/pretix/static/pretixbase/email/foot.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.9566667"
+     inkscape:cx="157.92164"
+     inkscape:cy="20.329242"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:pagecheckerboard="true"
+     inkscape:window-width="1916"
+     inkscape:window-height="1005"
+     inkscape:window-x="1920"
+     inkscape:window-y="54"
+     inkscape:window-maximized="0" />
+  <metadata
+     id="metadata5">
+    <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 />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-281.12498)">
+    <rect
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.78578949;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:5.57157912, 11.14315822;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+       id="rect1448"
+       width="158.75"
+       height="15.875001"
+       x="-158.75"
+       y="281.12497"
+       transform="scale(-1,1)" />
+    <path
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#eeeeee;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.3798275;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:10.75965491, 21.5193097;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+       d="M 300 6.15625 A 53.790624 53.790643 0 0 0 246.20703 59.949219 A 53.790624 53.790643 0 0 0 246.21094 60 L 353.78906 60 A 53.790624 53.790643 0 0 0 353.79297 59.949219 A 53.790624 53.790643 0 0 0 300 6.15625 z "
+       transform="matrix(0.26458334,0,0,0.26458334,0,281.12498)"
+       id="path1417" />
+  </g>
+</svg>
--- a/src/pretix/static/pretixbase/email/head.png
+++ b/src/pretix/static/pretixbase/email/head.png
--- a/src/pretix/static/pretixbase/email/head.svg
+++ b/src/pretix/static/pretixbase/email/head.svg
@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<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"
+   width="600"
+   height="60"
+   viewBox="0 0 158.75 15.875001"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 2405546, 2018-03-11"
+   sodipodi:docname="head.svg"
+   inkscape:export-filename="/home/raphael/proj/pretix/src/pretix/static/pretixbase/email/head.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.9566667"
+     inkscape:cx="300"
+     inkscape:cy="20.329242"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:pagecheckerboard="true"
+     inkscape:window-width="1916"
+     inkscape:window-height="1023"
+     inkscape:window-x="1920"
+     inkscape:window-y="36"
+     inkscape:window-maximized="0" />
+  <metadata
+     id="metadata5">
+    <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>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-281.12498)">
+    <rect
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.78578949;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:5.57157912, 11.14315822;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+       id="rect1448"
+       width="158.75"
+       height="15.875001"
+       x="-158.75"
+       y="281.125"
+       transform="scale(-1,1)" />
+    <path
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#eeeeee;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.42341268;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:2.84682543, 5.69365083;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+       d="m 79.375002,295.3711 a 14.232103,14.232108 0 0 1 -14.232724,-14.23272 14.232103,14.232108 0 0 1 10e-4,-0.0134 h 28.463378 a 14.232103,14.232108 0 0 1 0.001,0.0134 14.232103,14.232108 0 0 1 -14.232724,14.23272 z"
+       id="path1417"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
--- a/src/pretix/static/pretixbase/email/thumb.png
+++ b/src/pretix/static/pretixbase/email/thumb.png