added templates and designs for the ListMonk newsletter system

This commit is contained in:
jorge 2024-10-23 15:08:21 +02:00
parent 0e140fe686
commit 02804efdc0
4 changed files with 143 additions and 26 deletions

View File

@ -0,0 +1,99 @@
<!-- BEGIN CAMPAIGN -->
<div class="main-news" style="width: 100%; max-width: 600px; display: table;">
<h3 style="font-family: 'AvenirBlack','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;">PRUEBAS DE ANCHURA</h3>
<div class="figure"><a href="https://laescocesa.org/es/programa/trenza"><img class="" style="width: 100%;" src="https://newsletter.laescocesa.org/uploads/1.Trenza_Fuego-Newsletter.png" alt="logo escocesa fondo gris" width="" height="auto" /></a></div>
<div class="article">
<p style="font-family: 'AvenirBlack','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; margin: 0; font-size: 1rem;"><br /><strong><em>Trenza </em>es un programa de mediación diseñado por el colectivo Lumbre en el marco de <span style="color: #ff48af;"><a style="color: #ff48af;" href="https://laescocesa.org/es/view/artspaceunlimited/3817" target="_blank" rel="noopener"><em>Art Space Unlimited</em></a></span></strong>, cuya intención es generar un llamamiento de apertura para que La Escocesa sea casa de comunidades que actualmente no la habitan.</p>
<p style="font-family: 'AvenirBlack','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; margin: 0; font-size: 1rem;"> </p>
<p style="font-family: 'AvenirBlack','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; margin: 0; font-size: 1rem;">El programa <strong>pone el foco en personas migradas del sur global, que están relacionadas con la producción y el trabajo del arte y la cultura</strong> y que por motivos de desigualdad estructural no son parte aún del circuito del arte contemporáneo de la ciudad. <span style="color: #ff48af;"><a style="color: #ff48af;" href="https://laescocesa.org/es/programa/trenza">+info</a></span></p>
</div>
</div>
<div class="agenda" style="width: 100%; display: table; margin-top: 4em;">
<table style="width: 100%; max-width: 600px; cellspacing: 0; cellpadding: 0; border: 0;">
<tbody>
<tr>
<td width="100%">
<h3 style="font-family: 'AvenirBlack','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;">agenda</h3>
</td>
</tr>
<tr>
<td width="100%"><!--all EVENTS-->
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td valign="top" width="45%"><!-- EVENT -->
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="" style="padding: 0 1em 1em 0;" width="90%"><img class="" style="width: 100%;" src="https://newsletter.laescocesa.org/uploads/LE2024_Pajareras.jpg" alt="logo escocesa fondo gris cuadrado" width="100%" height="auto" />
<h4 class="event-title" style="color: #ff48af; font-size: 1.4rem; line-height: 1.4rem; font-family: 'AvenirBlack','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; margin: 0.5em 0;">club de pajareras</h4>
<p style="font-family: 'AvenirBlack','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; margin: 0; font-size: 1rem;"><strong>1, 5, 8, 13 y 15 de octubre</strong><br />El club de pajareras es un espacio donde reflexionar y experimentar creativamente sobre los modos de cohabitar con las distintas especies de aves urbanas y otras bichas. <span style="color: #ff48af;"><a style="color: #ff48af; font-weight: normal; text-decoration: underline;" href="https://laescocesa.org/es/view/clubdepajareras/3852" target="_blank" rel="noopener">+info</a></span></p>
</td>
</tr>
</tbody>
</table>
<!-- EVENT END --></td>
<td valign="top" width="45%"><!-- EVENT -->
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="" style="padding: 0 0 1em 1em;" width="90%"><img class="" style="width: 100%;" src="https://newsletter.laescocesa.org/uploads/LE2024Becas_Invetigacion2.jpg" alt="logo escocesa fondo gris cuadrado" width="100%" height="auto" />
<h4 class="event-title" style="color: #ff48af; font-size: 1.4rem; line-height: 1.4rem; font-family: 'AvenirBlack','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; margin: 0.5em 0;">becas de investigación</h4>
<p style="font-family: 'AvenirBlack','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; margin: 0; font-size: 1rem;"><strong>Hasta el 16 de octubre</strong><br />Por primer año, en colaboración con el ICUB, convocamos 3 «Becas de Investigación Artística Barcelona Crea La Escocesa 2024». <span style="color: #ff48af;"><a style="color: #ff48af; font-weight: normal; text-decoration: underline;" href="https://laescocesa.org/es/view/BecasdeInvestigacion/3854" target="_blank" rel="noopener">+info</a></span></p>
</td>
</tr>
</tbody>
</table>
<!-- EVENT END --></td>
</tr>
<tr>
<td valign="top" width="45%"><!-- EVENT -->
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="" style="padding: 0 1em 1em 0;" width="100%"><img class="" style="width: 100%;" src="https://newsletter.laescocesa.org/uploads/JuntanzaAntiDoce.jpg" alt="logo escocesa fondo gris cuadrado" width="100%" height="autor" />
<h4 class="event-title" style="color: #ff48af; font-size: 1.4rem; line-height: 1.4rem; font-family: 'AvenirBlack','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; margin: 0.5em 0;">juntanza anti doce</h4>
<p style="font-family: 'AvenirBlack','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; margin: 0; font-size: 1rem;"><strong>9 de octubre </strong>— <strong>18:30h</strong><br />Nos juntamos para hablar sobre la situación actual de las legislaciones migratorias en España y sobre el proceso de la ILP regularización ya! que está en suspenso en el congreso. <span style="color: #ff48af;"><a style="color: #ff48af; font-weight: normal; text-decoration: underline;" href="https://laescocesa.org/es/view/JuntanzaAntidoce/3853" target="_blank" rel="noopener">+info</a></span></p>
</td>
</tr>
</tbody>
</table>
<!-- EVENT END --></td>
<td valign="top" width="45%"><!-- EVENT -->
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="" style="padding: 0 0 1em 1em;" width="100%"><img class="" style="width: 100%;" src="https://newsletter.laescocesa.org/uploads/LE2024_SomaticasDeLoSensible1.png" alt="logo escocesa fondo gris cuadrado" width="100%" height="auto" />
<h4 class="event-title" style="color: #ff48af; font-size: 1.4rem; line-height: 1.4rem; font-family: 'AvenirBlack','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; margin: 0.5em 0;">somáticas de lo sensible</h4>
<p style="font-family: 'AvenirBlack','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; margin: 0; font-size: 1rem;"><strong>23 de octubre</strong><br />¿Qué bordes tiene mi emoción? A través de tres encuentros exploraremos diferentes territorios del ser cuerpo, que van desde el sentir y tocar hasta la intensidad de la inmovilidad. <span style="color: #ff48af;"><a style="color: #ff48af; font-weight: normal; text-decoration: underline;" href="https://laescocesa.org/es/view/somaticasdelo/3855" target="_blank" rel="noopener">+info</a></span></p>
</td>
</tr>
</tbody>
</table>
<!-- EVENT END --></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- AGENDA END--></div>
<div style="display: table; width: 100%;"> </div>
<div class="agenda-residents" style="display: table; width: 100%; max-width: 600px; margin-top: 4em; text-align: center;">
<div class="" style="min-width: 100%!important; border: 5px solid #000000; border-collapse: collapse;">
<div class="" style="padding: 18px; color: #000000; font-family: 'AvenirBlack','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 1rem; font-weight: normal; text-align: left; word-break: break-word; line-height: 150%;">
<h3 style="font-family: 'AvenirBlack','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; margin: 0;">agenda de residentes</h3>
<p><strong>El 4 y 5 de octubre</strong><br /><span style="color: #ff48af;"><a style="color: #ff48af;" href="https://laescocesa.org/es/view/raeteitelbaum/3801">Rae Teitelbaum</a></span> participa con Queer Worlding: Making Community in Rural Queer and Trans* Eco-Communities in Spain and Portugal (Taller y Lectura) en Can Masdeu para Metamorfosis (festival de queer ecology &amp; degrowth). <span style="color: #ff48af;"><a style="color: #ff48af;" href="https://linktr.ee/metamorfosis.bcn">+info</a></span></p>
<p><strong>El 5 de octubre</strong><br /><span style="color: #ff48af;"><a style="color: #ff48af;" href="https://laescocesa.org/es/view/nataliacarminati/3170">Natalia Carminati</a></span> presenta la acción gastro-performativa "Oda a la Collita" en el Festival Liternatura en colaboración con Homesession. <span style="color: #ff48af;"><a style="color: #ff48af;" href="https://ajuntament.barcelona.cat/biblioteques/es/bibcollserola/actividades/dates-99400698125">+info</a></span></p>
<p><strong>El 5 de octubre</strong><br /><a href="https://laescocesa.org/es/view/raeteitelbaum/3801"><span style="color: #ff48af;">Rae Teitelbaum</span></a> participa en “Starry Earthly Bodies” - actuación con Alma Pedro en Can Masdeu para Metamorfosis (festival de queer ecology &amp; degrowth). <span style="color: #ff48af;"><a style="color: #ff48af;" href="https://linktr.ee/metamorfosis.bcn">+info</a></span></p>
<p><strong>El 8 de octubre</strong><br /><span style="color: #ff48af;"><a style="color: #ff48af;" href="https://laescocesa.org/es/view/lauraarensburg/3150">Laura Arensburg</a></span> realiza "Malvidentes" en La Capella como parte del ciclo Cine Ciego de Marta Azparren. Inscripciones en: <span style="color: #ff48af;"><a style="color: #ff48af;" href="mailto:lacapella@bcn.cat">lacapella@bcn.cat</a></span></p>
<p><strong>Hasta el  31 de octubre</strong><br /><span style="color: #ff48af;"><a style="color: #ff48af;" href="https://laescocesa.org/es/view/michaellawton/3177">Michael Lawton</a></span> expone "Enodia" dentro de la Barcelona Gallery Weekend en Ana Mas Projects. La inauguración será el 19 a las 18h. <span style="color: #ff48af;"><a style="color: #ff48af;" href="https://www.barcelonagalleryweekend.com/expo.php?lang=esp&amp;id=78">+info</a></span></p>
<p><strong>Hasta el 25 de noviembre</strong><br /><span style="color: #ff48af;"><a style="color: #ff48af;" href="https://laescocesa.org/es/view/lauraarensburg/3150">Laura Arensburg</a></span> imparte el taller "Objetos nómadas" en residencias de gent gran a través del MACBA y Apropa Cultura dentro del programa "El museu s'apopa". <span style="color: #ff48af;"><a style="color: #ff48af;" href="https://www.macba.cat/es/actividades/cartas-compartidas-cartas-recordadas/">+info</a></span></p>
<p><strong>Hasta el 23 de marzo de 2025</strong><br /><span style="color: #ff48af;"><a style="color: #ff48af;" href="https://laescocesa.org/es/view/nataliacastanedaarbelaez/3149">Natalia Castañeda Arbeláez</a></span> participa en la exposición colectiva 'Matrias' en el Museo de Arte de Pereira, con su obra: Melancolía.</p>
<p><strong>Hasta el 8 de agosto de 2025</strong><br /><a href="https://laescocesa.org/es/view/nataliacastanedaarbelaez/3149"><span style="color: #ff48af;">Natalia Castañeda Arbelaez</span></a> participa en la exposición Miradas, notas a partir de la coleccion del Museo de Arte de Caldas curada por Laura Puerta, en el Centro Cultural de Manizales del Banco de la República de Colombia. <span style="color: #ff48af;"><a style="color: #ff48af;" href="https://www.banrepcultural.org/exposiciones/miradas-notas-partir-de-la-coleccion-del-museo-de-arte-de-caldas">+info</a></span></p>
</div>
</div>
</div>
<!-- END CAMPAIGN -->
<p> </p>

