<data:view.title.escaped/>

* *

<b:defaultmarkup type='TextList'>
		<b:includable id='main'>
			<b:include name='widget-title'/>
			<div class='widget-content'>
				<ul class='wgts-list'>
					<b:loop values='data:items' var='item'>
						<li><data:item/></li>
					</b:loop>
				</ul>
			</div>
		</b:includable>
	</b:defaultmarkup>

<b:defaultmarkup type='PageList'>
		<b:includable id='main'>
			<b:include name='widget-title'/>
			<div class='widget-content'>
				<ul class='wgts-list'>
					<b:loop values='data:links' var='link'>
						<li class='is-link'><a expr:href='data:link.href'><data:link.title/></a></li>
					</b:loop>
				</ul>
			</div>
		</b:includable>
	</b:defaultmarkup>

<b:defaultmarkup type='LinkList'>
		<b:includable id='main'>
			<b:include name='widget-title'/>
			<div class='widget-content'>
				<ul class='wgts-list'>
					<b:loop values='data:links' var='link'>
						<li class='is-link'><a expr:href='data:link.target'><data:link.name/></a></li>
					</b:loop>
				</ul>
			</div>
		</b:includable>
	</b:defaultmarkup>

<b:defaultmarkup type='Label'>

<b:includable id='label'>
			<b:loop values='data:labels' var='label'>
				<a expr:href='data:label.url' rel='tag'>
					<data:label.name/>
					<b:if cond='data:showFreqNumbers'><span class='is-count'><data:label.count/></span></b:if>
				</a>
			</b:loop>
		</b:includable>

<b:includable id='main'>
			<b:include name='widget-title'/>
			<div class='widget-content'>
				<div class='wgts-labels'>
					<b:class cond='data:display == "list"' name='is-list' />
					<b:include name='label'/>
				</div>
			</div>
		</b:includable>
	</b:defaultmarkup>

<b:defaultmarkup type='FeaturedPost'>
		<b:includable id='thumbnail'>
			<a expr:href='data:post.url' class='featuredPost-thumbnail'><img expr:src='resizeImage(data:post.featuredImage, 300)' expr:alt='data:post.title' data-krsImage='{"w": "300", "h": "350"}'/></a>
		</b:includable>

<b:includable id='summary'>
			<p class='wgts-featuredPost__snippet'>
				<b:with var='summary' value='data:post.snippets.long snippet {length: 130, ellipsis: true}'>
					<data:summary/>
				</b:with>
			</p>
		</b:includable>

<b:includable id='main'>
			<b:include name='widget-title'/>
			<div class='widget-content'>
				<b:loop values='data:posts' var='post'>
					<div class='wgts-featuredPost'>
						<b:include name='thumbnail' cond='data:postDisplay.showSnippet' />
						<div class="wgts-featuredPost__content">
							<a expr:href='data:post.url' expr:title='data:post.title'><h3 class='wgts-featuredPost__title'><data:post.title/></h3></a>
							<b:include name='summary' cond='data:postDisplay.showSnippet and data:post.snippets.long.size > 2'/>
							<div class="wgts-featuredPost-meta m4-t">
								<span class='wgts-featuredPost-meta__item'><i class="fas fa-user"></i> <data:post.author.name/></span>
								<span class='wgts-featuredPost-meta__item'><i class="fas fa-clock"></i> <data:post.date/></span>
							</div>
						</div>
					</div>
				</b:loop>
			</div>
		</b:includable>
	</b:defaultmarkup>

<b:defaultmarkup type='PopularPosts'>

<b:includable id='thumbnail'>
			<a expr:href='data:post.url'>
				<img class='wgts-popularPost__thumbnail' expr:src='resizeImage(data:post.featuredImage, 72, "1:1")'/>
			</a>
		</b:includable>

<b:includable id='title'>
			<a expr:href='data:post.url'><span class='wgts-popularPost__title'><data:post.title/></span></a>
		</b:includable>

