elianiva / elianiva.my.id

My personal website made with Astro + Svelte and UnoCSS. Deployed at Cloudflare Pages.

Website • Blog • Stuff I Made • Email • Twitter

Hi there! I'm Elianiva. I love contributing to open source! Mainly working on web related stuff with Typescript and C#, also works on mobile dev using Flutter whenever I feel like it. Speaks Bahasa Indonesia and English, currently learning Japanese.

elianiva.my.id's Issues

improve typography

not 100% happy with the current situation

fixes for some errors

vercel had some errors when building

11:45:44 PM [vite-plugin-svelte] /src/components/ImageComparison.svelte:20:2 A11y: Screenreaders already announce <img> elements as an image.
18:
19: <div class="relative overflow-hidden border-gray-300 rounded">
20:   <img class="w-full block" src="{bottomImageUrl}" alt="Bottom Image" />
      ^
21:   <div bind:this="{imageComparisonTop}" class="absolute top-0 left-0 overflow-hidden image-comparison-top">
22:     <img class="w-full block" src="{topImageUrl}" alt="Top Image" />
11:45:44 PM [vite-plugin-svelte] /src/components/ImageComparison.svelte:22:4 A11y: Screenreaders already announce <img> elements as an image.
20:   <img class="w-full block" src="{bottomImageUrl}" alt="Bottom Image" />
21:   <div bind:this="{imageComparisonTop}" class="absolute top-0 left-0 overflow-hidden image-comparison-top">
22:     <img class="w-full block" src="{topImageUrl}" alt="Top Image" />
        ^
23:   </div>
24:   <input
11:45:44 PM [vite-plugin-svelte] /src/components/Tag.svelte:1:0 A11y: visible, non-interactive elements with an on:click event must be accompanied by an on:keydown, on:keyup, or on:keypress event.
1: <span
   ^
2:   class={`font-heading font-medium ${variant === "ghost" ? "bg-rose-100 text-rose-700" : "shadow-sharp border-2 border-rose-900 bg-white text-zinc-900"} text-sm no-underline gap-2 py-1 px-2 mt-2 uppercase transition-property-filter duration-200 ease-out cursor-pointer`}
3:   tabindex="0"
11:45:44 PM [vite-plugin-svelte] /src/components/Tag.svelte:1:0 A11y: noninteractive element cannot have nonnegative tabIndex value
1: <span
   ^
