<!DOCTYPE html>
<html lang="{{ _cs_page.lang.locale|default("") }}">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="lang" content="es"/>
		<meta name="language" content="es_ES"/>
		<meta http-equiv="Content-Language" content="es"/>
		<meta name="locality" content="Barcelona, España"/>
		<meta name="author" content="mercurium"/>

		{% block cshead %}
			<title>{{ _cs_metaData.title|default("Mercurium") }}</title>
			<meta name="description" content="{{ _cs_metaData.description|default("Mercurium: el estàndard per Comitium") }}"/>
			<link rel="canonical" href="{{ _cs_metaData.canonical|default("") }}"/>
			{% block csarticle %}{% endblock %}
			{% block csdate %}{% endblock %}
		{% endblock %}

		{% block facebook_card %}
			<meta property="fb:page_id" content="__FB_PAGE_ID__"/>
			<meta property="fb:pages" content="__FB_PAGES__"/>
			<meta property="og:site_name" content="{{ _cs_subsite.name|default("") }}"/>
			<meta property="og:type" content="{{ _cs_metaData.ogType|default("website") }}"/>
			<meta property="og:title" content="{{ _cs_metaData.ogTitle|default("Mercurium") }}"/>
			<meta property="og:url" content="{{ _cs_metaData.canonical|default(app.request.uri|default) }}"/>
			<meta property="og:description" content="{{ _cs_metaData.ogDescription|default("Mercurium: el estàndard per Comitium") }}"/>
			<meta property="og:image" content="{{ _cs_metaData.ogImage|default("__CLIENT_LOGO__") }}"/>
			<meta property="og:image:width" content="{{ _cs_metaData.ogImageWidth|default("200") }}"/>
			<meta property="og:image:height" content="{{ _cs_metaData.ogImageHeight|default("200") }}"/>
			{% block ogdate %}{% endblock %}
		{% endblock %}

		{% block twitter_card %}
			<meta name="twitter:site" content="@__TWITTER_NICK__"/>
			<meta name="twitter:creator" content="@__TWITTER_NICK__">
			<meta name="twitter:card" content="summary_large_image"/>
			<meta name="twitter:url" content="{{ _cs_metaData.canonical|default(app.request.uri|default) }}"/>
			<meta name="twitter:title" content="{{ _cs_metaData.ogTitle|default("Mercurium") }}"/>
			<meta name="twitter:description" content="{{ _cs_metaData.ogDescription|default("Mercurium: el estàndard per Comitium") }}"/>
			<meta name="twitter:image" content="{{ _cs_metaData.ogImage|default("__CLIENT_LOGO__") }}"/>
		{% endblock %}

		<link rel="shortcut icon" href="/favicon.ico"/>
		<link rel="apple-touch-icon" sizes="72x72" href="https://{{app.request.httphost}}/uploads/static/mercurium/logos/apple-touch-icon-72x72.png"/>
		<link rel="apple-touch-icon" sizes="114x114" href="https://{{app.request.httphost}}/uploads/static/mercurium/logos/apple-touch-icon-114x114.png"/>
		<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://{{app.request.httphost}}/uploads/static/mercurium/logos/apple-touch-icon-72x72.png"/>
		<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://{{app.request.httphost}}/uploads/static/mercurium/logos/apple-touch-icon-114x114.png"/>

		<link rel="alternate" type="application/rss+xml" title="Subscribirse" href="https://{{app.request.httphost}}/uploads/uploads/feeds/feed_{{ _cs_subsite.acronym|default }}-{{ _cs_page.lang.locale|default }}.xml"/>

		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1"/>
		
		<script data-schema="Organization" type="application/ld+json">
			{"name":"Mercurium","url":"Mercurium","logo":"Mercurium","sameAs":["FACEBOOK_URL","TWITTER_URL","GPLUS_URL"],"@type":"Organization","@context":"https://schema.org"}
		</script>

		{% block css_webpack %}{% endblock %}

		{% block cspagination %}{% endblock %}
		{% block cs_extrahead %}{% endblock %}
		{% block cs_extrametatags %}{% endblock %}
		{% block cs_amp %}{% endblock %}

		<!-- CMP Code -->
		<!-- /CMP Code -->

		<!-- Adserver scripts -->
		<!-- /Adserver scripts -->

		{% block stats %}

			<!-- Begin comScore Tag -->
			<!-- End comScore Tag -->

			<!-- Google Analytics -->
			{% block google_analyics %}
			<script asyncsrc="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXX-1"> </script>
			<script>
				window.dataLayer = window.dataLayer || [];
				function gtag() {
					dataLayer.push(arguments);
				}
				gtag('js', new Date());
				{% block cs_ga_dimensions %}
					gtag('config', 'UA-XXXXXX-1');
				{% endblock %}
			</script>
			{% endblock %}
			<!-- Google Analytics -->

		{% endblock %}

		{% block cs_headexternal %}{% endblock %}

	</head>

	<body itemscope itemtype="https://schema.org/WebPage" {% block cssbody %}{% endblock %}>
		<div class="o-page">
			<div class="cscontent">
				{% block cscontent %}{% endblock %}
			</div>
		</div>

		{% block js_body %}
			<script>
				// IE support
				(function () {
				if (typeof window.CustomEvent === "function") {
				return false;
				}

				function CustomEvent(event, params) {
				params = params || {
				bubbles: false,
				cancelable: false,
				detail: undefined
				};
				var evt = document.createEvent("CustomEvent");
				evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
				return evt;
				}

				CustomEvent.prototype = window.Event.prototype;
				window.CustomEvent = CustomEvent;
				})();

				// Browser support version choice
				(function (w, d) {
				var b = d.getElementsByTagName('body')[0];
				var s = d.createElement("script");
				s.async = true;
				var v = !("IntersectionObserver" in w) ? "8.7.1" : "10.5.2";
				s.src = "https://cdnjs.cloudflare.com/ajax/libs/vanilla-lazyload/" + v + "/lazyload.min.js";
				w.addEventListener('LazyLoad::Initialized', function (e) {
				w.lazyLoad = e.detail.instance;
				}, false);
				w.lazyLoadOptions = {};
				b.appendChild(s);
				}(window, document));
			</script>
		{% endblock %}

		{% block csendbody %}{% endblock %}
		{% block js_webpack %}{% endblock %}

	</body>
</html>