<b:includable id='snippet'>
			<b:if cond='data:post.snippets.short.length'>
				<p class='wgts-popularPost__summary'>
					<b:eval expr='data:post.snippets.short snippet {length: 90, ellipsis: true}'/>
				</p>
			</b:if>
		</b:includable>

<b:includable id='meta'>
			<div class='wgts-popularPost-meta m4-t'>
				<span class='wgts-popularPost-meta__item'><i class='fas fa-user'></i> <data:post.author.name /></span>
				<span class='wgts-popularPost-meta__item'><i class='fas fa-clock'></i> <data:post.date/></span>
			</div>
		</b:includable>

<b:includable id='default'>
			<div class='wgts-popularPost__item d-flex'>
				<div class='is-count'><b:eval expr='data:index + 1'/></div>
				<div class='wgts-popularPost__content'>
					<div class='wgts-popularPost__headline'>
						<b:include name='title' />
					</div>
				</div>
			</div>
		</b:includable>

<b:includable id='classic'>
			<div class='wgts-popularPost__item is-thumbnail d-flex f-wrap' expr:data-count='data:index + 1'>
				<b:include name='thumbnail' cond='data:postDisplay.showFeaturedImage'/>
				<div class='wgts-popularPost__content'>
					<div class='wgts-popularPost__headline'>
						<b:include name='meta'/>
						<b:include name='title'/>
					</div>
					<b:include name='snippet' cond='data:postDisplay.showSnippet'/>
				</div>
			</div>
		</b:includable>

<b:includable id='main'>
			<b:include name='widget-title'/>
			<div class='widget-content'>
				<div class='wgts-popularPost'>
					<b:loop values='data:posts' var='post' index='index'>
						<b:include name='classic' />
					</b:loop>
				</div>
			</div>
		</b:includable>
	</b:defaultmarkup>
</b:defaultmarkups>

<div class='navbar-outer layout is-box is-auto m32-b'>
	<div class='d-flex a-item-center j-content-between p16'>
		<div class='navbar-action'>
			<span class='navbar-action__item canvas-trigger'><i class='fas fa-bars'></i></span>
		</div>
		<div class="navbar-action">
			<span class='navbar-action__item search-trigger'><i class='fas fa-search'></i></span>
			<div class='search-off'>
				<div class='search-off__content layout is-box is-auto'>
					<form action='/search' class='d-flex a-item-center'>
						<div class='form-input'>
							<i class='fas fa-search'></i>
							<input type='text' expr:placeholder='data:messages.search' name='q'/>
						</div>
						<span class='search-off__close'><i class='fas fa-times'></i></span>
					</form>
				</div>
			</div>
		</div>
	</div>
	<div class='navbar-inner align-center'>
		<b:section id='header' class='w100 w50-lg m-auto' maxwidgets='1'>
			<b:widget id='Header1' title='Logo' type='Header' version='2' locked='true'>
				<b:includable id='main'>
					<b:if cond='data:sourceUrl'>
						<a expr:href='data:blog.homepageUrl'><img expr:src='data:sourceUrl' expr:alt='data:title' class='navbar-logo'/></a>
					<b:else/>
						<a expr:href='data:blog.homepageUrl' class='navbar-logo'><data:title/></a>
					</b:if>
					<b:if cond='data:description'>
						<p class='navbar-logo__about'>
							<data:description/>
						</p>
					</b:if>
				</b:includable>
			</b:widget>
		</b:section>
	</div>
	<b:section id='socialLink' maxwidgets='1'>
		
		<b:widget id='LinkList100' title='Social links' type='LinkList' locked='true'>
			<b:includable id='main'>
				<nav class='navbar-socialLink align-center'>
					<b:loop values='data:links' var='link'>
						<a expr:href='data:link.target'><i expr:class='data:link.name'></i></a>
					</b:loop>
				</nav>
			</b:includable>
		</b:widget>
	</b:section>
</div>

<aside class='canvas'>
<b:section id='canvas-sidebar' class='canvas-content sidebar p16'>
	<b:widget id='HTML1' title='Menu' type='HTML' locked='true'>
		<b:widget-settings>
		  <b:widget-setting name='content'>
