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

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

View file

@ -1,17 +0,0 @@
<style>
{% assign categories = page.categories %}
{% assign category = site.data.categories[categories.first] %}
code {
color: {{ category.backColor }};
}
pre {
color: {{ category.backColor }}
}
::selection {
background-color: {{ category.backColor }};
color: {{ category.textColor }}
}
</style>

View file

@ -1,8 +1,7 @@
{% assign categories = page.categories %}
{% assign primaryCategory = site.data.categories[categories.first] %}
{% assign primaryCategory = site.data.categories[include.a] %}
<h1 class="display-3" style="font-weight:700;position:sticky;top:0;backdrop-filter:blur(10px);z-index:1000;">
{% if categories %}
<h1 class="display-3" style="font-weight:700;position:sticky;top:0;backdrop-filter:blur(10px);z-index:1000;" id="logo">
{% if primaryCategory %}
<span style="color:{{primaryCategory.textColor}};background-color:{{primaryCategory.backColor}};">ac</span>
{% else %}
<span style="color:black;background-color:white;">ac</span>
@ -10,7 +9,7 @@
</h1>
<div class="row row-cols-1 row-cols-md-2">
<div class="col col-md-3">
<div class="row row-cols-1 g-0">
<div class="row row-cols-1 g-0" id="nav">
{% for item in site.data.nav %}
<div class="col">
<h4>
@ -24,7 +23,7 @@
<span>
{% for item in site.data.icons %}
{% if item.icon != "letterboxd" %}
<a href="{{ item.link }}" target="_blank"><i class="{{ item.icon }}"></i></a>
<a rel="me" href="{{ item.link }}" target="_blank"><i class="{{ item.icon }}"></i></a>
{% else %}
<a href="{{ item.link }}" target="_blank"><img class="letterboxd" src="/assets/images/letterboxd.png"></a>
{% endif %}

16
_includes/style.html Normal file
View file

@ -0,0 +1,16 @@
{% assign category = site.data.categories[include.a] %}
<style>
code {
color: {{ category.backColor }};
}
pre {
color: {{ category.backColor }}
}
::selection {
background-color: {{ category.backColor }};
color: {{ category.textColor }}
}
</style>