Add email template and improve docs
Change-Id: I102be61c80e3fea8076ecbf4ddfc191a10ed9b39
diff --git a/utils/emailsamples/template.mjml b/utils/emailsamples/template.mjml
new file mode 100644
index 0000000..dce7b97
--- /dev/null
+++ b/utils/emailsamples/template.mjml
@@ -0,0 +1,34 @@
+<mjml owa="desktop" version="4.10.1">
+ <mj-head>
+ <mj-preview></mj-preview>
+ </mj-head>
+ <mj-body background-color="#F4F4F4" color="#5e6977" font-family="Arial, sans-serif" font-size="13px">
+ <mj-section background-color="#ffffff" background-repeat="repeat" background-size="auto" padding="20px 0" text-align="center" vertical-align="top">
+ <mj-column>
+ <mj-text padding-bottom="20px" padding-top="0px" padding="10px 25px">
+ <h1 class="text-build-content" data-testid="eZNrqsUcqsW" style="margin-top: 10px; margin-bottom: 10px">Carrot Cake – Planta 8</h1>
+ </mj-text>
+ <mj-text padding-bottom="0px" padding-top="0px" padding="10px 25px">
+ <p class="text-build-content" data-testid="cHzyM6xQoxI" style="margin: 10px 0; margin-top: 10px; margin-bottom: 10px;">Hola {{var:name:""}}.</p>
+ </mj-text>
+ <mj-text padding-bottom="0px" padding-top="0px" padding="10px 25px">
+ <p class="text-build-content" data-testid="I_ZQ1lLTd" style="margin: 10px 0; margin-top: 10px; margin-bottom: 10px;"><span style="font-size:14px;">En res comença la I Carrot Cake de Planta 8! En aquest correu t'expliquem com es desenvoluparà.</span></p>
+ </mj-text>
+ <mj-text font-size="14px" padding-bottom="0px" padding-top="0px" padding="10px 25px">
+ <ul><li>El <span style="font-size:14px;">joc comença demà <b>dilluns 12 de desembre</b>. 🎉</span><br> </li><li>Ja pots entrar al web <a class="link-build-content" style="color:inherit;" target="_blank" href="https://operacio236.ml/"><span style="color:#1c80ff;font-family:Arial;font-size:14px;"><u>https://operacio236.ml/</u></span></a> per descobrir qui és la teva primera víctima! <span style="font-size:14px;">😈</span><br><br>La teva contrasenya és: <span style="font-family:Courier New, Helvetica, Arial, sans-serif;"><b>{{var:pass:"whoops, hi ha hagut un error, respon a aquest mail fent-nos-ho saber porfa"}}</b></span><br> </li><li>Al web hi ha un xat per parlar amb la teva víctima o amb la persona que et vol assassinar.<br> </li><li><b>⚠️ Molt important!!</b> Quan matis a algú, fes clic al botó «<span style="font-size:14px;"><b>l'he matat</b>» del web. La víctima també ha d'accedir al web i <b>confirmar la mort</b>.</span><br><br><span style="font-size:14px;">Un cop fet això, s'afegiran els punts al teu rànquing, i et sortirà la nova persona a qui has de matar.</span></li></ul>
+ </mj-text>
+ <mj-divider border-color="#E6E6E6" border-style="solid" border-width="2px" padding="10px 25px" width="100%"></mj-divider>
+ <mj-text font-size="13px" padding-bottom="0px" padding-top="0px" padding="10px 25px">
+ <p class="text-build-content" data-testid="0KikOOrdN1F" style="margin: 10px 0; margin-top: 10px; margin-bottom: 10px;">Recordem les normes:</p><ul><li><span style="font-size:13px;">El joc es basa en assassinar als nostres companys quan menys s'ho esperin. L'arma de l'homicidi haurà de ser una pastanaga.</span></li><li><span style="font-size:13px;">Per al correcte funcionament de l'activitat, SERÀ IMPRESCINDIBLE QUE VINGUEU A LA FACULTAT durant els dies que jugueu al joc.</span></li><li><span style="font-size:13px;">Per tal que un assassinat sigui vàlid, CAP ALTRE JUGADOR PODRÀ VEURE COM LI CLAVES LA PASTANAGA.</span></li><li><span style="font-size:13px;">Quan assassinis el teu objectiu, ell quedarà eliminat del joc i tu herederàs el seu objectiu.</span></li><li><span style="font-size:13px;">Cada dia hi haurà una norma especial que anunciarem amb poca antelació (seguiu-nos a les xarxes IG: </span><a class="link-build-content" style="color:inherit;" target="_blank" href="https://instagram.com/planta_8"><span style="color:#1c80ff;font-family:Arial;font-size:13px;"><u>@planta_8</u></span></a><span style="font-size:13px;"> TW: </span><a class="link-build-content" style="color:inherit;" target="_blank" href="https://twitter.com/tuiteit"><span style="color:#1c80ff;font-family:Arial;font-size:13px;"><u>@tuiteit</u></span></a><span style="font-size:13px;">).</span></li></ul>
+ </mj-text>
+ <mj-text font-size="14px" padding-bottom="0px" padding-left="25px" padding-right="25px" padding-top="0px" padding="0px 25px 0px 25px">
+ <p class="text-build-content" data-testid="YBBqMZbVZ" style="margin: 10px 0; margin-top: 10px; margin-bottom: 10px;">En cas d'algun problema amb el web o el joc, ens pots contactar a <a class="link-build-content" style="color:inherit;" href="mailto:vuit@operacio236.ml"><span style="color:#1c80ff;font-family:Arial;font-size:14px;"><u>vuit@operacio236.ml</u></span></a> i ho solucionem en un nanosegon del metavers! 😊</p>
+ </mj-text>
+ <mj-text padding-bottom="0px" padding-top="0px" padding="10px 25px">
+ <p class="text-build-content" data-testid="lynf8oyZp" style="margin: 10px 0; margin-top: 10px; margin-bottom: 10px;"><span style="font-size:14px;">Octavi</span></p>
+ </mj-text>
+ <mj-image align="left" alt="" border-radius="25px" border="none" container-background-color="transparent" height="auto" href="" padding-left="25px" padding-right="25px" padding-top="20px" padding="20px 25px 10px 25px" src="https://0ghxs.mjt.lu/tplimg/0ghxs/b/lulwv/g5sl9.jpeg" target="_blank" title="" width="149px"></mj-image>
+ </mj-column>
+ </mj-section>
+ </mj-body>
+</mjml>
\ No newline at end of file