<![CDATA[
<ul>
	<li><a href="/">Home</a></li>
	<li><a href="/p/shortcodes.html">Shortcode</a></li>
	<li><a href="#">Buy theme</a>
		<ul class="is-child">
			<li><a href="#">Gumroad</a></li>
			<li><a href="https://store.karasu-themes.com/search?q=Hominen">Oficial site</a></li>
		</ul>
	</li>
</ul>
]]>
		  </b:widget-setting>
		</b:widget-settings>
		<b:includable id="main">
      <div class="widget-title"><data:title/></div>
      <div class="widget-content">
        <nav class='canvas-menu'>
          <data:content/>
        </nav>
      </div>
		</b:includable>
	</b:widget>
</b:section>
</aside>

<div class='layout is-box is-auto is-2column d-flex f-wrap'>

<b:section id='blog' class='layout-main'>

<b:widget id='Blog1' type='Blog'>

<b:includable id='main' var='top'>

<b:if cond='data:view.isHomepage'>
				<div class='headline d-flex a-item-center j-content-between p16'>
					<h2 class='headline-title'><data:messages.recentPosts/></h2>
					<a class='headline-action' expr:href='"/search?max-results=" + data:posts.size'><data:messages.showAll/></a>
				</div>
			</b:if>

<b:if cond='data:posts.size == 0'>
					<div class='alert m16'><data:navMessage/></div>
				<b:elseif cond='data:view.search.query or data:view.search.label'/>
					<div class='alert m16'><data:navMessage/></div>
			</b:if>

<b:if cond='data:view.isMultipleItems'>
					<b:loop values='data:posts' var='post'>
						<b:include name='post' data='post'/>
					</b:loop>
					<b:include name='postPagination'/>
				<b:else/>
					<b:loop values='data:posts' var='post'>
						<b:include name='post' data='post'/>
					</b:loop>
			</b:if>

</b:includable>

<b:includable id='card.thumbnail'>
			<a expr:href='data:post.url' class='card-thumbnail'><img expr:src='resizeImage(data:post.featuredImage, 400)' expr:alt='data:post.title'/></a>
		</b:includable>

<b:includable id='card.title'>
			<a expr:href='data:post.url' expr:title='data:post.title'><h2 class='card-title'><data:post.title/></h2></a>
		</b:includable>

<b:includable id='card.meta:user'>
			<a expr:href='data:post.author.profileUrl' rel='author' class='card-meta__item skin-txt:hover'><i class='fas fa-user'></i>
				<data:post.author.name /></a>
		</b:includable>

<b:includable id='card.meta:timestamp'>
			<time class='card-meta__item' expr:datetime='data:post.date.iso8601'><i class='fas fa-clock'></i>
				<data:post.date /></time>
		</b:includable>

<b:includable id='card.meta'>
			<div class='card-meta'>
				<b:include name='card.meta:user' />
				<b:include name='card.meta:timestamp' />
			</div>
		</b:includable>

<b:includable id='card.headline'>
			<div class='card-headline'>
				<b:include name='card.title' />
				<b:include name='card.meta' />
			</div>
		</b:includable>

<b:includable id='card.snippet'>
			<b:if cond='data:post.snippets.short.length'>
				<p class='card-snippet'>
					<data:post.snippets.short/>
				</p>
			</b:if>
		</b:includable>

<b:includable id='card-default'>
			<div class='card is-blog d-flex f-wrap'>
				<b:include name='card.thumbnail' />
				<div class='card-content'>
					<b:include name='card.headline' />
					<b:include name='card.snippet' />
				</div>
			</div>
		</b:includable>

<b:includable id='post.meta:user'>
			<a expr:href='data:post.author.profileUrl' class='post-header-meta__item'>
				<img expr:src='data:post.author.authorPhoto.image' expr:alt='data:post.author.name'/>
				<i class="fas fa-user"></i> <data:post.author.name/>
			</a>
		</b:includable>

<b:includable id='post.meta:timestamp'>
			<time class='post-header-meta__item' expr:datetime='data:post.date.iso8601'><i class='fas fa-clock'></i>
				<data:post.date /></time>
		</b:includable>

