newsletter-templates/newsletter-laescocesa-templ...

194 lines
9.4 KiB
HTML

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
@font-face {
font-family: 'AvenirLight';
src: url('https://newsletter.laescocesa.org/assets/avenir/Avenir-Light.woff') format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'AvenirLightOblique';
src: url('https://newsletter.laescocesa.org/assets/avenir/Avenir-LightOblique.woff') format("woff");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Avenir';
src: url('https://newsletter.laescocesa.org/assets/avenir/Avenir-Roman.woff') format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'AvenirOblique';
src: url('https://newsletter.laescocesa.org/assets/avenir/Avenir-Oblique.woff') format("woff");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'AvenirBook';
src: url('https://newsletter.laescocesa.org/assets/avenir/Avenir-Book.woff') format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'AvenirBookOblique';
src: url('https://newsletter.laescocesa.org/assets/avenir/Avenir-BookOblique.woff') format("woff");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'AvenirMedium';
src: url('https://newsletter.laescocesa.org/assets/avenir/Avenir-Medium.woff') format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'AvenirMediumOblique';
src: url('https://newsletter.laescocesa.org/assets/avenir/Avenir-MediumOblique.woff') format("woff");
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'AvenirBlack';
src: url('https://newsletter.laescocesa.org/assets/avenir/Avenir-Black.woff') format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'AvenirBlackOblique';
src: url('https://newsletter.laescocesa.org/assets/avenir/Avenir-BlackOblique.woff') format("woff");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@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 {
body {height:100vh;margin:0;padding:0;width:100%;background-color:#f2f2f2;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;}
h3 {color:#000;font-size:1.6em;line-height:1.4rem;font-family:'AvenirBlack','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;}
h4 {color:#ff48af;font-size:1.2em;line-height:1.4rem;font-family:'AvenirBlack','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;}
.hide {display:none;font-size:0px;line-height:0px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;}
.social a {color:#000;text-decoration:none;}
.social .icon {padding:0;margin:0;font-size:0;line-height:0;}
.social .icon:after {content:"";display:inline-block;min-width:20px; min-height:20px;padding:0;margin:0;font-size:1em;line-height:1em;background-color:#bbb;background-position: center center;background-size: contain;background-repeat:no-repeat;}
.social .fb:after {background-image:url('https://newsletter.laescocesa.org/assets/images/icon-facebook.jpg');}
.social .insta:after {background-image:url('https://newsletter.laescocesa.org/assets/images/icon-instagram.jpg');}
.wrap-content {width:90vw;max-width:600px;margin: 0 auto;padding: 1em 2em;border:0;background:#ffffff;}
.header p {margin:0;padding: 0 0 0.5em 0;font-size: 0.8em;text-align:right;}
.header hr {width: calc(100% + 4em);margin:0 -2em;}
.header .logo {text-align:center;}
.header .logo img {max-width:300px;margin: 0 auto;padding-bottom:0;vertical-align:bottom;border:0;height:auto;outline:none;text-decoration:none;}
.main-news .figure img {width:100%;}
.main-news .figure .credits {text-align:right;font-size:0.7em}
.news .article img {float:left;width:33%;margin:0 1em 0 0;padding:0;}
.news .article h3 {margin:0;font-size:1.2em;}
.news .article h4 {margin:0;font-size:1em;}
.agenda {display:inline-block;}
.agenda .events {display: flex;flex-flow: row wrap;column-gap: 2em;}
.agenda .event {display:inline-block;width:calc(50% - 1em);margin:0 0 3em 0;padding:0;}
.agenda .event img {width:100%;}
.agenda .event h4 {margin:0.5em 0;}
.agenda .event p {margin:0;}
.agenda .event .banner {width:calc(100% - 1em);height:1em;padding:0.5em;background-color:#00838b;color:#fff;font-family:'AvenirBlack','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:0.6em;}
.agenda .event .banner .dates {width:100%;margin:0;padding:0;}
.agenda .event .banner .tag {float:right;text-transform:uppercase;}
.agenda .event .article {display:inline-block;width:100%;margin:0;padding:0;}
.agenda-residents {margin-top:2em;}
.agenda-residents h3 {margin:0;}
.agenda-residents ul {margin:0;padding:0;list-style:none;}
.agenda-residents ul li {padding-top:1em;}
}
@media only screen and (max-device-width: 480px) {
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
}
</style>
</head>
<body class="newsletter" style="">
<div class="wrap-content" style="">
<header class="header">
<p class="hide" style="">convocatòries, activitats i novetats de La Escocesa</p>
<p style="">
Si no pots veure aquest missatge, clica <a href="{{ MessageURL }}">aquí</a>
</p>
<hr>
<p class="social">
<a href="https://laescocesa.org">www.laescocesa.org</a>
<br />
<a href="#" class="icon fb">facebook</a>
<a href="#" class="icon insta">instagram</a>
</p>
<p class="logo">
<img alt="la escocesa newsletter logo" src="https://newsletter.laescocesa.org/assets/images/laescocesa-newsletter-logo.jpg" style="" class="">
</p>
</header>
<main>
{{ template "content" . }}
</main>
<footer>
<div class="credits">
<div class="supported-by">
<h3 style="text-align:center">Amb el suport 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">
<h3 style="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">
</div>
</div>
<div class="collaborations">
<h3 style="text-align:center">En col.laboració amb:</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:0px;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:0px;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:0px;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:0px;outline:none;text-decoration:none" width="13" height="20" alt="iD">
<img src="https://newsletter.laescocesa.org/assets/images/homesession-logo.png" style="border:0px;margin:0px;outline:none;text-decoration:none" width="27" height="20" alt="Homesession">
</div>
</div>
</div>
<div class="footer" style="text-align:center;font-size:10px;margin-top: 1rem;">
<p>
Sis plau, no responguis aquest email. Si vols contactar amb La Escocesa, truca al +34 93 165 0020.
<br>
També ens pots <a href="https://laescocesa.org/es/La%20Escocesa/equipo">trobar online</a>.
<br>
Pots <a href="{{ UnsubscribeURL }}">eliminar la teva subscripció</a> quan vulguis.
</p>
</div>
{{ TrackView }}
</footer>
</div>
</body>
</html>