How to Support Both Light and Dark Mode for your app

Add something like the following to your css

@media (prefers-color-scheme: light) {
	body {
		background-color: #f0f0f0;
	}
}

@media (prefers-color-scheme: dark) {
	body {
		background-color: #0f0f0f;
	}
}

I’m just learning this. But this above doesn’t look scalable. My previous theme, defined colors as variables, per color-scheme and in the other css, use these variables instead of actual colors.

That way, you need to modify colors only at one place ๐ŸŽ‰

See this

D2 Layouts

D2 allows me to generate diagrams from the same source file using different layouts

It comes with two built-in layout engines :

Dagre is the default :

Dagre

Other one is ELK This needs to be specified explicitly as :

D2_LAYOUT=elk d2 in.d2 out.svg

and here is the output

ELK

D2 : A modern diagram scripting language

I came across D2 on Mastodon I think. (Like most things. But I can’t find the original toot ๐Ÿคทโ€โ™‚)

I used mermaid.js earlier. In fact, I also added mermaid support for this theme.

Benefit of Mermaid is that since it is generated by mermaid.js, I don’t need to save and include the image in my blog (and worry about mismatched filename and/or path, resulting into broken image.)

On the other hand, not many hugo themes support mermaid, but link to an image is supported by hugo and every other SSG.

Continue Reading »

Beggar

Yesterday, after I came out of a shop, some elderly woman was begging. Near that shop, it is not uncommon.

She did not look like a beggar. Yet she was.

At first, I gave her Rs. 50 - which maybe more than what people usually give beggars (I think).

I was surprised that she said I don’t want money, I want rice and daal (lentils) instead. I was positively surprised. Not many beggars ask for things. I told her to buy grocery herself. There is a grocery store next door.

Continue Reading »

Insert timestamp anywhere using Espanso

I wrote about Espanso long time ago. I have been using Espanso since then.

Recently, I had a need to add timestamp in a note. Espanso already comes with a trigger to insert date via :date. As the name suggest, it just inserts the date.

So I added the following to the match/base.yml file.

  - trigger: ":timestamp"
    replace: "{{timestamp}}"
    vars:
      - name: timestamp
        type: date
        params:
          format: "%b %d, %Y %I:%M%p"

As might be obvious, now I get timestamp just by typing :timestamp anywhere.

Continue Reading »

I just used externalUrl feature of this theme. It is kinda cool.

Such post is indicated with a right arrow like โ†’

The title of the blogpost itself is an external link. So when clicked, it does not open the post, but the external URL.

In order to open the post, either click the infinity symbol next to it, or the date (if on the yearly list page)

โ†’ Stashpad โˆž

I came across stashpad during this Stackoverflow podcast.

What caught my attention was when Cara mentioned

Everyone has untitled.txt open that they use every day

That is me!! ๐Ÿ˜†

It is really easy. Cmd + N to create a new empty file, and start typing. I use BBEdit for this. I’ve seen my colleagues use Sublime text I have also used Sublime text for exactly that and only that purpose for a long time, since it saves these unnamed files across reboots/application restarts. One less headache. I don’t have to think of what to name the file, where to save it, format (this is easy, I’ll just save it as .txt or .md)

Continue Reading »

How to find people to follow on Mastodon

After creating an account on Mastodon, next question was how to find people to follow ? ๐Ÿค”

While mastodon has existed for a while, only recently it started getting attention. So lot of people you follow are not on Mastodon. Yet.

I followed a couple of approaches.

First, I searched for topics I am interested in. I started with Emacs and Ruby. Found a few accounts to follow.

Then I literally searched find tweeple of mastodon. It turns out a lot of sites like Wired, PCMag, HowToGeek are writing about it. Most of these articles are from less than a month old ๐Ÿ˜„

Continue Reading »

Now I’m on Mastodon as @mandarvaze@indieweb.social ๐ŸŽ‰

My request to join indieweb.social was approved.

Understanding Mastodon

After Elon Musk’s takeover, there has been a lot of discussion about leaving twitter.

TBH, I am not that active on twitter, and I am not sure if charging for blue tick affects me ๐Ÿ˜„

Yet, I have been burnt in past by having my data lost, because it was on someone else’s platform.

I do not consider my tweets that valuable, yet it seems I should have a back up, just in case.

Continue Reading »