Jaipal Sonigara
@jaipalsingh11
Dev Notes
Today was a Great day for me!
when I got introduced to the concept of Geocities and the Wayback Machine, so I felt so excited. It also watered my hope of being able to do design in this era of AI, The idea and belief that websites can be built considering that these are made for humans, not a robot that is there just to get information, Just like how talking to a person isn't only about getting facts, but also about experiencing their personality, websites can be the same. They can feel alive, expressive, and full of character.
The idea of comparing websites to a person who is communicating with us, was introduced to me by a book by everett N. McKayI some years ago and i always used to think that websites can also be more visually appealing, have more personality, and be expressive. And today, I got introduced to this small web era, and I could not stop browsing more and more websites. Neocities really blew my mind, some of the websites there were very creative and mind-blowing. And using the Wayback Machine was also very fun it kind of felt like using a time machine.
Class Assignment: https://www.figma.com/design/k1o1fyoyAyg34pRNz9xt2k/Untitled?node-id=0-1&t=MYHLaNW6VNkvUMlK-1
Amazing day again!
Had so much fun learning the basics of HTML and CSS, and then applying them in the "Make the Ugliest Website" task. That task was honestly great because I could experiment freely without worrying about the outcome or feeling any pressure. It didn’t even feel like a task, I did it effortlessly, lol.
The code game was super fun too! learned how to target specific elements in CSS in such a playful way.
Ananya, if you're reading this -you missed a lot of fun today!
3rd Day – Web Design Module
It feels like I’ve started becoming a coder now.
I can look at HTML and actually understand some parts of if, I don't feel completely lost anymore.
The exercises were good.
I learned how to find the right code for things and how to search better.
And again, the game was really good, so fun and so informative.
I learned CSS properties like flex-flow
, align-self
, order
, justify-content
and all.
Very excited to use them in tomorrow’s task!
Day 4
Enjoyed the process of making my design come to life but also got frustrated few times, because of errors/mistakes i could not diagnose/solve, but yes after trying again and again finally solved most of, It was really a productive day, learned a lot lf html things in such a short time.
Menifesto
I am making this space to curate all of my works that I have done so far, and organise them nicely and in a good, presentable way, and have some space on the internet for my identity/interests so that if anyone wants to connect/know more about me, I can send them my website. I want it to be like I am as a person professional at first encounter, but when you dig deeper in breadcrumbs/interact more with it and go inside and inside it, you will get to know my interests and how I am as a person, what my work ethics are, and basically my personal space.
I want it to be very graphic, visually appealing, artistic, playful kind of mood professional but in a creative way, something that is not dictated by rules/guidelines, free, entho-driven, and again very much GRAPHIC. Its visual identity should communicate my entho and work ethics about aesthetics and how much I value art in my work.
To me, this space would mean or I want it to mean a place where I can truly express my interests, my opinions, my philosophy (not in a literal way, but in the way it's designed), and something that is truly MY OWN.
This space will grow as I grow professionally, and as my interests grow, as my knowledge grows. I will keep adding projects/works that I will be doing articles, writings, posters (which I do as a hobby) and I want it to grow like a tree, not a building. I mean something that can grow in different directions and develop into different sub-branches.
So finally we started working on our own websites, which I had been waiting for for some time. But starting on a layout or fixing one was not very easy. I think I am being very choosy about it. First, I was thinking of something very flashy and ornamental, but then I wasn't confident about that and thought it might irritate the visitor. Then I considered something simpler or something that isn’t very graphic, but again, that didn’t feel right. So I’m feeling stuck. I’ll try again tomorrow for layout ideas that don’t overwhelm the visitor but are still visually appealing and unique at some level. Below are some explorations from today’s ideas.
Apart from that, reading those articles about hierarchies was fun and informative.
Feeling more satisfied with the layout/Design i have today, 😊
Homepage
About me page
Please Feel free to help me guys in my Issues here : https://github.com/jaipalsingh11/Web2025-jaipal-site/issues
:root { /* Colors */ --color-primary: #8bd9ff; --color-secondary: #ffde00; --color-Black: #000000; --color-White: #ffffff;
/* Typography */ --text-heading-: 41px; --text-title: 20px; --text-paragraph: 14px;
/* Fonts */ --font-heading: 'Recoleta Bold'; --font-paragraph: 'Cloud Soft'; }
Variables
:root { /* Colors / --color-primary: ##F0E301; / Yellow for highlights / --text-dark: #000000; / Main text color / --text-light: ##9AA0A6; / Secondary text / --background: #ffffff; / Page background */
/* Typography / --text-normal: 1rem; / 16px - body text / --text-large: 1.5rem; / 24px - section headings / --text-huge: 2.5rem; / 40px - page title */
/* Fonts */ --font-main: 'Inter', sans-serif; --font-heading: 'GFS Didot, serif; }
High Fidelity Prototype
![]()
![]()
MoodBoard
![]()
My To Do List Nishtha-afk/web2025-Nishtha-site#2
Wow Nishtha
Today's goals
- Complete the about me page design
- Figure out how to stick header on top
- Figure out how to make custom project tabs sorting option
- Complete Header Code
Web Link: https://jaypeeweb.netlify.app/
The only task I had for myself today was to finish the homepage code, but I couldn’t complete it. Still, I’m happy that I’ve done almost 80%.
Link for web: https://jaypeeweb.netlify.app/
Repo link : https://github.com/jaipalsingh11/Jaypee1
Tasks for tomorrow:
- Finish project info page design
- Finish homepage code
- Start working on the About Me code
ALSO
Thank you so much for teaching AI2HTML
21 git commits
Made Project Page Layout Jaypee | Aug 12, 2025 | |
Made the homepage responsive to some extent Jaypee | Aug 12, 2025 | |
Mobile Try 1 Jaypee | Aug 12, 2025 | |
max with 600px for mobile Jaypee | Aug 12, 2025 | |
tried to make the homepage for mobile Jaypee | Aug 12, 2025 | |
Added Some more projects Jaypee | Aug 10, 2025 | |
Added custom cursor and added project pages and some cool stuff Jaypee | Aug 10, 2025 | |
Added Some Overlay Effect on Homepage Jaypee | Aug 9, 2025 | |
almost completed my story page Jaypee | Aug 8, 2025 | |
worked on My Story Page Jaypee | Aug 6, 2025 | |
Homepage 80% Jaypee | Aug 5, 2025 | |
Header and footer Jaypee | Aug 4, 2025 | |
DId some javascripting Jaypee | Aug 3, 2025 | |
Learning updates Jaypee | Aug 3, 2025 | |
new changes test Jaypee | Aug 1, 2025 | |
First Change Jaypee | Aug 1, 2025 | |
Birth Jaypee | Aug 1, 2025 | |
Changed Heading Jaipal-Site | Aug 1, 2025 | |
Added Image Card Component Jaipal-Site | Aug 1, 2025 | |
New m jaipal-grid | Jul 28, 2025 | |
adds index.html jaipal-grid | Jul 28, 2025 |