<b:includable id='post.meta:comments'>
			<span class='post-header-meta__item'><i class='fas fa-comment'></i>
				<data:post.numberOfComments/></span>
		</b:includable>

<b:includable id='post.tags'>
      <div class='post-tags m16-y'>
        <b:loop var='tag' values='data:post.labels'>
          <a expr:href='data:tag.url'><data:tag.name/></a>
        </b:loop>
      </div>
		</b:includable>

<b:includable id='post.cmt'>
			<div class='post-cmt'>
    		<div class="post-cmt-header m16-b">
					<h3 class='post-cmt-header-title headline-title'><data:messages.comments/></h3>
				</div>
        <div class='post-cmt-content'>
          <b:include name='comments' />
        </div>
      </div>
		</b:includable>

<b:includable id='post.related' data='post'>
      <div class='post-related m16-b'>
				<div class="post-related-header">
					<h2 class="post-cmt-header-title headline-title">Articulos recomendados</h2>
				</div>
        <div id='wjs-related' class='post-related-content d-flex f-wrap a-item-start'/>
      </div>
      <script>
      /*!
        * wjs-related v2.1.0
        * Copyright 2018 zkreations
        * Developed by José Gregorio (fb.com/JGMateran)
        * Licensed under MIT (github.com/zkreations/wjs-related/blob/master/LICENSE)
        */
      var related = (function(){
      'use strict';

//Configuracion
      var defaults = {
          id: '<data:post.id/>',
          homepage: window.location.protocol + '//' + window.location.hostname,
          image: 'src/imgdefault.jpg', //Imagen por defecto
          length: 4, //Cantidad de entradas
          localeDate: '<data:blog.locale.language/>', //Idioma
          snippet: 50, //Cantidad de texto
          imgSize: 's90-c', //Recorte de la imagen
          container: document.getElementById('wjs-related'),
          tags: [<b:loop values='data:post.labels' var='label'>'<data:label.name/>',</b:loop>]
      };

//<![CDATA[
      var tags$length = defaults.tags.length;
      var script = document.createElement( 'script' );
      var src = defaults.homepage + '/feeds/posts/default' +
          '?alt=json-in-script' +
          '&callback=related' +
          '&max-results=' + ( defaults.length + 1 ) +
          '&q=';
      for ( var n = 0; n < tags$length; n++ ){
          src += 'label:"' + defaults.tags[ n ] + '"' + ( n === tags$length - 1 ? '' : '|' );
      }
      script.src = src;
      document.body.appendChild( script );
      function render( data ){
          var title = data.title.$t;
          var content = data.content;
          var summary = data.summary;
          var body = content ? content.$t : summary.$t;
          var snippet = (body).replace(/<[^>]*>?/g,'').substring( 0, defaults.snippet ) + '...';
          var img = data.media$thumbnail;
          var tempHtml = document.createElement('div');
          tempHtml.innerHTML = body;
          var imgHtml = tempHtml.querySelector('img');
          var image = ( img ? img.url : (imgHtml ? imgHtml.src : defaults.image)).replace(/[swh]\d{2,4}(?:-[swh]\d{2,4})?(?:-c)?/, defaults.imgSize);
          var url = (function(){
            for ( var i = 0; i < data.link.length; i++ ){
                var link = data.link[i];
                if ( link.rel === 'alternate' ){
                  return link.href;
                }
            }
          })();
          var published = new Date( data.published.$t ).toLocaleDateString(
            defaults.localeDate,
            {year:'numeric', month:'long', day: 'numeric'}
          );
          return (
            '<div class="c12 c6-md p8">'+
              '<div class="card d-flex f-wrap">'+
                '<a href="' + url + '" class="card-thumbnail"><img src="' + image + '" alt="' + title + '"></a>'+
                '<div class="card-content">				'+
                  '<div class="card-headline">				'+
                    '<a href="' + url + '"><h3 class="card-title">' + title + '</h3></a>'+
                    '<div class="card-meta">'+
                      '<span class="card-meta__item"><i class="fas fa-clock"></i>' + published + '</span>'+
                    '</div>'+
                  '</div>'+
                '</div>'+
              '</div>'+
            '</div>'
          );
      }
      function related( json ){
          var i = 0;
          var post;
          var length = defaults.length;
          for ( ; i < length && ( post = json.feed.entry[ i ] ); i++ ){
            if ( defaults.id !== post.id.$t.split( '.post-' )[ 1 ] ){
                defaults.container.innerHTML += render( post );
            } else {
                length++;
            }
          }
      }
      return related;
      })();
    //]]></script>
    </b:includable>

