56 lines
1.7 KiB
HTML
56 lines
1.7 KiB
HTML
---
|
|
layout: category
|
|
category-name: technology
|
|
---
|
|
|
|
<h1>Technology Posts</h1>
|
|
|
|
<div class="blog-home">
|
|
{% if site.categories.technology.size > 0 %}
|
|
<ul class="blog-home__list-items">
|
|
{% for post in site.categories.technology %}
|
|
<li class="blog-home__list-items__item">
|
|
<div class="blog-home__list-items__item__header">
|
|
<div>
|
|
<h3 class="blog-home__list-items__item__header__title">
|
|
<a href="{{ post.url | relative_url }}"
|
|
>{{ post.title | escape }}</a
|
|
>
|
|
</h3>
|
|
</div>
|
|
<div class="blog-home__list-items__item__header__description">
|
|
<span>{{post.description}}</span>
|
|
</div>
|
|
</div>
|
|
<div class="blog-home__list-items__item__excerpt">
|
|
{% if post.image %}
|
|
<a href="{{post.url | relative_url}}"
|
|
><img
|
|
class="blog-home__list-items__item__excerpt__thumb"
|
|
alt="{{ post.description | escape }}"
|
|
title="{{ post.description | escape }}"
|
|
src="../assets/images/{{ post.image }}.jpg"
|
|
/></a>
|
|
{% else %}
|
|
<a href="{{post.url | relative_url}}"
|
|
><img
|
|
class="blog-home__list-items__item__excerpt__thumb"
|
|
alt="{{ post.description | escape }}"
|
|
title="{{ post.description | escape }}"
|
|
src="../assets/images/hello-world.jpg"
|
|
/></a>
|
|
|
|
{% endif %} {{ post.excerpt }}
|
|
</div>
|
|
<div class="blog-home__list-items__item__readmore">
|
|
<a href="{{ post.url | relative_url }}" class="button"
|
|
>Continue Reading</a
|
|
>
|
|
</div>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% else %}
|
|
<span>No posts to show.</span>
|
|
{% endif %}
|
|
</div>
|