Notes

13 Sep2026

"it's better to be hurt than hurt others"

~ by Kaneki's mother | manga Tokyo Ghoul

5 Sep2026

~ by Hinami Fueguchi | Tokyo Ghoul:re Chapter 33

3 Sep2026

berusaha menyenangkan semua orang itu termasuk kelebihan atau kekurangan sih?

31 Aug2026

life cannot be turned back, time that has passed cannot be returned. hope to always enjoy the moments in life

31 Aug2026

But perhaps you hate a thing; and it's good for you; and perhaps you love a thing and it is bad for you.

28 Aug2026

TIL:

  • GitHub does not support embedding arbitrary HTML <video> elements in README.md files.

For example, if you want to embed a video tag in a GitHub README.md , instead of writing it like this:

<video width="100%" controls playsinline>
  <source
    src="https://github.com/YOUR-USERNAME/gallery-layout/raw/main//public/demo.mp4"
    type="video/mp4"
  />
</video>

you should do it directly like this:

Attach your video directly via GitHub by editing the README.md file and placing the attachment where you want it.

I think this is the most suitable way because github doesn't treat rendering <video> tags the same way as regular HTML pages.

  • The README.md for your package on npm.js also does not support embedding arbitrary HTML <video> elements; it will always strip them out.

In my opinion, the most sensible workaround is to place an <a> tag inside the <video> tag, or simply use an <a> tag and set the <href> attribute to point to your GitHub attachment. For instance, if you upload a video directly to GitHub, you will automatically get a link that looks something like this:

https://github.com/user-attachments/assets/random-number

You can then set the <href> to point to that link.

24 Aug2026

In next.js, if you want to add metadata and avoid repeating it on other pages, for example, if your project is called Cool Dashboard and you want the name Cool Dashboard to appear on multiple pages, not just on a specific one, the most tedious method is usually:

// app/layout.tsx
import { Metadata } from 'next';

export const metadata: Metadata = {
  title: 'Cool Dashboard',
  description: 'My project that have a cool dashboard.',
  metadataBase: new URL('https://cool-dashboard.com'),
};

Then, on another page where you want the title to include "Cool Dashboard," you would have to write it out again:

// app/about.tsx
import { Metadata } from 'next';

export const metadata: Metadata = {
  title: 'About | Cool Dashboard',
};

While the method above is perfectly valid, it becomes problematic as your project grows; if you ever decide to rename your project, you would have to update the title on every single page.

Therefore, there is something easier, very suitable if our project pages are many, and if at some point our project changes name, we just need to change it in the root layout.

You can define the metadata in your root layout like this:

// app/layout.tsx
import { Metadata } from 'next';

export const metadata: Metadata = {
  title: {
    template: '%s | Cool Dashboard',
    default: 'Cool Dashboard',
  },
  description: 'My project that have a cool dashboard.',
  metadataBase: new URL('https://cool-dashboard.com'),

};

In this code, you simply add a template property to the metadata object. The %s template will replace the specific page title, but if you don't fill in the title, it will automatically have the default title Cool Dashboard.

Then, for other pages where you want to include "Cool Dashboard" in the title, you simply do this:

// app/documentation.tsx
import { Metadata } from 'next';

export const metadata: Metadata = {
  title: 'Documentation',
};

You just need to set the title in the metadata object to the text that should replace the %s placeholder. For more information, visit the official Next.js documentation on Adding Metadata.

23 Aug2026

people cannot live alone, they claim to live alone but in fact that is impossible, people will definitely interact with each other, people need each other. Is that strange?

23 Aug2026

quality over quantity seems better because humans have limits and if we exceed our limits, the results seem to be uncertain

20 Aug2026

The benefit of arriving late to the party is that there are already a variety of reference sources available. I found those words from antfu.me

18 Aug2026

Why does seeing something beautiful always fill me with awe? hope that i am that beautiful thing and you too and if not then may God make it happen

© 2026 Gilang Abdian