[30/04/23] sorted category styling and added mastodon link
This commit is contained in:
parent
f8e1f5c38d
commit
547dfe4eb3
56 changed files with 594 additions and 4035 deletions
49
_layouts/category.html
Normal file
49
_layouts/category.html
Normal file
|
@ -0,0 +1,49 @@
|
|||
<!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 b=categories %}
|
||||
<div class="col col-md-9">
|
||||
<h1 style="font-weight: 500;">
|
||||
{{ page.title }}
|
||||
</h1>
|
||||
<hr>
|
||||
<ul style="list-style-type:none;margin:0;padding:0;">
|
||||
{% for post in page.posts %}
|
||||
{% assign categories = page.title %}
|
||||
{% assign category = site.data.categories[categories] %}
|
||||
<li>
|
||||
<h4><a href="{{ post.url }}">{{ post.title }}</a></h4>
|
||||
<div style="font-family:Rubik;font-weight:500;">
|
||||
<i class="fas fa-calendar"></i> {{ post.date | date_to_string }} |
|
||||
<span style="background-color:{{category.backColor}};color:{{category.textColor}};"> <i
|
||||
class="fas fa-folder"></i> {{ categories }} </span>
|
||||
</div>
|
||||
{{ post.content | strip_html | truncatewords: 30 }}
|
||||
<br>
|
||||
<br>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<br>
|
||||
<br>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
Loading…
Add table
Add a link
Reference in a new issue