SalaMuseoGames/_layouts/home.html

170 lines
7.5 KiB
HTML

---
layout: main
---
{% if site.paginate %}
{% assign posts = paginator.posts | where_exp:"post","post.is_generated != true" %}
{% else %}
{% assign posts = site.posts | where_exp:"post","post.is_generated != true" %}
{% endif %}
{% if site.show_hero and paginator == nil or paginator.page == 1 %}
{% assign offset = 1 %}
{% else %}
{% assign offset = 0 %}
{% endif %}
<main class="home {% if site.show_hero and paginator == nil or paginator.page == 1 %}no-padding{% endif %}" role="main">
{% if site.show_hero and paginator == nil or paginator.page == 1 %}
<!-- Hero -->
{% assign featured = posts.first %}
<section class="hero" style="background-image: url({% if featured.image_source == 'internal' %}{{ site.baseurl }}{% endif %}{{ featured.image }})">
<div class="pixels"></div>
<div class="gradient"></div>
<div class="content">
<time datetime="{{ featured.date | date_to_xmlschema }}" class="date">
{% if site.date_format == nil %}
{{ featured.date | date: "%m.%d.%Y" }}
{% else %}
{{ featured.date | date: site.date_format }}
{% endif %}
</time>
<h1 class="title">{{ featured.title }}</h1>
<p class="description">{{ featured.subtitle }}</p>
<div class="buttons">
<a href="{{ featured.url | prepend: site.baseurl }}" role="button" class="button">
<svg><use xlink:href="#icon-read"></use></svg>
<span>{{ site.translations.button.read_now | default: "Check it Out" }}</span>
</a>
</div>
</div>
</section>
{% endif %}
<!-- Posts -->
<section id="grid" class="row flex-grid">
{% for post in posts offset: offset %}
<article class="box-item">
<span class="category">
<a href="{{ site.baseurl }}/{{ site.categories_folder | default: 'category' }}/{{ post.category }}">
<span>{{ post.category }}</span>
</a>
</span>
<div class="box-body">
<a class="cover" href="{{ post.url | prepend: site.baseurl }}">
{% include loader.html %}
{% if post.optimized_image %}
<img src="{{ site.baseurl }}/assets/img/placeholder.png" width="100%" data-url="{{ post.optimized_image }}" class="preload">
<noscript>
<img src="{{ post.optimized_image }}" width="100%">
</noscript>
{% elsif post.image %}
<img src="{{ site.baseurl }}/assets/img/placeholder.png" width="100%" data-url="{% if post.image_source == 'internal' %}{{ site.baseurl }}{% endif %}{{ post.image }}" class="preload">
<noscript>
<img src="{% if post.image_source == 'internal' %}{{ site.baseurl }}{% endif %}{{ post.image }}" width="100%">
</noscript>
{% else %}
<img src="{{ site.baseurl }}/assets/img/placeholder.png" width="100%" data-url="{{ site.baseurl }}/assets/img/off.jpg" class="preload">
<noscript>
<img src="{{ site.baseurl }}/assets/img/off.jpg" width="100%">
</noscript>
{% endif %}
{% include new-post-tag.html date=post.date %}
{% include read-icon.html %}
</a>
<div class="box-info">
<time datetime="{{ post.date | date_to_xmlschema }}" class="date">
{% include date.html date=post.date %}
</time>
<a class="post-link" href="{{ post.url | prepend: site.baseurl }}">
<h2 class="post-title">
{{ post.title }}
</h2>
</a>
<a class="post-link" href="{{ post.url | prepend: site.baseurl }}">
<p class="description">{{ post.description }}</p>
</a>
<div class="tags">
{% for tag in post.tags %}
{% if tag != "" %}
<a href="{{ site.baseurl}}/tags/#{{tag | slugify }}">#{{ tag }}</a>
{% endif %}
{% endfor %}
</div>
</div>
</div>
</article>
{% endfor %}
</section>
<!-- Pagination -->
{% if site.paginate %}
{% include pagination-home.html %}
{% endif %}
</main>
{% include site-social-urls.html %}
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebPage",
"mainEntity": {
"@type": "Blog",
"name": "{{ site.name }}",
"headline": "{{ site.title }}",
"description": "{{ site.description }}",
"url": "{{ site.url }}{{site.baseurl}}/",
"inLanguage": "{{ site.language }}",
"isFamilyFriendly": "true",
"creator": {
"@type": "Organization",
"name": "{{ site.name }}",
"url": "{{ site.url }}{{site.baseurl}}/",
"sameAs": [
{{ social_urls | split: "," | join: "," }}
]
},
"mainEntity": {
"@type": "ItemList",
"itemListElement": [
{% assign limit = 8 %}
{% for post in posts limit: limit %}
{% assign author = site.authors | where: "name", post.author | first %}
{
"@type": "BlogPosting",
"name": "{{ post.title }}",
"headline": "{{ post.subtitle }}",
"description": "{{ post.description }}",
"image": "{{ post.image }}",
"url": "{{ post.url | prepend: site.baseurl | prepend: site.url }}",
"inLanguage": "{{ site.language }}",
"dateCreated": "{{ post.date | date: '%Y-%m-%d/' }}",
"datePublished": "{{ post.date | date: '%Y-%m-%d/' }}",
"dateModified": "{{ post.date | date: '%Y-%m-%d/' }}",
"author": {
"@type": "Person",
"name": "{{ author.display_name }}",
"url": "{{ author.url | prepend: site.baseurl | prepend: site.url }}"
},
"publisher": {
"@type": "Organization",
"name": "{{ site.name }}",
"url": "{{ site.url }}{{site.baseurl}}/",
"logo": {
"@type": "ImageObject",
"url": "{{ site.url }}{{site.baseurl}}/assets/img/blog-image.png",
"width": "600",
"height": "315"
}
},
"mainEntityOfPage": "True",
"genre": "{{ post.category | capitalize }}",
"articleSection": "{{ post.category | capitalize }}",
"keywords": [{{ post.tags | join: '","' | append: '"' | prepend: '"' }}]
}{% if forloop.last == false %},{% endif %}
{% endfor %}
]
}
}
}
</script>