adding assets to listmonk

This commit is contained in:
jorge 2023-07-13 10:01:08 +02:00
parent 853aff216e
commit 18892cccb0
14 changed files with 113 additions and 19 deletions

View File

@ -4,3 +4,11 @@ this is the repository for the La Escocesa newsletter templates repository.
As for 2023 the running system is an installation of [ListMonk](https://listmonk.app/) managed by [Hangar](https://hangar.org) tech. As for 2023 the running system is an installation of [ListMonk](https://listmonk.app/) managed by [Hangar](https://hangar.org) tech.
## configuring assets
because the `listmonk` is a go app, it needs a proxypass, in order to serve a different static path we need to do an exclusion of the proxypass ax explained [here](https://stackoverflow.com/a/36102892)
```
ProxyPass /assets !
Alias /assets "/var/www/laescocesa-assets"
```

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -2,10 +2,96 @@
<head> <head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css"> <style type="text/css">
@font-face {
font-family: 'AvenirLight';
src: url('assets/avenir/Avenir-Light.woff') format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'AvenirLightOblique';
src: url('assets/avenir/Avenir-LightOblique.woff') format("woff");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Avenir';
src: url('assets/avenir/Avenir-Roman.woff') format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'AvenirOblique';
src: url('assets/avenir/Avenir-Oblique.woff') format("woff");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'AvenirBook';
src: url('assets/avenir/Avenir-Book.woff') format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'AvenirBookOblique';
src: url('assets/avenir/Avenir-BookOblique.woff') format("woff");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'AvenirMedium';
src: url('assets/avenir/Avenir-Medium.woff') format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'AvenirMediumOblique';
src: url('assets/avenir/Avenir-MediumOblique.woff') format("woff");
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'AvenirBlack';
src: url('assets/avenir/Avenir-Black.woff') format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'AvenirBlackOblique';
src: url('assets/avenir/Avenir-BlackOblique.woff') format("woff");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'AvenirHeavy';
src: url('assets/avenir/Avenir-Heavy.woff') format("woff");
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'AvenirHeavyOblique';
src: url('assets/avenir/Avenir-HeavyOblique.woff') format("woff");
font-weight: 800;
font-style: italic;
font-display: swap;
}
@media all { @media all {
body {font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;font-size: 1em;} body {font-family:'Avenir','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;font-size: 1em;}
em {font-family:'AvenirOblique','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;}
strong {font-family:'AvenirBlack','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;}
a {color:#ff48af;font-weight:normal;text-decoration:underline;} a {color:#ff48af;font-weight:normal;text-decoration:underline;}
h3 {color:#000;font-size:1.6em;line-height:1.4rem;font-weight:bold;} h3 {color:#000;font-size:1.6em;line-height:1.4rem;font-family:'AvenirBlack','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;}
} }
@media only screen and (max-device-width: 480px) { @media only screen and (max-device-width: 480px) {
@ -32,7 +118,7 @@
</p> </p>
</div> </div>
<div class="main-news"> <div class="main-news">
<h3 style=""><strong>resolució de la </strong><strong>convocatòria de beques de (auto)edició en risografía - La Escocesa 2023</strong></h3> <h3 style="">resolució de la convocatòria de beques de (auto)edició en risografía - La Escocesa 2023</h3>
<div class="figure"> <div class="figure">
<img alt="" src="newsletter-laescocesa-img/risografia-laescocesa-beques-2023.jpg" style="border:0;height:auto;outline:none;text-decoration:none;" class="" width="564"> <img alt="" src="newsletter-laescocesa-img/risografia-laescocesa-beques-2023.jpg" style="border:0;height:auto;outline:none;text-decoration:none;" class="" width="564">
<div style="text-align:right"><span style="font-size:10px">Imatge: TABLOID press</span></div> <div style="text-align:right"><span style="font-size:10px">Imatge: TABLOID press</span></div>
@ -50,44 +136,44 @@
</div> </div>
</div> </div>
<div class="news"> <div class="news">
<h3 style="display:block;margin:0;padding:0;color:#000000;font-family:'Open Sans','Helvetica Neuvetica,size:24px;font-style:normal;font-weight:bold;line-height:125%;letter-spacing:normal;text-align:left">edicions La Escocesa</h3> <h3 style="font-size:24px;">edicions La Escocesa</h3>
<table style="max-width:100%;min-width:100%;border-collapse:collapse" class="" width="100%" cellspacing="0" cellpadding="0" border="0" align="left"> <table style="min-width:100%;border-collapse:collapse" class="" width="100%" cellspacing="0" cellpadding="0" border="0" align="left">
<tbody> <tbody>
<tr> <tr>
<td class="" style="padding-top:0;padding-right:18px;padding-bottom:9px;padding-left:18px;word-break:break-word;color:#202020;font-family:'Open Sans','Helvetica Neuvetica,size:14px;line-height:150%;text-align:left" valign="top"> <td class="" style="padding:0.5em 1em;color:#202020;font-size:14px;" valign="top">
</td> </td>
</tr> </tr>
<tr> <tr>
<td class="" style="padding-top:0;padding-right:18px;padding-bottom:9px;padding-left:18px;word-break:break-word;color:#202020;font-family:'Open Sans','Helvetica Neuvetica,size:14px;line-height:150%;text-align:left" valign="top"> <td class="" style="padding:0.5em 1em;color:#202020;font-size:14px;" valign="top">
<a href="https://laescocesa.org/ca/view/consultori/3735" title="" target="_blank" > <a href="https://laescocesa.org/ca/view/consultori/3735" title="" target="_blank" >
<img alt="" src="newsletter-laescocesa-img/schools-are-dead-book.jpg" style="max-width:1158px;border:0;height:auto;outline:none;text-decoration:none;vertical-align:bottom" class="" width="200"> <img alt="" src="newsletter-laescocesa-img/schools-are-dead-book.jpg" style="max-width:1158px;border:0;height:auto;outline:none;text-decoration:none;vertical-align:bottom" class="" width="200">
</a> </a>
</td> </td>
<td class="" style="padding-right:18px;padding-top:18px;padding-bottom:18px;color:#000000;font-family:Helvetica;font-size:14px;font-weight:normal;text-align:left;word-break:break-word;line-height:150%" valign="top"> <td class="" style="padding:0.5em 1em;font-size:14px;" valign="top">
Durant juliol, La Escocesa reeditarà <a href="https://laescocesa.org/ca/view/schoolsaredead%2521/3179" style="" target="_blank" >Schools are dead</a>, una publicació de Joan Pallé i Dorothy Spencer que examina diferents projectes pedagògics alternatius i radicals a Barcelona i Londres al llarg de la història.<br> Durant juliol, La Escocesa reeditarà <a href="https://laescocesa.org/ca/view/schoolsaredead%2521/3179" style="" target="_blank" >Schools are dead</a>, una publicació de Joan Pallé i Dorothy Spencer que examina diferents projectes pedagògics alternatius i radicals a Barcelona i Londres al llarg de la història.<br>
<br> <br>
<a href=" httpsolsaredead%2521/3179" style="" target="_blank" >+ info</a> <a href="#" style="" target="_blank" >+ info</a>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
<div class="agenda" style="display:inline-block"> <div class="agenda" style="display:inline-block">
<h3 style="display:block;margin:0;padding:0;color:#000000;font-family:'Open Sans','Helvetica Neuvetica,Arial,sans-serif;font-size:24px;font-style:normal;font-weight:bold;line-height:125%;letter-spacing:normal;text-align:left">agenda</h3> <h3 style="font-size:24px;">agenda</h3>
<table class="" style="border-collapse:collapse" width="282" cellspacing="0" cellpadding="0" border="0" align="left"> <table class="" style="border-collapse:collapse" width="282" cellspacing="0" cellpadding="0" border="0" align="left">
<tbody> <tbody>
<tr> <tr>
<td style="padding:0 9px 9px 9px" valign="top" align="center"> <td style="padding:0 9px 9px 9px" valign="top" align="center">
<img alt="" src="newsletter-laescocesa-img/rebost-2023-05-07-el-consultori.jpg" style="max-width:1080px;border:0;height:auto;outline:none;text-decoration:none;vertical-align:bottom" class="" width="264"> <img alt="" src="newsletter-laescocesa-img/rebost-2023-05-07-el-consultori.jpg" style="" class="" width="264">
</td> </td>
</tr> </tr>
<tr> <tr>
<td class="" style="padding:0 9px 0 9px;word-break:break-word;color:#202020;font-family:'Open Sans','Helvetica Neuvetica,Arsize:14px;line-height:150%;text-align:left" width="282" valign="top"> <td class="" style="padding:0 0.5em;color:#202020;" width="282" valign="top">
<h4 style="display:block;margin:0;padding:0;color:#ff48af;font-family:'Open Sans','Helvetica Neuvetica,Arsize:16px;font-style:normal;font-weight:normal;line-height:100%;letter-spacing:normal;text-align:left"><span style="font-size:18px">el consultori</span></h4> <h4 style="color:#ff48af;font-size:18px">el consultori</h4>
<strong>4 de juliol </strong> <strong>4 de juliol </strong>
<strong>16:30h</strong><br> <strong>16:30h</strong><br>
<span style="font-size:14px">Un dimecres al mes entre maig i juliol projectarem pel·lícules en versió original amb subtítols en castellà, curades per diferents socis i artistes residents de La Escocesa.</span> <span style="">Un dimecres al mes entre maig i juliol projectarem pel·lícules en versió original amb subtítols en castellà, curades per diferents socis i artistes residents de La Escocesa.</span>
<span style="font-size:14px"><a href="https://laescocesa.org/ca/view/cineclub/3752" style="" target="_blank" >+info</a></span> <span style=""><a href="https://laescocesa.org/ca/view/cineclub/3752" style="" target="_blank" >+info</a></span>
</td> </td>
</tr> </tr>
</tbody> </tbody>
@ -95,13 +181,13 @@
<table class="" style="border-collapse:collapse" width="282" cellspacing="0" cellpadding="0" border="0" align="right"> <table class="" style="border-collapse:collapse" width="282" cellspacing="0" cellpadding="0" border="0" align="right">
<tbody> <tbody>
<tr> <tr>
<td style="padding:0 9px 9px 9px" valign="top" align="center"> <td style="padding:0.5em" valign="top" align="center">
<img alt="" src="newsletter-laescocesa-img/rebost-2023-05-07-cineclub.jpg" style="max-width:1080px;border:0;height:auto;outline:none;text-decoration:none;vertical-align:bottom" class="" width="264"> <img alt="" src="newsletter-laescocesa-img/rebost-2023-05-07-cineclub.jpg" style="" class="" width="264">
</td> </td>
</tr> </tr>
<tr> <tr>
<td class="" style="padding:0 9px 0 9px;word-break:break-word;color:#202020;font-family:'Open Sans','Helvetica';text-align:left" width="282" valign="top"> <td class="" style="padding:0 0.5em;color:#202020;" width="282" valign="top">
<h4 style="display:block;margin:0;padding:0;color:#ff48af;font-family:'Open Sans','Helvetica';font-style:normal;font-weight:normal;line-height:100%;letter-spacing:normal;text-align:left"><span style="font-size:18px">cineclub</span></h4> <h4 style="color:#ff48af;"><span style="font-size:18px">cineclub</span></h4>
<strong>5 de juliol </strong> <strong>5 de juliol </strong>
<strong>21:00h</strong> <strong>21:00h</strong>
<br> <br>