|
|
@@ -1,105 +1,137 @@
|
|
|
-{% apply inky_to_html|inline_css(source('@styles/foundation-emails.css'))|inline_css %}
|
|
|
+<!doctype html>
|
|
|
+<html lang="fr">
|
|
|
+<head>
|
|
|
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
|
+<style type="text/css" media="all">
|
|
|
+ {% block style %}
|
|
|
+ .mail_body *{
|
|
|
+ padding: 0px;
|
|
|
+ margin: 0px;
|
|
|
+ border: 0px;
|
|
|
+ font-family: Arial;
|
|
|
+ }
|
|
|
|
|
|
- <style>
|
|
|
- {% block style %}
|
|
|
- .container *{
|
|
|
- font-family: Arial;
|
|
|
- }
|
|
|
- .white{
|
|
|
- color: #FFFFFF !important;
|
|
|
- }
|
|
|
- .black{
|
|
|
- color: #000000 !important;
|
|
|
- }
|
|
|
- .container{
|
|
|
- border: 2px solid #324250;
|
|
|
- border-radius: 5px;
|
|
|
- margin-top: 20px;
|
|
|
- }
|
|
|
- .header{
|
|
|
- background: #324250;
|
|
|
- }
|
|
|
- .footer{
|
|
|
- background: #1ead8f;
|
|
|
- padding: 10px;
|
|
|
- color: #FFFFFF;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- .footer-white{
|
|
|
- padding: 10px;
|
|
|
- color: #000000;
|
|
|
- }
|
|
|
- .as{
|
|
|
- margin-bottom: 10px;
|
|
|
- }
|
|
|
- .center{
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- .social_link {
|
|
|
- margin: 0 5px;
|
|
|
- padding-right: 15px;
|
|
|
- }
|
|
|
- .social_link img{
|
|
|
- max-width: 30px;
|
|
|
- max-height: 30px;
|
|
|
- }
|
|
|
- {% endblock %}
|
|
|
- </style>
|
|
|
+ .mail_body .container{
|
|
|
+ max-width: 800px;
|
|
|
+ border: 2px solid #324250;
|
|
|
+ border-radius: 5px;
|
|
|
+ margin: auto;
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
+ .mail_body .content{
|
|
|
+ padding: 20px;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .mail_body .header{
|
|
|
+ background: #324250;
|
|
|
+ padding: 20px;
|
|
|
+ color: #FFF;
|
|
|
+ }
|
|
|
+ .mail_body .footer{
|
|
|
+ background: #1ead8f;
|
|
|
+ padding: 10px;
|
|
|
+ color: #FFF;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 12px;
|
|
|
+ }
|
|
|
+ .mail_body .footer-white{
|
|
|
+ padding: 10px;
|
|
|
+ color: #000000;
|
|
|
+ font-size: 12px;
|
|
|
+ }
|
|
|
+ .mail_body .footer a{
|
|
|
+ color:#FFFFFF;
|
|
|
+ }
|
|
|
+ .mail_body .btn{
|
|
|
+ color: #fff;
|
|
|
+ background-color: #00ad8e;
|
|
|
+ padding: 8px 10px;
|
|
|
+ border-color: #ccccce;
|
|
|
+ border-radius: 5px;
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
+ width: 50%;
|
|
|
+ margin: auto;
|
|
|
+ margin-top: 20px;
|
|
|
+ display: block;
|
|
|
+ text-decoration:none;
|
|
|
+ }
|
|
|
+ .mail_body p{
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ .mail_body .center{
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .mail_body .as{
|
|
|
+ margin-top: 20px;
|
|
|
+ padding: 10px 20px 10px 20px;
|
|
|
+ border-top: 1px solid #0a0a0a;
|
|
|
+ }
|
|
|
+ .mail_body .small{
|
|
|
+ font-size: 12px;
|
|
|
+ font-style: italic;
|
|
|
+ }
|
|
|
+ .social_link{
|
|
|
+ padding-right: 15px;
|
|
|
+ }
|
|
|
+ h3{
|
|
|
+ margin-bottom: 10px !important;
|
|
|
+ }
|
|
|
|
|
|
- <container>
|
|
|
+ ul{
|
|
|
+ margin-left:30px !important;
|
|
|
+ margin-bottom:30px !important;
|
|
|
+ }
|
|
|
+ {% endblock %}
|
|
|
+</style>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+<div class="mail_body">
|
|
|
+ <div class="container">
|
|
|
{% block header %}
|
|
|
- <row>
|
|
|
- <columns small="12" class="header">
|
|
|
- <spacer size="10"></spacer>
|
|
|
- <p class="white">{{ organization.name ?? '' }}</p>
|
|
|
- </columns>
|
|
|
- </row>
|
|
|
+ <div class="header">
|
|
|
+ {{ organization.name ?? '' }}
|
|
|
+ </div>
|
|
|
{% endblock %}
|
|
|
|
|
|
- <row>
|
|
|
- <columns small="12">
|
|
|
- <spacer size="10"></spacer>
|
|
|
- {% block content %}
|
|
|
- {% endblock %}
|
|
|
- <spacer size="10"></spacer>
|
|
|
- </columns>
|
|
|
- </row>
|
|
|
+ <div class="content">
|
|
|
+ {% block content %}
|
|
|
+ {% endblock %}
|
|
|
+ </div>
|
|
|
|
|
|
{% block antispam %}
|
|
|
- <div class="as">
|
|
|
- <p style="font-size:12px">
|
|
|
- Cet e-mail a été envoyé automatiquement à #__#ANTISPAM_PERSON_EMAIL#__# par le logiciel Opentalent utilisé par votre structure.
|
|
|
- <br />Merci de ne pas y répondre.
|
|
|
- </p>
|
|
|
- </div>
|
|
|
+ <div class="as">
|
|
|
+ <p class="small">
|
|
|
+ Cet e-mail a été envoyé automatiquement à #__#ANTISPAM_PERSON_EMAIL#__# par le logiciel Opentalent utilisé par votre structure.
|
|
|
+ <br>Merci de ne pas y répondre.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
{% endblock %}
|
|
|
|
|
|
<div class="footer center">
|
|
|
{% block footer %}
|
|
|
- <a href="https://support.opentalent.fr" target="_blank">Aide du logiciel</a> - <a href="https://www.opentalent.fr/login" target="_blank">Se connecter au logiciel</a>
|
|
|
+ <a href="https://support.opentalent.fr" target="_blank">Aide du logiciel</a> - <a href="https://www.opentalent.fr/login" target="_blank">Se connecter au logiciel</a>
|
|
|
{% endblock %}
|
|
|
</div>
|
|
|
|
|
|
<div class="footer-white center">
|
|
|
{% block footer_signature %}
|
|
|
- © Opentalent - {{ 'now' | date('Y') }}
|
|
|
- : Agenda et Logiciels pour les acteurs culturels - <a href="https://www.opentalent.fr" target="_blank">opentalent.fr</a>
|
|
|
- <br />
|
|
|
- <br />
|
|
|
- <h3>Suivez-nous :</h3>
|
|
|
+ © Opentalent - {{ 'now' | date('Y') }}
|
|
|
+ : Agenda et Logiciels pour les acteurs culturels - <a href="https://www.opentalent.fr" target="_blank">opentalent.fr</a>
|
|
|
+ <br><br><h3>Suivez-nous :</h3>
|
|
|
|
|
|
- <a href="https://www.facebook.com/opentalent" target="_blank" class="social_link">
|
|
|
- <img src="{{ 'images/facebook.jpg' | img_to_base64 }}" width="30px"/>
|
|
|
- </a>
|
|
|
- <a href="https://www.linkedin.com/company/opentalent-agenda-et-logiciels-culturels" target="_blank" class="social_link">
|
|
|
- <img src="{{ 'images/linkedin.jpg' | img_to_base64 }}" width="30px"/>
|
|
|
- </a>
|
|
|
- <a href="https://www.youtube.com/@Opentalent74300" target="_blank" class="social_link">
|
|
|
- <img src="{{ 'images/youtube.jpg' | img_to_base64 }}" width="30px"/>
|
|
|
- </a>
|
|
|
+ <a href="https://www.facebook.com/opentalent" target="_blank" class="social_link">
|
|
|
+ <img src="{{ 'images/facebook.jpg' | img_to_base64 }}" width="30px"/>
|
|
|
+ </a>
|
|
|
+ <a href="https://www.linkedin.com/company/opentalent-agenda-et-logiciels-culturels" target="_blank" class="social_link">
|
|
|
+ <img src="{{ 'images/linkedin.jpg' | img_to_base64 }}" width="30px"/>
|
|
|
+ </a>
|
|
|
+ <a href="https://www.youtube.com/@Opentalent74300" target="_blank" class="social_link">
|
|
|
+ <img src="{{ 'images/youtube.jpg' | img_to_base64 }}" width="30px"/>
|
|
|
+ </a>
|
|
|
{% endblock %}
|
|
|
</div>
|
|
|
-
|
|
|
- </container>
|
|
|
-
|
|
|
-{% endapply %}
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+</body>
|
|
|
+</html>
|
Olivier Massot