elianiva / elianiva.my.id Goto Github PK
View Code? Open in Web Editor NEWMy personal website made with Astro + Svelte and UnoCSS. Deployed at Cloudflare Pages.
Home Page: https://elianiva.my.id
License: MIT License
My personal website made with Astro + Svelte and UnoCSS. Deployed at Cloudflare Pages.
Home Page: https://elianiva.my.id
License: MIT License
Elianiva's personal website
I really like Nix, it's great and all, but I don't think I'm going to use it, yet.
Wanna make your screenshot a bit more fancy? Say no more, Imagemagick got you covered
https://elianiva.my.id/post/prettify-screenshot-using-imagemagick
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'
yet another reminder
A post where I write my journey on learning Japanese. Man, I forgot how did I learn a foreign language.
instead of relying on bold text
REEEEEEEEEEEEEEEEEEE
Henlo this me trying to create an issue using Octo.nvim ;)
REEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE
@elianiva I have some doubts regarding Lush.nvim. I don't know how to get it to work. Could you please help me. 🥺
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):
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
the current state is such a mess
reminder
it's better than prism.js but I'd need to figure out the theme switching thingy
A post where I explain how I made my neovim startup time from ~300ms to ~20ms with 50 plugins
A post where I explain how I made my custom statusline in Lua
not 100% happy with the current situation
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.