View File

@ -17,20 +17,22 @@
@font-face {font-family: 'AvenirHeavy';src: url('https://newsletter.laescocesa.org/assets/avenir/Avenir-Heavy.woff') format("woff");font-weight: 800;font-style: normal;font-display: swap;}
@font-face {font-family: 'AvenirHeavyOblique';src: url('https://newsletter.laescocesa.org/assets/avenir/Avenir-HeavyOblique.woff') format("woff");font-weight: 800;font-style: italic;font-display: swap;}
@media all {
h4.event-title{}
}
@media only screen and (max-device-width: 480px) {
@media only screen and (max-width: 480px) {
h4.event-title{font-size: 1.2rem; line-height: 1.2rem;}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
@media only screen and (min-width: 480px) {
}
</style>
</head>
<body style="margin:0;padding:0;">
<div class="newsletter" style="height:auto;width:100%;margin:0;padding:2em;background-color:#f2f2f2;font-family:'Avenir','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;font-size: 1em;">
<div class="wrap-content" style="width:90vw;max-width:600px;margin: 0 auto;padding: 1em 2em;border:0;background:#ffffff;">
<div class="newsletter" style="height:auto;width:100%;margin:0;padding:2em 0;background-color:#f2f2f2;font-family:'Avenir','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;font-size: 1em;">
<div class="wrap-content" style="width:95vw;max-width:600px;margin: 0 auto;padding: 1em 1em;border:0;background:#ffffff;">
<header class="header">
<p class="hide" style="display:none;font-size:0px;line-height:0px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">convocatorias, actividades y novedades de La Escocesa</p>
<p style="margin:0;padding: 0 0 0.5em 0;font-size: 0.8em;text-align:right;">
Si no puedes ver el mensaje haz click <a style="color:#ff48af;font-weight:normal;text-decoration:underline;" href="{{ MessageURL }}">aquí</a>.
Si no puedes ver el mensaje haz click <a style="color:#ff48af;font-weight:normal;text-decoration:underline;" href="{{ MessageURL }}">aquí</a>
</p>
<hr style="width:100%;margin:0;">
<p class="social" style="margin:0;padding: 0 0 0.5em 0;font-size: 0.8em;text-align:right;">
@ -49,26 +51,25 @@
{{ template "content" . }}
</main>
<footer>
<div class="credits">
<div class="supported-by">
<div class="credits" style="background:#ffffff;">
<div class="supported-by" style="background:#ffffff;">
<h3 style="font-family:'AvenirBlack','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;text-align:center">Con el apoyo de:</h3>
<div class="credit-logos" style="text-align:center">
<img src="https://newsletter.laescocesa.org/assets/images/ajuntament-barcelona-logo.png" style="border:0px;width:72px;height:25px;margin:0px;outline:none;text-decoration:none" width="" height="25" alt="Ajuntament Barcelona">
<img src="https://newsletter.laescocesa.org/assets/images/gencat-cultura-logo.png" style="width:155px;height:25px;margin:0px;border:0;outline:none;text-decoration:none" width="" height="25" alt="Generalitat de Catalunya - Departament de Cultura">
</div>
</div>
<div class="part-of">
<div class="part-of" style="background:#ffffff;">
<h3 style="font-family:'AvenirBlack','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;text-align:center">Forma parte de:</h3>
<div class="credit-logos" style="text-align:center">
<img src="https://newsletter.laescocesa.org/assets/images/xarxaprod-logo.png" style="border:0px;width:72px;height:25px;margin:0px;outline:none;text-decoration:none" width="" height="25" alt="Xarxaprod">
<img src="https://newsletter.laescocesa.org/uploads/xarxaprod-logo2024.png" style="border:0px;width:138px;height:25px;margin:0px;outline:none;text-decoration:none" width="" height="25" alt="Xarxaprod">
</div>
</div>
<div class="collaborations">
<div class="collaborations" style="background:#ffffff;">
<h3 style="font-family:'AvenirBlack','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;text-align:center">En colaboracion con:</h3>
<div class="credit-logos" style="text-align:center">
<img src="https://newsletter.laescocesa.org/assets/images/birra-08-logo.png" style="border:0px;margin:10px;outline:none;text-decoration:none" width="30" height="26" alt="Birra 08">
<img src="https://newsletter.laescocesa.org/assets/images/graf-logo.png" style="border:0px;margin:10px;outline:none;text-decoration:none" width="87" height="20" alt="G.R.A.F.">
<img src="https://newsletter.laescocesa.org/assets/images/creaf-logo.png" style="border:0px;margin:10px;outline:none;text-decoration:none" width="60" height="22" alt="CREAF">
<img src="https://newsletter.laescocesa.org/assets/images/iD-logo.png" style="border:0px;margin:10px;outline:none;text-decoration:none" width="13" height="20" alt="iD">
<img src="https://newsletter.laescocesa.org/assets/images/homesession-logo.png" style="border:10px;margin:0px;outline:none;text-decoration:none" width="27" height="20" alt="Homesession">
</div>
@ -76,10 +77,14 @@
</div>
<div class="footer" style="text-align:center;font-size:10px;margin-top: 1rem;">
<p>
<br/>
Si este newsletter tiene desajustes de diseño es porque usamos listmonk,
<br/>
Si vols rebre aquest bulletí en català, <a style="color:#ff48af;font-weight:normal;text-decoration:underline;" href="https://newsletter.laescocesa.org/subscription/form">fes click aqui</a> i modifica las tevas opcions.
herramienta de código abierto que intentamos domar cada mes. Nuestra insistencia es política.
<br/>
If you want to receive this newsletter in English, <a style="color:#ff48af;font-weight:normal;text-decoration:underline;" href="https://newsletter.laescocesa.org/subscription/form">click here</a> and change your subscription..
Si vols rebre aquest bulletí en català, <a style="color:#ff48af;font-weight:normal;text-decoration:underline;" href="https://newsletter.laescocesa.org/subscription/form">fes click aqui</a>.
<br/>
If you want to receive this newsletter in English, <a style="color:#ff48af;font-weight:normal;text-decoration:underline;" href="https://newsletter.laescocesa.org/subscription/form">click here</a>.
<br/>
Por favor, no respondas a este correo electrónico. Si quieres contactar con La Escocesa, llama al +34 93 165 0020.
<br>

View File

@ -17,19 +17,23 @@
@font-face {font-family: 'AvenirHeavy';src: url('https://newsletter.laescocesa.org/assets/avenir/Avenir-Heavy.woff') format("woff");font-weight: 800;font-style: normal;font-display: swap;}
@font-face {font-family: 'AvenirHeavyOblique';src: url('https://newsletter.laescocesa.org/assets/avenir/Avenir-HeavyOblique.woff') format("woff");font-weight: 800;font-style: italic;font-display: swap;}
@media all {
h4.event-title{}
}
@media only screen and (max-device-width: 480px) {
@media only screen and (max-width: 480px) {
h4.event-title{font-size: 1.2rem; line-height: 1.2rem;}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
@media only screen and (min-width: 480px) {
}
</style>
</head>
</head>
<body style="margin:0;padding:0;">
<div class="newsletter" style="height:auto;width:100%;margin:0;padding:2em;background-color:#f2f2f2;font-family:'Avenir','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;font-size: 1em;"> <div class="wrap-content" style="width:90vw;max-width:600px;margin: 0 auto;padding: 1em 2em;border:0;background:#ffffff;">
<div class="newsletter" style="height:auto;width:100%;margin:0;padding:2em 0;background-color:#f2f2f2;font-family:'Avenir','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;font-size: 1em;">
<div class="wrap-content" style="width:90vw;max-width:600px;margin: 0 auto;padding: 1em 2em;border:0;background:#ffffff;">
<header class="header">
<p class="hide" style="display:none;font-size:0px;line-height:0px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">convocatòries, activitats i novetats de La Escocesa</p>
<p style="margin:0;padding: 0 0 0.5em 0;font-size: 0.8em;text-align:right;">
Si no pots veure aquest missatge, clica <a style="color:#ff48af;font-weight:normal;text-decoration:underline;" href="{{ MessageURL }}">aquí</a>.
Si no pots veure aquest missatge, clica <a style="color:#ff48af;font-weight:normal;text-decoration:underline;" href="{{ MessageURL }}">aquí</a>
</p>
<hr style="width:100%;margin:0;">
<p class="social" style="margin:0;padding: 0 0 0.5em 0;font-size: 0.8em;text-align:right;">
@ -59,7 +63,7 @@
<div class="part-of">
<h3 style="font-family:'AvenirBlack','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;text-align:center">Membre de:</h3>
<div class="credit-logos" style="text-align:center">
<img src="https://newsletter.laescocesa.org/assets/images/xarxaprod-logo.png" style="border:0px;width:72px;height:25px;margin:0px;outline:none;text-decoration:none" width="" height="25" alt="Xarxaprod">
<img src="https://newsletter.laescocesa.org/uploads/xarxaprod-logo2024.png" style="border:0px;width:138px;height:25px;margin:0px;outline:none;text-decoration:none" width="" height="25" alt="Xarxaprod">
</div>
</div>
<div class="collaborations">
@ -67,7 +71,6 @@
<div class="credit-logos" style="text-align:center">
<img src="https://newsletter.laescocesa.org/assets/images/birra-08-logo.png" style="border:0px;margin:10px;outline:none;text-decoration:none" width="30" height="26" alt="Birra 08">
<img src="https://newsletter.laescocesa.org/assets/images/graf-logo.png" style="border:0px;margin:10px;outline:none;text-decoration:none" width="87" height="20" alt="G.R.A.F.">
<img src="https://newsletter.laescocesa.org/assets/images/creaf-logo.png" style="border:0px;margin:10px;outline:none;text-decoration:none" width="60" height="22" alt="CREAF">
<img src="https://newsletter.laescocesa.org/assets/images/iD-logo.png" style="border:0px;margin:10px;outline:none;text-decoration:none" width="13" height="20" alt="iD">
<img src="https://newsletter.laescocesa.org/assets/images/homesession-logo.png" style="border:10px;margin:0px;outline:none;text-decoration:none" width="27" height="20" alt="Homesession">
</div>
@ -75,6 +78,10 @@
</div>
<div class="footer" style="text-align:center;font-size:10px;margin-top: 1rem;">
<p>
<br/>
Si aquesta newsletter te desajustos de diseño és porquè fem servir listmonk,
<br/>
eina de codi obert que intentem domar cada mes. La nostra insistència és política.
<br/>
Si quieres recibir esta newsletter en castellano,<a style="color:#ff48af;font-weight:normal;text-decoration:underline;" href="https://newsletter.laescocesa.org/subscription/form"> haz click aquí</a>.
<br/>

View File

@ -17,20 +17,23 @@
@font-face {font-family: 'AvenirHeavy';src: url('https://newsletter.laescocesa.org/assets/avenir/Avenir-Heavy.woff') format("woff");font-weight: 800;font-style: normal;font-display: swap;}
@font-face {font-family: 'AvenirHeavyOblique';src: url('https://newsletter.laescocesa.org/assets/avenir/Avenir-HeavyOblique.woff') format("woff");font-weight: 800;font-style: italic;font-display: swap;}
@media all {
h4.event-title{}
}
@media only screen and (max-device-width: 480px) {
@media only screen and (max-width: 480px) {
h4.event-title{font-size: 1.2rem; line-height: 1.2rem;}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
@media only screen and (min-width: 480px) {
}
</style>
</head>
<body style="margin:0;padding:0;">
<div class="newsletter" style="height:auto;width:100%;margin:0;padding:2em;background-color:#f2f2f2;font-family:'Avenir','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;font-size: 1em;">
<div class="newsletter" style="height:auto;width:100%;margin:0;padding:2em 0;background-color:#f2f2f2;font-family:'Avenir','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;font-size: 1em;">
<div class="wrap-content" style="width:90vw;max-width:600px;margin: 0 auto;padding: 1em 2em;border:0;background:#ffffff;">
<header class="header">
<p class="hide" style="display:none;font-size:0px;line-height:0px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">calls, activities and news from La Escocesa</p>
<p style="margin:0;padding: 0 0 0.5em 0;font-size: 0.8em;text-align:right;">
If you can not view this message, please follow <a style="color:#ff48af;font-weight:normal;text-decoration:underline;" href="{{ MessageURL }}">this link</a>.
If you can not view this message, please follow <a style="color:#ff48af;font-weight:normal;text-decoration:underline;" href="{{ MessageURL }}">this link</a>
</p>
<hr style="width:100%;margin:0;">
<p class="social" style="margin:0;padding: 0 0 0.5em 0;font-size: 0.8em;text-align:right;">
@ -60,7 +63,7 @@
<div class="part-of">
<h3 style="font-family:'AvenirBlack','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;text-align:center">Member of:</h3>
<div class="credit-logos" style="text-align:center">
<img src="https://newsletter.laescocesa.org/assets/images/xarxaprod-logo.png" style="border:0px;width:72px;height:25px;margin:0px;outline:none;text-decoration:none" width="" height="25" alt="Xarxaprod">
<img src="https://newsletter.laescocesa.org/uploads/xarxaprod-logo2024.png" style="border:0px;width:138px;height:25px;margin:0px;outline:none;text-decoration:none" width="" height="25" alt="Xarxaprod">
</div>
</div>
<div class="collaborations">
@ -68,7 +71,6 @@
<div class="credit-logos" style="text-align:center">
<img src="https://newsletter.laescocesa.org/assets/images/birra-08-logo.png" style="border:0px;margin:10px;outline:none;text-decoration:none" width="30" height="26" alt="Birra 08">
<img src="https://newsletter.laescocesa.org/assets/images/graf-logo.png" style="border:0px;margin:10px;outline:none;text-decoration:none" width="87" height="20" alt="G.R.A.F.">
<img src="https://newsletter.laescocesa.org/assets/images/creaf-logo.png" style="border:0px;margin:10px;outline:none;text-decoration:none" width="60" height="22" alt="CREAF">
<img src="https://newsletter.laescocesa.org/assets/images/iD-logo.png" style="border:0px;margin:10px;outline:none;text-decoration:none" width="13" height="20" alt="iD">
<img src="https://newsletter.laescocesa.org/assets/images/homesession-logo.png" style="border:10px;margin:0px;outline:none;text-decoration:none" width="27" height="20" alt="Homesession">
</div>
@ -77,6 +79,10 @@
<div class="footer" style="text-align:center;font-size:10px;margin-top: 1rem;">
<p>
<br/>
If this newsletter has some design inconsistencies, it is because we use listmonk,
<br/>
an open source tool that we try to domesticate every month. Our persistence is political
<br/>
Si quieres recibir esta newsletter en castellano,<a style="color:#ff48af;font-weight:normal;text-decoration:underline;" href="https://newsletter.laescocesa.org/subscription/form"> haz click aquí</a>.
<br/>
Si vols rebre aquest bulletí en català, <a style="color:#ff48af;font-weight:normal;text-decoration:underline;" href="https://newsletter.laescocesa.org/subscription/form">click aquì</a>.