mayashavin/portfolio-new

My personal website

My Portfolio Website

https://mayashavin.com

My new portfolio and blog using Nuxt.js, TailwindCSS, Cloudinary and deployed using Vercel

Build Setup

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn run dev

# build for production and launch server
$ yarn run build
$ yarn start

# generate static project
$ yarn run generate

For detailed explanation on how things work, checkout Nuxt.js docs.

portfolio-new's Issues

Firefox - Scrolling not working

Gray out passed event, upcoming should order by asc

Past event to have a bit of gray out to help viewer know it's passed. Also upcoming should be ordered by ascending, so the nearest event shows first

[BUG] Wrong mode icon on refresh page when selected theme is not dark

Steps to reproduce:

1. Change to light mode
2. Refresh

Expected:

Two possibilities:

1. Mode icon is dark mode (the moon) and theme is light mode.
2. Or everything is reset back to dark mode (default) with light mode icon button (sun).

Actual:

Mode icon is light mode (sun) and theme stays as light mode. Only when clicking on the mode button, it will go back to normal.

Add reading theme mode & custom font size

On Blog post, should have different background options for people can read on purple color background.

• Dark mode: #1B0933
• Light mode: #F6F0FD

Reading mode will change background and allow change font size from small to large.

https://javisperez.github.io/tailwindcolorshades/#/?meteorite=3d1472&Medium%20Purple=a069e8&tv=1

sitemap and feed not visible in production

Vercel didn't redirect to sitemap and feed page on production

Q: Is there a reason to use `lazysizes` over / in addition to `cloudinary-vue` lazy loading?

Hi, just doing some reading of your source code and came across

portfolio-new/components/MHeader.vue

Lines 33 to 44 in 217b3c5

	<cld-image
	:transformation="effects"
	alt="Maya Shavin - Logo"
	loading="lazy"
	public-id="mayashavin/white-logo"
	width="48"
	crop="fill"
	quality="auto"
	fetchFormat="auto"
	aria-hidden="true"
	class="w-8 md:w-auto lazyload"
	/>

So I'm just curious if there is any specific reason or known issues for using lazysizes (line 43 class lazyload) over / in addition to cloudinary-vue lazy loading (line 36 loading="lazy")?

Tags in Post page should be clickable

On click will redirect to the main post page with the filter according to selected tag.

Add Newsletter option