<b:includable id='post' var='post'>

<b:if cond='data:view.isMultipleItems'>

<b:elseif cond='data:view.isPost'/>

<b:include name='post.tags' />

<b:include name='post.related' />
          <b:include name='post.cmt' />

</article>

<b:elseif cond='data:view.isPage'/>

<b:include name='post.tags' />

<b:include name='post.cmt' />

</article>

</b:if>

</b:includable>

<b:includable id="comment-blogger">
			<b:include name='commentPicker' data='post'/>
		</b:includable>

<b:includable id="comment-disqus">
            <div id="disqus_thread"></div>
            <script>
				var disqus_config = function(){
					this.page.url = "<data:view.url.canonical/>";
					this.page.title = "<data:view.title.escaped/>";};
				(function() {
					var d = document, s = d.createElement('script');
					s.src = 'https://<data:skin.vars.config_shortname/>.disqus.com/embed.js';
					s.setAttribute('data-timestamp', +new Date());
					(d.head || d.body).appendChild(s);
				})();
            </script>
		</b:includable>

<b:includable id='postPagination'>
		  <div class='blog-pager p16' id='blog-pager'>
		    <b:include cond='data:newerPageUrl' name='previousPageLink'/>
		    <b:include cond='data:olderPageUrl' name='nextPageLink'/>
		  </div>
		</b:includable>

<b:includable id='previousPageLink'>
        	<b:tag name='a' expr:href='data:newerPageUrl'><data:messages.newerPosts/></b:tag>
		</b:includable>

<b:includable id='nextPageLink'>
        	<b:tag name='a' expr:href='data:olderPageUrl'><data:messages.olderPosts/></b:tag>
        </b:includable>

<b:includable id='status-message'>
        	<b:tag name='div' class='alert'><data:navMessage/></b:tag>
        </b:includable>

<b:includable id="comment-facebook">
			<div id="fb-root"></div>
			<b:if cond='data:skin.vars.config_comment == "facebook"'>
				<script async='async' defer='defer' crossorigin='anonymous' src='https://connect.facebook.net/es_LA/all.js#xfbml=1'></script>
			</b:if>
			<div class='fb-comments' expr:data-href='data:view.url.canonical' data-width='100%' data-numposts='5'></div>
		</b:includable>

<b:includable id="commentPicker" var='post'>
			<div class='comments threaded' expr:data-embed='data:post.embedCommentForm' expr:data-num-comments='data:post.numberOfComments' id='comments'>
				<a name='comments'/>

<b:if cond='data:post.allowNewComments'>
          <b:include data='post' name='threadedCommentForm'/>
        <b:else/>
          <p class='comment-footer alert'>
            <data:post.noNewCommentsText/>
          </p>
        </b:if>
			</div>
		</b:includable>

<b:includable id='comments'>
			<b:include expr:name='"comment-" + data:skin.vars.config_comment'/>
		</b:includable>

<b:includable id='threadedCommentForm' var='post'>
		  <div class='comment-form'>
		    <a name='comment-form'/>
		    <b:include data='post' name='commentFormIframeSrc'/>
		    <iframe class='blogger-iframe-colorize blogger-comment-from-post' id='comment-editor' name='comment-editor' src=''/>
		    <data:post.cmtfpIframe/>
		    <script type='text/javascript'>BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');//<![CDATA[
		    (function(){let img = document.querySelectorAll('.avatar-image-container img');for (var i = 0; i < img.length; i++) {let imgPath = img[i].getAttribute('src');img[i].setAttribute('src', imgPath.replace(/s\B\d{2,4}/,"s56"));}})();//]]></script>
		  </div>
		</b:includable>

