From 4e80d04adfaeb0e5c7046536b80a2273042c457a Mon Sep 17 00:00:00 2001
From: Eloi Perdereau <eloi@perdereau.eu>
Date: Wed, 18 Nov 2020 16:21:55 +0100
Subject: [PATCH] =?UTF-8?q?ajout=20template=20mail=20de=20r=C3=A9cup=C3=A9?=
=?UTF-8?q?ration?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
_config.yml | 1 +
email-template/identity-recovery.html | 162 ++++++++++++++++++++++++++
2 files changed, 163 insertions(+)
create mode 100644 email-template/identity-recovery.html
diff --git a/_config.yml b/_config.yml
index a0fbc55..fd341db 100644
--- a/_config.yml
+++ b/_config.yml
@@ -151,6 +151,7 @@ include:
exclude:
- "*.sublime-project"
- "*.sublime-workspace"
+ - email-template
- vendor
- .asset-cache
- .bundle
diff --git a/email-template/identity-recovery.html b/email-template/identity-recovery.html
new file mode 100644
index 0000000..d34066f
--- /dev/null
+++ b/email-template/identity-recovery.html
@@ -0,0 +1,162 @@
+
+<!doctype html>
+<html>
+ <head>
+ <meta name="viewport" content="width=device-width">
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+ <title>CCL/site : Le site luminyorg a été mis à jour !</title>
+ <style>
+ /* -------------------------------------
+ INLINED WITH htmlemail.io/inline
+ ------------------------------------- */
+ /* -------------------------------------
+ RESPONSIVE AND MOBILE FRIENDLY STYLES
+ ------------------------------------- */
+ @media only screen and (max-width: 620px) {
+ table[class=body] h1 {
+ font-size: 28px !important;
+ margin-bottom: 10px !important;
+ }
+ table[class=body] p,
+ table[class=body] ul,
+ table[class=body] ol,
+ table[class=body] td,
+ table[class=body] span,
+ table[class=body] a {
+ font-size: 16px !important;
+ }
+ table[class=body] .wrapper,
+ table[class=body] .article {
+ padding: 10px !important;
+ }
+ table[class=body] .content {
+ padding: 0 !important;
+ }
+ table[class=body] .container {
+ padding: 0 !important;
+ width: 100% !important;
+ }
+ table[class=body] .main {
+ border-left-width: 0 !important;
+ border-radius: 0 !important;
+ border-right-width: 0 !important;
+ }
+ table[class=body] .btn table {
+ width: 100% !important;
+ }
+ table[class=body] .btn a {
+ width: 100% !important;
+ }
+ table[class=body] .img-responsive {
+ height: auto !important;
+ max-width: 100% !important;
+ width: auto !important;
+ }
+ }
+
+ /* -------------------------------------
+ PRESERVE THESE STYLES IN THE HEAD
+ ------------------------------------- */
+ @media all {
+ .ExternalClass {
+ width: 100%;
+ }
+ .ExternalClass,
+ .ExternalClass p,
+ .ExternalClass span,
+ .ExternalClass font,
+ .ExternalClass td,
+ .ExternalClass div {
+ line-height: 100%;
+ }
+ .apple-link a {
+ color: inherit !important;
+ font-family: inherit !important;
+ font-size: inherit !important;
+ font-weight: inherit !important;
+ line-height: inherit !important;
+ text-decoration: none !important;
+ }
+ #MessageViewBody a {
+ color: inherit;
+ text-decoration: none;
+ font-size: inherit;
+ font-family: inherit;
+ font-weight: inherit;
+ line-height: inherit;
+ }
+ .btn-primary table td:hover {
+ background-color: #34495e !important;
+ }
+ .btn-primary a:hover {
+ background-color: #34495e !important;
+ border-color: #34495e !important;
+ }
+ }
+ </style>
+ </head>
+ <body class="" style="background-color: #f6f6f6; font-family: sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 1.4; margin: 0; padding: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
+ <table border="0" cellpadding="0" cellspacing="0" class="body" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; background-color: #f6f6f6;">
+ <tr>
+ <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;"> </td>
+ <td class="container" style="font-family: sans-serif; font-size: 14px; vertical-align: top; display: block; Margin: 0 auto; max-width: 580px; padding: 10px; width: 580px;">
+ <div class="content" style="box-sizing: border-box; display: block; Margin: 0 auto; max-width: 580px; padding: 10px;">
+
+ <!-- START CENTERED WHITE CONTAINER -->
+ <table class="main" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; background: #ffffff; border-radius: 3px;">
+
+ <!-- START MAIN CONTENT AREA -->
+ <tr>
+ <td class="wrapper" style="font-family: sans-serif; font-size: 14px; vertical-align: top; box-sizing: border-box; padding: 20px;">
+ <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
+ <tr>
+ <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;">
+ <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;">
+
+<b>Pour réinitialiser ton mot de passe sur le site du CCL</b>
+ </p>
+ </td>
+ </tr>
+ <tr>
+ <td style="font-family: sans-serif; font-size: 14px; vertical-align: top; background-color: #3498db; border-radius: 5px; text-align: center;"> <a href="{{ .SiteURL }}/lepuget2/#recovery_token={{ .Token }}" target="_blank" style="display: inline-block; color: #ffffff; background-color: #3498db; border: solid 1px #3498db; border-radius: 5px; box-sizing: border-box; cursor: pointer; text-decoration: none; font-size: 14px; font-weight: bold; margin: 0; padding: 12px 25px; text-transform: capitalize; border-color: #3498db;">Call To Action</a> </td>
+ </tr>
+
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+
+ <!-- END MAIN CONTENT AREA -->
+ </table>
+
+ <!-- START FOOTER -->
+ <div class="footer" style="clear: both; Margin-top: 10px; text-align: center; width: 100%;">
+ <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
+ <tr>
+ <td class="content-block" style="font-family: sans-serif; vertical-align: top; padding-bottom: 10px; padding-top: 10px; font-size: 12px; color: #999999; text-align: center;">
+ <span class="apple-link" style="color: #999999; font-size: 12px; text-align: center;">Centre Culturel de Luminy</span>
+ <br/>
+ 163, Avenue de Luminy, 13009, Marseille
+ </br>
+ <a href="https://ccl.luminy.org/" style="text-decoration: underline; color: #999999; font-size: 12px; text-align: center;">Notre site</a> <a href="https://ccl.test.luminy.org/l-asso/contacts" style="text-decoration: underline; color: #999999; font-size: 12px; text-align: center;">Contacts</a>
+ </td>
+ <tr>
+ <td class="content-block" style="font-family: sans-serif; vertical-align: top; padding-bottom: 10px; padding-top: 10px; font-size: 10px; color: #999999; text-align: center;">
+ Ce message a été envoyé automatiquement, vous pouvez y répondre et entamer une discussion.
+ <br/>
+Si c'est trop de spam pour vous, répondez également.
+ </td>
+ </tr>
+ </table>
+ </div>
+ <!-- END FOOTER -->
+
+ <!-- END CENTERED WHITE CONTAINER -->
+ </div>
+ </td>
+ <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;"> </td>
+ </tr>
+ </table>
+ </body>
+</html>
--
GitLab