Initial commit

This commit is contained in:
2025-10-02 08:54:03 +02:00
commit ea54638227
1642 changed files with 53677 additions and 0 deletions

View File

@@ -0,0 +1,61 @@
<!doctype html>
<html>
<head>
<title>{{formTitle}}</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
color: #333;
margin: 0;
padding: 20px;
}
.container {
background-color: white;
border-radius: 8px;
padding: 20px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
max-width: 500px;
margin: 0 auto;
}
h2,
h3 {
color: #444;
}
p {
margin-bottom: 10px;
line-height: 1.6;
}
.row-content > p {
margin-right: 10px;
display: inline-block;
}
</style>
</head>
<body>
<div class="container">
<h2>Hallo Allkids,</h2>
<p>Sie haben eine neue {{formTitle}} erhalten! Hier sind die Details der Anfrage:</p>
{% for row in formularRows %}
<h3>{{row.0}}:</h3>
<div class="row-content">
{% for field in row.1 %} {% if field.0 == "" || field.1.2 %}
<p>{{field.1.0}}</p>
{% else %} {% if field.1.1 %}<br />
<p class="">{{field.1.0}}</p>
{% else %}
<p><strong>{{field.0}}:</strong> {{field.1.0}}</p>
{% endif %} {% endif %} {% endfor %}
</div>
{% endfor %}
<p>
Bitte nehmen Sie Kontakt mit dem Interessenten auf, um die {{formTitle}} zu besprechen und weitere
Schritte zu planen.
</p>
<p>Mit freundlichen Grüßen,<br />Ihre Webmakers!</p>
</div>
</body>
</html>

View File

@@ -0,0 +1,8 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<body>
<h1>Neue Bewertung</h1>
<label>Tibi Admin Link:</label>
<a href="{{config.tibiUrl}}{{context.data.tibiLink}}" target="_blank"> hier Klicken </a><br />
</body>
</html>

View File

@@ -0,0 +1 @@
BKDF: Neue Bewertung eingetroffen.

View File

