Web on mrnice.dev

How to add a status page to your Hugo blog

Sun, 17 Sep 2023 22:58:53 +0300

Shortest guide possible, let’s go ⚡️

Setting up a status page

I recommend onlineornot.com.

Take your blog’s URL. For me, that’s https://mrnice.dev.
Create a new check on that URL. Pick “Monitor a website”.

Create a status page, and choose your subdomain. I went with mrnicedev ~> you’ll end up with a URL like https://mrnicedev.onlineornot.com.

You should get something that looks like this:

Adding the status page link to your blog

We’ll do it from the config.toml file (so it’s easy to change) and using a with template statement (so if it’s not set, it won’t show up).

Diagramming in Webflow with Mermaid.js 🧜‍♀️

Fri, 01 Sep 2023 23:22:46 +0300

How to set up a Mermaid.js diagram on your Webflow site, the shortest guide possible:

Install Mermaid for a specific post

Add an HTML Embed Code by clicking on this button:

Copy this HTML Embed Code snippet to the top of the post.

<script type="module">
  // Include mermaid.js
  import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs';
  // Initialize the Mermaid chart
  mermaid.initialize({
    startOnLoad: true,
    // Apply the dark theme - replace with what you want.
    // options can be found here: http://mermaid.js.org/config/theming.html#available-themes
    theme: 'dark' 
  });
</script>

This looks bad in the preview:

Optimize your Hugo Blog With Unlighthouse

Tue, 16 May 2023 09:36:21 +0300

Recently Google let me see the new Analytics dashboard (they moved from… Something something analytics to something something Analytics 4). And one of they things I saw was that my blog’s performance was bad!

In general the blog’s infrastructure didn’t get much love since I opened it a few years ago, so a cleanup for performance and content is probably in order.

Get initial Lighthouse results

What’s Lighthouse? It’s a tool that Google provides to measure the performance of your site. It’s available as a Chrome extension, but also as a CLI tool that you can run on your site. So I thought that the first order of business was to run Lighthouse on my site and see what I’m getting both for Mobile and Desktop.

Devlog #5 | Developing a webpage as an excuse to learn Rust, Yew and WebAssembly

Fri, 09 Oct 2020 16:09:49 +0300

If you haven’t read the rest of the devlogs, you can find them here. You might be missing some context if you don’t.

Also, this is an old blogpost about something that wasn’t actually released as part of the project yet. Maybe one day I’ll finish it but the documentation value is important.

After another successful workshop,

Another Git workshop in the books, as the game server monitoring graphs can attest ✅ So fun when things work out well and people enjoy and learn.

(But damn, I miss in-person workshops 😣) pic.twitter.com/mKYaEfwjqp