Internet Archive Redirecting Page

I was really impatient and I saw this and found it funny the tag Impatient?

Think outside the Grids (Box) | Meet Baxi

AI should help you learn and build, not think and create for you. — As this line stuck with me since I read the AI policy, here I am making full use of my keyboard and mind.

Being a Computer Engineer and having a hate-kind of relationship with coding, and always having a midnight urge to pick up coding again and master it, and keeping that feather as well as I mentioned, I don’t want to give a short end on any of my skills and use my full potential, and this module is working just like a catalyst for me.

A Half Story Sold - Modern Day Websites

While seeing Gen Z on campus, I always feel why they all look like the same kid as some out of a Netflix series, but today while getting different perspectives on websites, I realized we are doing the same thing with websites as well, killing the unique voice and making all the same round-edge boxes and putting them into the templates of society, like wearing the same oversized t-shirt and the same sneakers that everybody knows.

Website Museum

• A time travel that we never thought we needed, but sometimes looking backward can give inspiration to code your next canvas.
• We are making everything so template-based that in the name of aesthetics, the old websites feel like modern aesthetics crime, but just like art, they are bold and have unique voices and personalities rather than muted voices of crowds.

6 Pages - Oh, that I can read!

• A website, or anything interactive, is inherently unfinished. It’s imperfect, maybe sometimes it even has a few bugs. - This made me feel less bad for my unfinished portfolio website.
• Metaphors are powerful for understanding and explaining something.

To sum up today’s class, it definitely gave me a unique perspective towards websites and somewhere made me rethink my relationship with coding.

Class Assignment | Figma

WWW-MeetBaxi.pdf

Muscle Memory Kicks In | Meet Baxi

< html >

I realized it's not that I hate coding; it was the teaching method in engineering that I didn't like.

For someone who keeps checking every tiny space to the pixel, getting an assignment to make every ugly thing possible opened my mind to infinite possibilities of exploring and trying without worrying about the outcome. So, I did exactly what I would never do if I had to follow the rules of visual aesthetics.

• Dopamine reward — The game with 32 levels 🏆

< /html >

Inspect, Learn, Apply - Repeat | Meet Baxi

Liked this buzzer's CSS in the yesterday’s PPT so dropping it here