@@ -0,0 +1,456 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml"
lang="en"
xml:lang="en"
>
<head>
<meta
http-equiv="Content-Type"
content="text/html; charset=utf-8"
/>
<meta
name="viewport"
content="width=device-width"
/>
<style type="text/css">
@media only screen {
html {
background: #fff;
min-height: 100%;
}
}
body,
table,
tr,
td,
th,
div,
h1,
p,
img {
margin: 0;
margin: 0;
padding: 0;
}
body {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-width: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
width: 100%;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
td,
th {
border-collapse: collapse;
}
h1,
p,
a,
span,
img {
color: #f3eed9;
font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-weight: 400;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
line-height: 1.57143;
word-wrap: break-word;
}
h1 {
font-size: 28px;
font-weight: 500;
line-height: 1.21429;
}
h1:not(:last-child),
p:not(:last-child) {
margin: 0 0 32px;
margin: 0 0 32px;
}
a {
color: #d1e7e0;
display: inline-block;
text-decoration: none;
}
strong {
font-weight: 600;
}
img {
border: none;
display: block;
outline: 0;
text-align: center;
max-width: 100%;
max-height: 100%;
}
hr {
border: none;
border-bottom: 1px solid #eceaea;
}
.preheader {
display: none;
font-size: 1px;
line-height: 1px;
max-height: 0;
max-width: 0;
mso-hide: all;
opacity: 0;
overflow: hidden;
visibility: hidden;
}
.body {
background: #0d0c0c;
height: 100%;
}
.body > tr > td {
text-align: center;
}
.container,
.column {
margin: 0 auto;
margin: 0 auto;
width: 544px;
}
.column td,
.column th {
text-align: left;
vertical-align: top;
}
.column--md-9 {
width: 75%;
}
.column--md-3 {
width: 25%;
}
.expander {
padding: 0 !important;
visibility: hidden;
width: 0;
}
.spacer--16 td {
font-size: 16px;
height: 16px;
line-height: 16px;
}
.spacer--24 td {
font-size: 24px;
height: 24px;
line-height: 24px;
}
.spacer--32 td {
font-size: 32px;
height: 32px;
line-height: 32px;
}
.spacer--40 td {
font-size: 40px;
height: 40px;
line-height: 40px;
}
.delimiter th {
vertical-align: middle;
}
.delimiter__image,
.delimiter__image-block {
width: 48px;
}
.logo td {
padding: 24px 0;
}
.logo a {
color: #f3eed9;
display: block;
text-align: center;
}
.logo img {
color: #f3eed9;
text-decoration: none;
margin: 0 auto;
}
.logo span {
color: #f3eed9;
font-size: 36px;
font-weight: 600;
}
.store p {
margin: 0;
margin: 0;
}
.store a {
color: #d1e7e0;
font-size: 12px;
}
.store-button a {
border: 1px solid #d1e7e0;
border-radius: 4px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #d1e7e0;
padding: 3px 15px;
text-align: center;
white-space: nowrap;
width: 100%;
}
@media only screen and (max-width: 599px) {
img {
height: auto !important;
width: auto !important;
}
.container {
width: 100% !important;
}
.column {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: auto !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
.column--xs-12 {
display: inline-block !important;
width: 100% !important;
}
.delimiter__image {
width: 48px !important;
}
.store th {
padding-bottom: 16px !important;
}
.store p {
text-align: center !important;
}
.store-button a {
margin-left: auto !important;
margin-right: auto !important;
}
}
</style>
</head>
<body>
<span class="preheader"></span>
<table class="body">
<tr>
<td>
<table class="spacer spacer--16">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<table class="container">
<tr>
<td>
<table class="row">
<tr>
<th class="column">
<table class="logo">
<tr>
<th>
<a
href="{{store.frontendBase}}"
target="_blank"
>
<img
src="{{store.logo}}"
alt="BinKrassDuFass"
/>
</a>
</th>
<th class="expander"></th>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table class="spacer spacer--40">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<table class="container">
<tr>
<td>
<table class="row">
<tr>
<th class="column">
<table>
<tr>
<th>
<h1>Deine Widerrufsanfrage ist eingegangen.</h1>
<p>
Hallo, deine Anfrage für den Widerruf ist bei uns
eingegangen. Wir werden diese innerhalb weniger Tage prüfen
und dann in deinem Konto einen Versandschein zur Verfügung
stellen. Bitte prüfe regelmäßig den Status deiner Retoure.
</p>
</th>
<th class="expander"></th>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table class="spacer spacer--40">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<table class="container">
<tr>
<td>
<table class="row">
<tr>
<th class="column">
<table>
<tr>
<th>
<table class="delimiter">
<tr>
<th>
<hr />
</th>
<th>
<hr />
</th>
</tr>
</table>
</th>
<th class="expander"></th>
</tr>
</table>
</th>
</tr>
</table>
<table class="spacer spacer--24">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<table class="row">
<tr>
<th class="column column--md-9 column--xs-12">
<table class="store">
<tr>
<th>
<p>
<strong>BinKrassDuFass</strong>
</p>
<p>
<a
href="{{store.frontendBase}}"
target="_blank"
>{{store.frontendBase}}</a
>
</p>
</th>
<th class="expander"></th>
</tr>
</table>
</th>
<th class="column column--md-3 column--xs-12">
<table class="store-button">
<tr>
<th>
<a href="{{store.frontendBase}}">
<strong>Shoppen</strong>
</a>
</th>
<th class="expander"></th>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table class="spacer spacer--16">
<tr>
<td>&nbsp;</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- prevent Gmail on iOS font size manipulation -->
<div style="display: none; white-space: nowrap; font: 15px courier; line-height: 0"></div>
</body>
</html>

View File

@@ -0,0 +1,454 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml"
lang="en"
xml:lang="en"
>
<head>
<meta
http-equiv="Content-Type"
content="text/html; charset=utf-8"
/>
<meta
name="viewport"
content="width=device-width"
/>
<style type="text/css">
@media only screen {
html {
background: #fff;
min-height: 100%;
}
}
body,
table,
tr,
td,
th,
div,
h1,
p,
img {
margin: 0;
margin: 0;
padding: 0;
}
body {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-width: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
width: 100%;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
td,
th {
border-collapse: collapse;
}
h1,
p,
a,
span,
img {
color: #f3eed9;
font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-weight: 400;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
line-height: 1.57143;
word-wrap: break-word;
}
h1 {
font-size: 28px;
font-weight: 500;
line-height: 1.21429;
}
h1:not(:last-child),
p:not(:last-child) {
margin: 0 0 32px;
margin: 0 0 32px;
}
a {
color: #d1e7e0;
display: inline-block;
text-decoration: none;
}
strong {
font-weight: 600;
}
img {
border: none;
display: block;
outline: 0;
text-align: center;
max-width: 100%;
max-height: 100%;
}
hr {
border: none;
border-bottom: 1px solid #eceaea;
}
.preheader {
display: none;
font-size: 1px;
line-height: 1px;
max-height: 0;
max-width: 0;
mso-hide: all;
opacity: 0;
overflow: hidden;
visibility: hidden;
}
.body {
background: #0d0c0c;
height: 100%;
}
.body > tr > td {
text-align: center;
}
.container,
.column {
margin: 0 auto;
margin: 0 auto;
width: 544px;
}
.column td,
.column th {
text-align: left;
vertical-align: top;
}
.column--md-9 {
width: 75%;
}
.column--md-3 {
width: 25%;
}
.expander {
padding: 0 !important;
visibility: hidden;
width: 0;
}
.spacer--16 td {
font-size: 16px;
height: 16px;
line-height: 16px;
}
.spacer--24 td {
font-size: 24px;
height: 24px;
line-height: 24px;
}
.spacer--32 td {
font-size: 32px;
height: 32px;
line-height: 32px;
}
.spacer--40 td {
font-size: 40px;
height: 40px;
line-height: 40px;
}
.delimiter th {
vertical-align: middle;
}
.delimiter__image,
.delimiter__image-block {
width: 48px;
}
.logo td {
padding: 24px 0;
}
.logo a {
color: #f3eed9;
display: block;
text-align: center;
}
.logo img {
color: #f3eed9;
text-decoration: none;
margin: 0 auto;
}
.logo span {
color: #f3eed9;
font-size: 36px;
font-weight: 600;
}
.store p {
margin: 0;
margin: 0;
}
.store a {
color: #d1e7e0;
font-size: 12px;
}
.store-button a {
border: 1px solid #d1e7e0;
border-radius: 4px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #d1e7e0;
padding: 3px 15px;
text-align: center;
white-space: nowrap;
width: 100%;
}
@media only screen and (max-width: 599px) {
img {
height: auto !important;
width: auto !important;
}
.container {
width: 100% !important;
}
.column {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: auto !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
.column--xs-12 {
display: inline-block !important;
width: 100% !important;
}
.delimiter__image {
width: 48px !important;
}
.store th {
padding-bottom: 16px !important;
}
.store p {
text-align: center !important;
}
.store-button a {
margin-left: auto !important;
margin-right: auto !important;
}
}
</style>
</head>
<body>
<span class="preheader"></span>
<table class="body">
<tr>
<td>
<table class="spacer spacer--16">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<table class="container">
<tr>
<td>
<table class="row">
<tr>
<th class="column">
<table class="logo">
<tr>
<th>
<a
href="{{store.frontendBase}}"
target="_blank"
>
<img
src="{{store.logo}}"
alt="BinKrassDuFass"
/>
</a>
</th>
<th class="expander"></th>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table class="spacer spacer--40">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<table class="container">
<tr>
<td>
<table class="row">
<tr>
<th class="column">
<table>
<tr>
<th>
<h1>Deine Widerrufsanfrage wurde zurückgezogen.</h1>
<p>
Hallo, deine Widerrufsanfrage wurde erfolgreich
zurückgezogen.
</p>
</th>
<th class="expander"></th>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table class="spacer spacer--40">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<table class="container">
<tr>
<td>
<table class="row">
<tr>
<th class="column">
<table>
<tr>
<th>
<table class="delimiter">
<tr>
<th>
<hr />
</th>
<th>
<hr />
</th>
</tr>
</table>
</th>
<th class="expander"></th>
</tr>
</table>
</th>
</tr>
</table>
<table class="spacer spacer--24">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<table class="row">
<tr>
<th class="column column--md-9 column--xs-12">
<table class="store">
<tr>
<th>
<p>
<strong>BinKrassDuFass</strong>
</p>
<p>
<a
href="{{store.frontendBase}}"
target="_blank"
>{{store.frontendBase}}</a
>
</p>
</th>
<th class="expander"></th>
</tr>
</table>
</th>
<th class="column column--md-3 column--xs-12">
<table class="store-button">
<tr>
<th>
<a href="{{store.frontendBase}}">
<strong>Shoppen</strong>
</a>
</th>
<th class="expander"></th>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table class="spacer spacer--16">
<tr>
<td>&nbsp;</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- prevent Gmail on iOS font size manipulation -->
<div style="display: none; white-space: nowrap; font: 15px courier; line-height: 0"></div>
</body>
</html>

View File

@@ -0,0 +1,456 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml"
lang="en"
xml:lang="en"
>
<head>
<meta
http-equiv="Content-Type"
content="text/html; charset=utf-8"
/>
<meta
name="viewport"
content="width=device-width"
/>
<style type="text/css">
@media only screen {
html {
background: #fff;
min-height: 100%;
}
}
body,
table,
tr,
td,
th,
div,
h1,
p,
img {
margin: 0;
margin: 0;
padding: 0;
}
body {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-width: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
width: 100%;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
td,
th {
border-collapse: collapse;
}
h1,
p,
a,
span,
img {
color: #f3eed9;
font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-weight: 400;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
line-height: 1.57143;
word-wrap: break-word;
}
h1 {
font-size: 28px;
font-weight: 500;
line-height: 1.21429;
}
h1:not(:last-child),
p:not(:last-child) {
margin: 0 0 32px;
margin: 0 0 32px;
}
a {
color: #d1e7e0;
display: inline-block;
text-decoration: none;
}
strong {
font-weight: 600;
}
img {
border: none;
display: block;
outline: 0;
text-align: center;
max-width: 100%;
max-height: 100%;
}
hr {
border: none;
border-bottom: 1px solid #eceaea;
}
.preheader {
display: none;
font-size: 1px;
line-height: 1px;
max-height: 0;
max-width: 0;
mso-hide: all;
opacity: 0;
overflow: hidden;
visibility: hidden;
}
.body {
background: #0d0c0c;
height: 100%;
}
.body > tr > td {
text-align: center;
}
.container,
.column {
margin: 0 auto;
margin: 0 auto;
width: 544px;
}
.column td,
.column th {
text-align: left;
vertical-align: top;
}
.column--md-9 {
width: 75%;
}
.column--md-3 {
width: 25%;
}
.expander {
padding: 0 !important;
visibility: hidden;
width: 0;
}
.spacer--16 td {
font-size: 16px;
height: 16px;
line-height: 16px;
}
.spacer--24 td {
font-size: 24px;
height: 24px;
line-height: 24px;
}
.spacer--32 td {
font-size: 32px;
height: 32px;
line-height: 32px;
}
.spacer--40 td {
font-size: 40px;
height: 40px;
line-height: 40px;
}
.delimiter th {
vertical-align: middle;
}
.delimiter__image,
.delimiter__image-block {
width: 48px;
}
.logo td {
padding: 24px 0;
}
.logo a {
color: #f3eed9;
display: block;
text-align: center;
}
.logo img {
color: #f3eed9;
text-decoration: none;
margin: 0 auto;
}
.logo span {
color: #f3eed9;
font-size: 36px;
font-weight: 600;
}
.store p {
margin: 0;
margin: 0;
}
.store a {
color: #d1e7e0;
font-size: 12px;
}
.store-button a {
border: 1px solid #d1e7e0;
border-radius: 4px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #d1e7e0;
padding: 3px 15px;
text-align: center;
white-space: nowrap;
width: 100%;
}
@media only screen and (max-width: 599px) {
img {
height: auto !important;
width: auto !important;
}
.container {
width: 100% !important;
}
.column {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: auto !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
.column--xs-12 {
display: inline-block !important;
width: 100% !important;
}
.delimiter__image {
width: 48px !important;
}
.store th {
padding-bottom: 16px !important;
}
.store p {
text-align: center !important;
}
.store-button a {
margin-left: auto !important;
margin-right: auto !important;
}
}
</style>
</head>
<body>
<span class="preheader"></span>
<table class="body">
<tr>
<td>
<table class="spacer spacer--16">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<table class="container">
<tr>
<td>
<table class="row">
<tr>
<th class="column">
<table class="logo">
<tr>
<th>
<a
href="{{store.frontendBase}}"
target="_blank"
>
<img
src="{{store.logo}}"
alt="BinKrassDuFass"
/>
</a>
</th>
<th class="expander"></th>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table class="spacer spacer--40">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<table class="container">
<tr>
<td>
<table class="row">
<tr>
<th class="column">
<table>
<tr>
<th>
<h1>Deine Bestellung wurde erfolgreich widerrufen.</h1>
<p>
Hallo, deine Bestellung wurde erfolgreich widerrufen. Wir
haben deine Bestellung storniert und der Betrag wird dir in
Kürze auf dein ursprüngliches Zahlungsmittel
zurückerstattet.
</p>
</th>
<th class="expander"></th>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table class="spacer spacer--40">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<table class="container">
<tr>
<td>
<table class="row">
<tr>
<th class="column">
<table>
<tr>
<th>
<table class="delimiter">
<tr>
<th>
<hr />
</th>
<th>
<hr />
</th>
</tr>
</table>
</th>
<th class="expander"></th>
</tr>
</table>
</th>
</tr>
</table>
<table class="spacer spacer--24">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<table class="row">
<tr>
<th class="column column--md-9 column--xs-12">
<table class="store">
<tr>
<th>
<p>
<strong>BinKrassDuFass</strong>
</p>
<p>
<a
href="{{store.frontendBase}}"
target="_blank"
>{{store.frontendBase}}</a
>
</p>
</th>
<th class="expander"></th>
</tr>
</table>
</th>
<th class="column column--md-3 column--xs-12">
<table class="store-button">
<tr>
<th>
<a href="{{store.frontendBase}}">
<strong>Shoppen</strong>
</a>
</th>
<th class="expander"></th>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table class="spacer spacer--16">
<tr>
<td>&nbsp;</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- prevent Gmail on iOS font size manipulation -->
<div style="display: none; white-space: nowrap; font: 15px courier; line-height: 0"></div>
</body>
</html>

View File

@@ -0,0 +1,459 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml"
lang="en"
xml:lang="en"
>
<head>
<meta
http-equiv="Content-Type"
content="text/html; charset=utf-8"
/>
<meta
name="viewport"
content="width=device-width"
/>
<style type="text/css">
@media only screen {
html {
background: #fff;
min-height: 100%;
}
}
body,
table,
tr,
td,
th,
div,
h1,
p,
img {
margin: 0;
margin: 0;
padding: 0;
}
body {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-width: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
width: 100%;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
td,
th {
border-collapse: collapse;
}
h1,
p,
a,
span,
img {
color: #f3eed9;
font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-weight: 400;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
line-height: 1.57143;
word-wrap: break-word;
}
h1 {
font-size: 28px;
font-weight: 500;
line-height: 1.21429;
}
h1:not(:last-child),
p:not(:last-child) {
margin: 0 0 32px;
margin: 0 0 32px;
}
a {
color: #d1e7e0;
display: inline-block;
text-decoration: none;
}
strong {
font-weight: 600;
}
img {
border: none;
display: block;
outline: 0;
text-align: center;
max-width: 100%;
max-height: 100%;
}
hr {
border: none;
border-bottom: 1px solid #eceaea;
}
.preheader {
display: none;
font-size: 1px;
line-height: 1px;
max-height: 0;
max-width: 0;
mso-hide: all;
opacity: 0;
overflow: hidden;
visibility: hidden;
}
.body {
background: #0d0c0c;
height: 100%;
}
.body > tr > td {
text-align: center;
}
.container,
.column {
margin: 0 auto;
margin: 0 auto;
width: 544px;
}
.column td,
.column th {
text-align: left;
vertical-align: top;
}
.column--md-9 {
width: 75%;
}
.column--md-3 {
width: 25%;
}
.expander {
padding: 0 !important;
visibility: hidden;
width: 0;
}
.spacer--16 td {
font-size: 16px;
height: 16px;
line-height: 16px;
}
.spacer--24 td {
font-size: 24px;
height: 24px;
line-height: 24px;
}
.spacer--32 td {
font-size: 32px;
height: 32px;
line-height: 32px;
}
.spacer--40 td {
font-size: 40px;
height: 40px;
line-height: 40px;
}
.delimiter th {
vertical-align: middle;
}
.delimiter__image,
.delimiter__image-block {
width: 48px;
}
.logo td {
padding: 24px 0;
}
.logo a {
color: #f3eed9;
display: block;
text-align: center;
}
.logo img {
color: #f3eed9;
text-decoration: none;
margin: 0 auto;
}
.logo span {
color: #f3eed9;
font-size: 36px;
font-weight: 600;
}
.store p {
margin: 0;
margin: 0;
}
.store a {
color: #d1e7e0;
font-size: 12px;
}
.store-button a {
border: 1px solid #d1e7e0;
border-radius: 4px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #d1e7e0;
padding: 3px 15px;
text-align: center;
white-space: nowrap;
width: 100%;
}
@media only screen and (max-width: 599px) {
img {
height: auto !important;
width: auto !important;
}
.container {
width: 100% !important;
}
.column {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: auto !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
.column--xs-12 {
display: inline-block !important;
width: 100% !important;
}
.delimiter__image {
width: 48px !important;
}
.store th {
padding-bottom: 16px !important;
}
.store p {
text-align: center !important;
}
.store-button a {
margin-left: auto !important;
margin-right: auto !important;
}
}
</style>
</head>
<body>
<span class="preheader"></span>
<table class="body">
<tr>
<td>
<table class="spacer spacer--16">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<table class="container">
<tr>
<td>
<table class="row">
<tr>
<th class="column">
<table class="logo">
<tr>
<th>
<a
href="{{store.frontendBase}}"
target="_blank"
>
<img
src="{{store.logo}}"
alt="BinKrassDuFass"
/>
</a>
</th>
<th class="expander"></th>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table class="spacer spacer--40">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<table class="container">
<tr>
<td>
<table class="row">
<tr>
<th class="column">
<table>
<tr>
<th>
<h1>Dein Code zum ändern des Passworts</h1>
<p>
Hallo, du hast dein Passwort vergessen und möchtest es
zurücksetzen? Dann Clicke hier:
<a href="{{store.pwReset}}">Passwort Zurüksetzen</a>
Solltest du dein Passwort nicht zurücksetzen wollen,
ignoriere diese E-Mail einfach. Dein Account ist weiterhin
sicher.
</p>
</th>
<th class="expander"></th>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table class="spacer spacer--40">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<table class="container">
<tr>
<td>
<table class="row">
<tr>
<th class="column">
<table>
<tr>
<th>
<table class="delimiter">
<tr>
<th>
<hr />
</th>
<th>
<hr />
</th>
</tr>
</table>
</th>
<th class="expander"></th>
</tr>
</table>
</th>
</tr>
</table>
<table class="spacer spacer--24">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<table class="row">
<tr>
<th class="column column--md-9 column--xs-12">
<table class="store">
<tr>
<th>
<p>
<strong>BinKrassDuFass</strong>
</p>
<p>
<a
href="{{store.frontendBase}}"
target="_blank"
>{{store.frontendBase}}</a
>
</p>
</th>
<th class="expander"></th>
</tr>
</table>
</th>
<th class="column column--md-3 column--xs-12">
<table class="store-button">
<tr>
<th>
<a href="{{store.frontendBase}}">
<strong>Shoppen</strong>
</a>
</th>
<th class="expander"></th>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table class="spacer spacer--16">
<tr>
<td>&nbsp;</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- prevent Gmail on iOS font size manipulation -->
<div style="display: none; white-space: nowrap; font: 15px courier; line-height: 0"></div>
</body>
</html>

108
api/templates/spa.html Normal file
View File

@@ -0,0 +1,108 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0"
/>
<meta
http-equiv="X-UA-Compatible"
content="IE=edge"
/>
<title>BinKrassDuFass</title>
<link
rel="apple-touch-icon"
sizes="180x180"
href="/assets/img/apple-touch-icon.png"
/>
<meta
name="google-site-verification"
content="275yXOPP-tYplMaTZw1HQ0-DfNDm4RjtY1YRYBWqIvI"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/assets/img/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="/assets/img/favicon-16x16.png"
/>
<link
rel="manifest"
href="/assets/img/site.webmanifest"
/>
<link
rel="shortcut icon"
href="/assets/img/favicon.ico"
/>
<meta
name="msapplication-TileColor"
content="#da532c"
/>
<meta
name="msapplication-config"
content="/assets/img/browserconfig.xml"
/>
<meta
name="theme-color"
content="#0D0C0C"
/>
<base href="/" />
<link
rel="stylesheet"
href="/dist/index.css?t=__TIMESTAMP__"
/>
<link
rel="dns-prefetch"
href="//analytics.google.com"
/>
<link
rel="dns-prefetch"
href="https://store-punbvyqteo.mybigcommerce.com"
/>
<link
rel="preconnect"
href="https://store-punbvyqteo.mybigcommerce.com"
/>
<link
rel="dns-prefetch"
href="//cdn.bigcommerce.com"
/>
<meta
name="apple-mobile-web-app-status-bar-style"
content="black-translucent"
/>
<!--HEAD-->
<!--PRELOAD-->
</head>
<body>
<div id="appContainer"><!--HTML--></div>
<script
type="module"
src="/dist/index.mjs?t=__TIMESTAMP__"
></script>
<script
nomodule
src="/dist/index.es5.js?t=__TIMESTAMP__"
></script>
<script
src="//cc.webmakers.de/cc.js"
defer
id="ccScript"
data-cc-tags="googleAnalytics,metaPixel"
data-cc-privacy-policy-url="/datenschutz"
data-cc-secondary-color="#c4253e"
data-cc-necessary-cookies="likecmsSession"
></script>
</body>
<!--SSR.ERROR-->
<!--SSR.COMMENT-->
</html>

View File

@@ -0,0 +1,455 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml"
lang="en"
xml:lang="en"
>
<head>
<meta
http-equiv="Content-Type"
content="text/html; charset=utf-8"
/>
<meta
name="viewport"
content="width=device-width"
/>
<style type="text/css">
@media only screen {
html {
background: #fff;
min-height: 100%;
}
}
body,
table,
tr,
td,
th,
div,
h1,
p,
img {
margin: 0;
margin: 0;
padding: 0;
}
body {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-width: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
width: 100%;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
td,
th {
border-collapse: collapse;
}
h1,
p,
a,
span,
img {
color: #f3eed9;
font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
font-weight: 400;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
line-height: 1.57143;
word-wrap: break-word;
}
h1 {
font-size: 28px;
font-weight: 500;
line-height: 1.21429;
}
h1:not(:last-child),
p:not(:last-child) {
margin: 0 0 32px;
margin: 0 0 32px;
}
a {
color: #d1e7e0;
display: inline-block;
text-decoration: none;
}
strong {
font-weight: 600;
}
img {
border: none;
display: block;
outline: 0;
text-align: center;
max-width: 100%;
max-height: 100%;
}
hr {
border: none;
border-bottom: 1px solid #eceaea;
}
.preheader {
display: none;
font-size: 1px;
line-height: 1px;
max-height: 0;
max-width: 0;
mso-hide: all;
opacity: 0;
overflow: hidden;
visibility: hidden;
}
.body {
background: #0d0c0c;
height: 100%;
}
.body > tr > td {
text-align: center;
}
.container,
.column {
margin: 0 auto;
margin: 0 auto;
width: 544px;
}
.column td,
.column th {
text-align: left;
vertical-align: top;
}
.column--md-9 {
width: 75%;
}
.column--md-3 {
width: 25%;
}
.expander {
padding: 0 !important;
visibility: hidden;
width: 0;
}
.spacer--16 td {
font-size: 16px;
height: 16px;
line-height: 16px;
}
.spacer--24 td {
font-size: 24px;
height: 24px;
line-height: 24px;
}
.spacer--32 td {
font-size: 32px;
height: 32px;
line-height: 32px;
}
.spacer--40 td {
font-size: 40px;
height: 40px;
line-height: 40px;
}
.delimiter th {
vertical-align: middle;
}
.delimiter__image,
.delimiter__image-block {
width: 48px;
}
.logo td {
padding: 24px 0;
}
.logo a {
color: #f3eed9;
display: block;
text-align: center;
}
.logo img {
color: #f3eed9;
text-decoration: none;
margin: 0 auto;
}
.logo span {
color: #f3eed9;
font-size: 36px;
font-weight: 600;
}
.store p {
margin: 0;
margin: 0;
}
.store a {
color: #d1e7e0;
font-size: 12px;
}
.store-button a {
border: 1px solid #d1e7e0;
border-radius: 4px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #d1e7e0;
padding: 3px 15px;
text-align: center;
white-space: nowrap;
width: 100%;
}
@media only screen and (max-width: 599px) {
img {
height: auto !important;
width: auto !important;
}
.container {
width: 100% !important;
}
.column {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: auto !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
.column--xs-12 {
display: inline-block !important;
width: 100% !important;
}
.delimiter__image {
width: 48px !important;
}
.store th {
padding-bottom: 16px !important;
}
.store p {
text-align: center !important;
}
.store-button a {
margin-left: auto !important;
margin-right: auto !important;
}
}
</style>
</head>
<body>
<span class="preheader"></span>
<table class="body">
<tr>
<td>
<table class="spacer spacer--16">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<table class="container">
<tr>
<td>
<table class="row">
<tr>
<th class="column">
<table class="logo">
<tr>
<th>
<a
href="{{store.frontendBase}}"
target="_blank"
>
<img
src="{{store.logo}}"
alt="BinKrassDuFass"
/>
</a>
</th>
<th class="expander"></th>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table class="spacer spacer--40">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<table class="container">
<tr>
<td>
<table class="row">
<tr>
<th class="column">
<table>
<tr>
<th>
<h1>Deine Widerrufsanfrage wurde bearbeitet.</h1>
<p>
Hallo, du hast eine Widerrufsanfrage für deine Bestellung
gestellt. Wir haben deine Anfrage bearbeitet, schau dir den
Status deiner Anfrage bitte in deinem Profil an.
</p>
</th>
<th class="expander"></th>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table class="spacer spacer--40">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<table class="container">
<tr>
<td>
<table class="row">
<tr>
<th class="column">
<table>
<tr>
<th>
<table class="delimiter">
<tr>
<th>
<hr />
</th>
<th>
<hr />
</th>
</tr>
</table>
</th>
<th class="expander"></th>
</tr>
</table>
</th>
</tr>
</table>
<table class="spacer spacer--24">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<table class="row">
<tr>
<th class="column column--md-9 column--xs-12">
<table class="store">
<tr>
<th>
<p>
<strong>BinKrassDuFass</strong>
</p>
<p>
<a
href="{{store.frontendBase}}"
target="_blank"
>{{store.frontendBase}}</a
>
</p>
</th>
<th class="expander"></th>
</tr>
</table>
</th>
<th class="column column--md-3 column--xs-12">
<table class="store-button">
<tr>
<th>
<a href="{{store.frontendBase}}">
<strong>Shoppen</strong>
</a>
</th>
<th class="expander"></th>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table class="spacer spacer--16">
<tr>
<td>&nbsp;</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- prevent Gmail on iOS font size manipulation -->
<div style="display: none; white-space: nowrap; font: 15px courier; line-height: 0"></div>
</body>
</html>