andrew/site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[30/04/23] sorted category styling and added mastodon link

Browse source
This commit is contained in:
Andrew Conlin 2023-04-30 13:41:06 +01:00
parent f8e1f5c38d
commit 547dfe4eb3
56 changed files with 594 additions and 4035 deletions
Download patch file Download diff file Expand all files Collapse all files

49
_layouts/category.html Normal file
View 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>&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>

6
_layouts/default.html
View file

@ -8,15 +8,15 @@
<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/v5.0.2/css/all.css" rel="stylesheet">
<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 category-style.html %}
{% include style.html a=page.categories.first %}
</head>
<body>
<div class="container text-start">
{% include nav.html %}
{% include nav.html a=page.categories.first %}
<div class="col col-md-9">
<h1 style="font-weight: 500;">
{{ page.title }}

2
_layouts/post.html
View file

@ -13,7 +13,7 @@ layout: default
&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<i class="fas fa-tag"></i>
{% for tag in tags %}
<span style="background-color:#171717;color:white;font-family:Rubik;padding:3px;border-radius:10px;"><a class="text-decoration-none" href="blog/tag/{{ tag }}">{{ tag }}</a></span>
<span style="background-color:#171717;color:white;font-family:Rubik;padding:3px;border-radius:10px;"><a class="text-decoration-none" href="/blog/tag/{{ tag }}">{{ tag }}</a></span>
{% if tag != tags.last %}
,
{% endif %}

24
_layouts/til-post.html
View file

@ -1,24 +0,0 @@
---
layout: default
---
{% assign categories = page.categories %}
{% assign category = site.data.categories[categories.first] %}
{% assign tags = page.tags %}
<p style="font-family:Rubik;font-weight:500;">
<i class="fas fa-calendar"></i>&nbsp;{{ page.date | date_to_string }}&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<span style="background-color:{{category.backColor}};color:{{category.textColor}};">&nbsp;<a class="text-decoration-none" style="color:{{category.textColor}}" href="/til"><i class="fas fa-folder"></i>&nbsp;{{ categories.first }}</a>&nbsp;</span>
&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<i class="fas fa-tag"></i>
{% for tag in tags %}
<span style="background-color:#171717;color:white;font-family:Rubik;padding:3px;border-radius:10px;"><a class="text-decoration-none" href="{{ site.url }}/blog/tag/{{ tag }}">{{ tag }}</a></span>
{% if tag != tags.last %}
,
{% endif %}
{% endfor %}
</p>
<hr>
{{ content }}