2:   class={`font-heading font-medium ${variant === "ghost" ? "bg-rose-100 text-rose-700" : "shadow-sharp border-2 border-rose-900 bg-white text-zinc-900"} text-sm no-underline gap-2 py-1 px-2 mt-2 uppercase transition-property-filter duration-200 ease-out cursor-pointer`}
3:   tabindex="0"
11:45:44 PM [vite-plugin-svelte] /src/components/Posts.svelte:19:5 A11y: visible, non-interactive elements with an on:click event must be accompanied by an on:keydown, on:keyup, or on:keypress event.
17:       {#if uniqueTags.length > 0}
18:         {#each uniqueTags as tag}
19:           <span
              ^
20:             class="block text-left font-heading text-lg p-2 cursor-pointer transition-property-all ease-out duration-100 hover:text-white hover:bg-rose-900"
21:             on:click={() => {
11:45:46 PM [build] Completed in 2.87s.

 building client
transforming (1) node_modules/.pnpm/@[email protected]_srabkpdrmffps2vsyx2my6v6uy/node_modules/@astrojs/svelte/client.js11:45:46 PM [vite-plugin-svelte] /src/components/Posts.svelte:19:5 A11y: visible, non-interactive elements with an on:click event must be accompanied by an on:keydown, on:keyup, or on:keypress event.
17:       {#if uniqueTags.length > 0}
18:         {#each uniqueTags as tag}
19:           <span
              ^
20:             class="block text-left font-heading text-lg p-2 cursor-pointer transition-property-all ease-out duration-100 hover:text-white hover:bg-rose-900"
21:             on:click={() => {
transforming (3) node_modules/.pnpm/[email protected]/node_modules/svelte/transition/index.mjs11:45:46 PM [vite-plugin-svelte] /src/components/Tag.svelte:1:0 A11y: visible, non-interactive elements with an on:click event must be accompanied by an on:keydown, on:keyup, or on:keypress event.
1: <span
   ^
2:   class={`font-heading font-medium ${variant === "ghost" ? "bg-rose-100 text-rose-700" : "shadow-sharp border-2 border-rose-900 bg-white text-zinc-900"} text-sm no-underline gap-2 py-1 px-2 mt-2 uppercase transition-property-filter duration-200 ease-out cursor-pointer`}
3:   tabindex="0"
11:45:46 PM [vite-plugin-svelte] /src/components/Tag.svelte:1:0 A11y: noninteractive element cannot have nonnegative tabIndex value
1: <span
   ^
2:   class={`font-heading font-medium ${variant === "ghost" ? "bg-rose-100 text-rose-700" : "shadow-sharp border-2 border-rose-900 bg-white text-zinc-900"} text-sm no-underline gap-2 py-1 px-2 mt-2 uppercase transition-property-filter duration-200 ease-out cursor-pointer`}
3:   tabindex="0"

some fixes:

# Fix ImageComparison.svelte alt attributes
rg -l 'alt="Top Image"' src/components/ImageComparison.svelte | xargs perl -i -pe 's/alt="Top Image"/alt="Top"/g'
rg -l 'alt="Bottom Image"' src/components/ImageComparison.svelte | xargs perl -i -pe 's/alt="Bottom Image"/alt="Bottom"/g'

# Change tabindex to -1 in Tag.svelte
rg -l 'tabindex="0"' src/components/Tag.svelte | xargs perl -i -pe 's/tabindex="0"/tabindex="-1"/g'

ability to cycle through tags using tab

yet another reminder

post/improving-nvim-startup-time

Improving Neovim Startup Time Using Lazy Load | Elianiva

A post where I explain how I made my neovim startup time from ~300ms to ~20ms with 50 plugins

https://elianiva.my.id/post/improving-nvim-startup-time

fix "suggest an edit" link

post/a-year-of-japanese

A year of Japanese... well, kinda | Elianiva

A post where I write my journey on learning Japanese. Man, I forgot how did I learn a foreign language.

https://elianiva.my.id/post/a-year-of-japanese

post/prettify-screenshot-using-imagemagick

Prettify your screenshot using imagemagick | Elianiva

Wanna make your screenshot a bit more fancy? Say no more, Imagemagick got you covered

https://elianiva.my.id/post/prettify-screenshot-using-imagemagick

add proper update component

instead of relying on bold text

rewrite

the current state is such a mess

post/my-opinion-on-nix

My opinion on Nix, The package Manager | Elianiva

I really like Nix, it's great and all, but I don't think I'm going to use it, yet.

https://elianiva.my.id/post/my-opinion-on-nix

post/combining-adonis-and-svelte-using-inertia

Combining Adonis and Svelte using InertiaJS | Elianiva

A short guide to build modern monolithic app using InertiaJS with Adonis and Svelte

https://elianiva.my.id/post/combining-adonis-and-svelte-using-inertia

test from octo.nvim

Henlo this me trying to create an issue using Octo.nvim ;)
REEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE

migrate to Svelte-Kit when it's released

REEEEEEEEEEEEEEEEEEE

Doubts

@elianiva I have some doubts regarding Lush.nvim. I don't know how to get it to work. Could you please help me. 🥺

Can't read `how-i-use-latex-as-a-uni-student`

Hi! Great website. I wanted to read your post how-i-use-latex-as-a-uni-student, but when I click on it, it doesn't bring up the post.

The link isn't broken, it just seems that Astro is displaying the wrong content. Sorry I can't help more. I've never used Astro before. This is what I see (both on pc and mobile):

add utteranc.es

reminder

use shiki for code highlighting

it's better than prism.js but I'd need to figure out the theme switching thingy

post/comments-widget-using-utterance

Utterances - Comment section that just works | Elianiva

Elianiva's personal website

https://elianiva.me/post/comments-widget-using-utterance

post/neovim-lua-statusline

How I made my Neovim statusline in Lua | Elianiva

A post where I explain how I made my custom statusline in Lua

https://elianiva.my.id/post/neovim-lua-statusline