<b:includable id='threadedCommentJs' var='post'>
		  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
		    <b:template-script inline='true' name='threaded_comments'/>
		    <script type='text/javascript'>
		      blogger.widgets.blog.initThreadedComments(<data:post.commentJso/>, <data:post.commentMsgs/>, <data:post.commentConfig/>);
		    </script>
		</b:includable>

<b:includable id='paginationLink'></b:includable>

</b:widget>

</b:section>

<div class='layout-column p16'>
<b:section id='sidebar' class='sidebar'>
	<b:widget id='Label1' locked='false' title='Labels' type='Label' visible='true'/>
	<b:widget id='PopularPosts1' locked='false' title='Most viewed' type='PopularPosts' visible='true'/>
</b:section>
</div>

</div>

<footer class='footer m48-t'>
<div class='footer-copyright'>
	<div class='layout is-auto is-box p24-y p16-x align-center'>
		Created by <a href="//karasu-themes.blogspot.com" property="cc:attributionName" rel="nofollow" target="_blank">Karasu themes</a> & <a href="https://www.blogger.com/">blogger</a> - <i class="fas fa-copyright"></i>
		<a href='/'><data:blog.title/></a>
		<b:section id='footer-copyright' maxwidgets='1' class='d-inline m8-l'>
			<b:widget id='Text1' title='Attribution' type='Text' locked='true' version='2'>
				<b:includable id='main'><b:eval expr='data:content ? " | " + data:content : ""'/></b:includable>
			</b:widget>
		</b:section>
	</div>
</div>
</footer>

<div class="bg-overlay"></div>

<link rel="stylesheet" href="//use.fontawesome.com/releases/v5.8.2/css/all.css"/>

<script src="//cdn.jsdelivr.net/gh/Karasu-themes/karasu-plugins/karasu-image/dest/krs-image.min.js"></script>

<script src='//cdn.jsdelivr.net/gh/Karasu-themes/karasu@0.1.17/dest/js/karasu-dev.min.js'></script>

<b:include data='blog' name='google-analytics'/>

<script>//<![CDATA[
(function(){
let opw = document.querySelectorAll('.krs-opw a');
for (var i = 0; i < opw.length; i++) {
  let self = opw[i];
  opw[i].addEventListener('click', e=>{
	e.preventDefault();
	window.open(self.href, "","width=600,height=400,left="+(screen.width/2-300)+",top="+(screen.height/2-200))
  })}
})();
//]]></script>

<script>
//<![CDATA[
!function(){const{click:e,each:c,css:t}=raven.utils;let i=document.querySelector(".bg-overlay");(()=>{let c=document.querySelector(".canvas-trigger"),o=document.querySelector(".canvas");body=document.body,e(c,e=>{t.add(o,"is-active"),t.add(i,"is-visible"),t.add(body,"canvas-is-active")}),e(i,e=>{t.remove(o,"is-active"),t.remove(i,"is-visible"),t.remove(body,"canvas-is-active")})})(),(()=>{let c=document.querySelector(".search-trigger"),o=document.querySelector(".search-off"),a=document.querySelector(".search-off__close");e(c,e=>{t.add(o,"is-active"),t.add(i,"is-visible"),o.querySelector("input").focus()}),e(a,e=>{t.remove(o,"is-active"),t.remove(i,"is-visible")}),e(i,e=>{t.remove(o,"is-active"),t.remove(i,"is-visible")})})(),(()=>{let i=document.querySelectorAll(".canvas-menu ul li a");c(i,(c,i)=>{let o=i,a=o.parentNode.querySelector("ul");if(a){let e=document.createElement("i");e.className="is-haveChild "+_ICON_SUB_MENU,o.appendChild(e)}e(o,e=>{a&&e.preventDefault(),t.toggle(a,"is-active")})})})()}();

// Init karasu component
const { dropdown, snackbar, collapse } = raven.components;
dropdown();
snackbar();
collapse();
//]]></script>

</body>
</html>