50festival

50-festival.netlify.app

I made this project as a part of SuperHi Course "Advanced CSS + Javascript"

I'd like to mention I didn't just follow it but also added some changes myself.

First of all, SuperHi has its own editor and publishes your project for you, which is nice indeed but I don't really need it, so
✅ I made this site using Vue 3 and deployed it to Netlify

other changes:
✅ converted px to rem

✅ added media queries for squiggles (as their size didn't change no matter what screen size it was)

✅ added media query for first day title (on smaller screens it would blend with circle shapes as they have the same color)

📘 small side note: I disabled submit button as I don't want to collect any data (this project wasn't the purpose of it), but it was interesting to get to know that you can achieve this by using Campaign Monitor

🔮 I truly enjoyed doing 50 FESTIVAL project, learnt new CSS and Javascript tricks.

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.