.buzzer-button.svelte-1v869er:hover { transform: scale(1.05); box-shadow: 0 12px 0 0 var(--color-neutral, #2B2B2B), 0 0 0 8px #f8d7da, 0 0 40px 10px #b56666cc;

• Feels like I’m finally breaking down my coding knowledge and creating new mental libraries with a more structured and proper flow.

• By following the process, we can say we are gradually moving towards our lily pads, one flex at a time.

• Clean, minimal slides are a great example of how, when we present things well on screen, they communicate effectively and solve the problem.

Story - The Phoenix Bird

https://www.figma.com/design/VZlbgMbz0g5Yj7Y3V7O70s/THE-PHOENIX-BIRD?node-id=0-1&t=327UZkGqrHSfSAFn-1

Day 04 - Shutting the tags and laptop by midnight 🦇 | Meet Baxi

• I’m enjoying the process of trial and error to get closer to the Figma design and feel clearer in my mind.
• Fixing HTML and CSS feels like a game—solving problems and actually enjoying it.
• I liked how, around 4 in the evening, after spending time on VS Code, I became more confident and quicker at solving things and understanding the logic behind the code or properties.
• I learned how to communicate differently with GPT to get better and accurate coding solutions.

The Idea of Custom Grid | Meet Baxi

• From Jen Simmons’ video, I got clarity on the definition of Art Direction.
• Layout – it shouldn’t feel like a multiple-choice question.
• Do justice to the story you want to tell, rather than blindly following fixed grid layouts.
• Grid = 2D, Flexbox = 1D
• Only 5% of people use Internet Explorer, but they’re still important.

Dopamine hit was real while playing the game – CSS Grid 🚀

Thoughts on Today’s Class

• Liked the idea of writing syntax rather than copying it. I found it difficult, or maybe I’m just lazy, to remember each one.
• < p2 > Bad: Vague and inconsistent tag names < /p2 >
• < !DOCTYPE html > – Please don’t forget to write this.

As tomorrow is a NO CODE DAY, I’m definitely looking forward to it. 🫠

Why rent when we can own our place on the web? | Meet Baxi

• It's better to have a messy but personal space than to depend on digital giants.

• meetbaxi.com | It's okay to post on LinkedIn, IG, or Medium, but always guide people to your own space, your address, your identity.

• Thinking of the web as a garden gives the mind more freedom to wander, reflect, and, most importantly, think outside the box.

Manifesto

I want my website to reflect my personality, not just my work portfolio. I want visitors to feel my vibe, a space designed to give a sense of my universe.

I'm planning to include the many layers of myself: My short writings

Concept art

This week's mood—through a playlist

Podcasts I'm currently listening to

A quote or insight that inspires me this week

My daily morning coffee thought, with a photo (because I live on caffeine)

Films I love and rewatch

A weekly to-do list

A skill bar that updates as I grow and master things

Yes, my work will be there too, but the core is me, not just my work.

// Bonus

This whole practice helped me unlearn and relearn the creative process. It made me fall in love with the act of creating, not with polished, industrialized outcomes or sellable products. It reignited the joy of making, not just finishing, and I think that’s a big win for me. 🏆

Coming soon to the nearest Netflix netlify.com! 🍿 | Meet Baxi

• Explored Miro today for wireframing.
• Fragmented yesterday's moodboard clusters into my website.
• Will seek more inspiration from the web tomorrow to expand the range of possibilities.
• I like both Astro and Obsidian, even if we can't fully see their usefulness in version 1.0, they will be very helpful for future versions.
• Focusing on adding personality to each element.
• Learning which parts of my cluster deserve how much importance or priority.
• Discussion with others gives perspective on how unique they are, and how their website will reflect that.

High fidelity Figma magic! ✨ | Meet Baxi

Moodboard

code:

:root {
  --color-primary: #FEDF08;  
  --color-button: #00E40F;      
  --color-card: #000E47;       
  --color-background: #008AEA;      
  
  --text-header: 30px;      
  --text-title: 20px; 
  --text-paragraph: 16px;        
  
  /* Fonts */
  --font-pixel: 'Pixelify Sans', sans-serif;  font-weight: 600; /* SemiBold weight */
 --font-title: 'American Typewriter', serif;  font-weight: 600; /* SemiBold weight */
--font-paragraph: 'Montserrat', sans-serif;  font-weight: 600; /* SemiBold weight */

Loading Screen

Homepage

Dashboard

Portfolio

About Me

We humans are weird; we literally create our own issues 🫠 : https://github.com/Meetbaxi17/web2025-meet-site/issues

Dev Mode – Enabled 👨🏻‍💻 | HTML – CSS – Debug - Repeat

• Loading screen with a specific duration (1.5 sec)
• Home page
• Header with moving text
• 3 cards with hover effect
• A side ticket with pull-out animation
• Text and image at the bottom of that ticket
• Created all .html pages and linked them to clickable elements

Challenges of the Day

• A small yellow block in the header, how to place it at the exact location
• Hide main content while the loading screen is active
• Hover effect border, has to keep transparent first.
• Placing text and arrow exactly below the ticket

Tomorrow's Goal

• Aim to work on and try to finish the dashboard.

Adding an Image of the dashboard here.

Netlify

https://meetbaxi17.netlify.app/

Dashboard Grids | Meet Baxi

Progess

• Added the EXIT button beside the topbar
• Setup Grid for Dashboard
• Make an active To Do list with Checkboxes
• Added Horizontal invisible scrollbar
• Side ticket to Dashboard
• added Glow hover effect to the EXIT button

Blockers

• was overwhelmed before setting up the grid, but figured it out
• was confused about how to create real-time checklist

excited about

• how I shifted my default template(Figma) aesthetics to my core original aesthetics.

feeling good, how things are taking shape slowly, and how I am creating a mental model of solving coding problems.

trouble?

• Can't keep the code clean and execute, like writing proper tags and classes, so will overwatch it and make it clean.

Netlify and Repo

https://meetbaxi17.netlify.app/

https://github.com/Meetbaxi17/https---github.com-Meetbaxi17-tryerror