site/_layouts/category.html

51 lines
1.9 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="{{ page.title }}">
<meta property="og:image" content="https://andrewconl.in/assets/images/og-image-template.jpg">
<meta property="og:url" content="{{ page.url }}">
<title>andrew conlin</title>
<link href="https://use.fontawesome.com/releases/v6.0.0/css/all.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="/assets/css/default.css" rel="stylesheet">
{% include style.html a=page.title %}
</head>
<body>
<div class="container text-start">
{% include nav.html a=page.title %}
<div class="col col-md-9">
{% assign categories = page.title %}
{% assign category = site.data.categories[categories] %}
<h1 style="font-weight: 500;">
<span style="background-color:{{category.backColor}};color:{{category.textColor}};">&nbsp;<i class="fas fa-folder"></i>&nbsp;{{ page.title }}&nbsp;</span>
</h1>
<hr>
<ul style="list-style-type:none;margin:0;padding:0;">
{% for post in page.posts %}
{% assign categories = post.categories %}
{% assign category = site.data.categories[categories.first] %}
<li>
<h4><a href="{{ post.url }}">{{ post.title }}</a></h4>
<div style="font-family:Rubik;font-weight:500;">
<i class="fas fa-calendar"></i>&nbsp;{{ post.date | date_to_string }}&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<span style="background-color:{{category.backColor}};color:{{category.textColor}};">&nbsp;<i
class="fas fa-folder"></i>&nbsp;{{ categories }}&nbsp;</span>
</div>
{{ post.content | strip_html | truncatewords: 30 }}
<br>
<br>
</li>
{% endfor %}
</ul>
<br>
<br>
</div>
</div>
</body>
</html>