You might have noticed that posts now has a few extra little widgets and layout enhancements, and that’s because you’re right!
I’ve been working on improving the styling and layout for a little bit now, and I’m glad to be able to show them off.
-
Because liquid html doesn’t naturally have random number generators, I’ve created some code that very strongly mimics random. (Although reading the code it doesn’t look like it should be random). It must be a bug in the generator, maybe it’s pulling variables in the wrong order and getting modulo of null? Not sure, I’m just glad that it works.
-
I’ve also changed the color scheme to work for both dark and light themes, (I had a bug with my navbar on light mode).
-
The home page is no longer a blerb about myself, but a hub to recent posts
-
Posts have links to other related posts! Adapted from mishacreatix.com.
- The following liquid html gets posts from the blog, and returns only unique links to blog posts sorted first by common tags, then by date
<h2>🪧 Enjoy Reading This?</h2>
<p>Here are some more you might like to read next:</p>
<<<<<<< HEAD
{% assign maxRelated = 5 %}
{% assign maxCommonTags = 20 %}
{% assign seenPostsString = "" %}
{% assign maxRelatedCounter = 0 %}
{% for thisCommonTag in (0..maxCommonTags) %}
{% for post in site.posts %}
{% assign sameTagCount = 0 %}
{% assign commonTags = '' %}
{% for tag in post.tags %}
{% if post.url != page.url %}
{% if page.tags contains tag %}
{% assign sameTagCount = sameTagCount | plus: 1 %}
{% endif %}
{% endif %}
{% endfor %}
{% assign thisCommonTagLimit = maxCommonTags | minus: thisCommonTag %}
{% if seenPosts contains post.url %}
{% else %}
{% if sameTagCount >= thisCommonTagLimit and post.url != page.url %}
{% if maxRelatedCounter >= maxRelated %}
{% break %}
{% endif %}
<li><p><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a> - 📅 {% assign d = post.date | date: "%d" | plus:'0' %}{{ post.date | date: "%b" }} {% case d %}{% when 1 or 21 or 31 %}{{ d }}st{% when 2 or 22 %}{{ d }}nd{% when 3 or 23 %}{{ d }}rd{% else %}{{ d }}th{% endcase %} {{ post.date | date: "%Y" }}
{% assign maxRelatedCounter = maxRelatedCounter | plus: 1 %}
{% assign seenPostsString = seenPostsString | append: ',' | append: post.url %}
{% assign seenPosts = seenPostsString | removeFirst: ',' | split: ',' %}
{% endif %}
{% endif %}
{% endfor %}
{% endfor %}
=======
{% assign maxRelated = 3 %}
{% assign minCommonTags = 1 %}
{% assign maxRelatedCounter = 0 %}
<ul>
{% for post in site.posts %}
{% assign sameTagCount = 0 %}
{% assign commonTags = '' %}
{% for tag in post.tags %}
{% if post.url != page.url %}
{% if page.tags contains tag %}
{% assign sameTagCount = sameTagCount | plus: 1 %}
{% endif %}
{% endif %}
{% endfor %}
{% if sameTagCount >= minCommonTags %}
<li><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></li>
{% assign maxRelatedCounter = maxRelatedCounter | plus: 1 %}
{% if maxRelatedCounter >= maxRelated %}
{% break %}
{% endif %}
{% endif %}
{% endfor %}
{% assign newestCount = maxRelated | minus: maxRelatedCounter %}
{% for post in site.posts limit: newestCount %}
<li><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></li>
{% endfor %}
>>>>>>> c0f276a (added switch project)
</ul>
I knew how to do none of this a month ago, but now I can edit my website to statically generate a ton of stuff.
🪧 Enjoy Reading This?
Here are some more you might like to read next:
Using Flutter
Making a Cross Platform App with Flutter Sep 29th 2021
Dev Log 3
Another Devlog for My Unnamed Game. Jun 9th 2021
Dev Log 2
A Devlog for My Unnamed Game. Jun 7th 2021
💬 Looking for comments?
I don't have comments on this site as they can be time consuming to manage. I'd rather concentrate on programming cool and new things.
Since you can't leave a comment, feel free to ✉️ contact me instead.