Diksha Jain
@Diksha0702
Dev Notes
Immersive Web Design
Today's learning
its really great to go back to where i started 4 years ago but with complete new format and perspective, never really like html and CSS from my bachelors years itself but surfing through all webpages and sites people's personal profile really make me think through what all the things this two can help you build..
looking forward to like them bit by bit...
Mood Board link : https://www.figma.com/design/9dr5sQwyzTxhs44a8yxIE6/Internet-archive?node-id=0-1&p=f&t=Bq2B4SUj4yn5d0uQ-0
2nd day at Immersive web design module
it was a good fun day, had a reunion meeting with HTML and CSS after a long time but in a fun and interesting way.. the game we played today made me test not just my CSS skill but also it gave the dopamine hit of completing it which kind of motivate to know more.. learned a wonderful thing about deploying our own website without paying money like seriously where was it for so long... thank you for lighting us with that... looking forward to make more ugly but useful website with you in the coming days,
Day 3 at Immersive Web design
flex and things related to flex has always been complicated for me but its good to always unlearn and learn it again so today's session helped me in that loved how the game helped me.... today's assignment is more of task for me rather than tomorrow as layout design is complicated but converting that into coded webpage will be a fun part tomorrow.... but its always important to atleast try so tried something which recently i am attracted towards... figma link : https://www.figma.com/design/ZJ91Y9KWNbhHG5kVHemGqA/tinder-story-layout?node-id=1-20&t=mT8uNXQu7YBHYWqU-01
Day 4 Immersive web design
today it feels like a complete relieving of my bachelors time but in a more fun way as i have design something of my own an bringing it to live and i am actually kind of started also enjoy the process but sometimes kind it feel i seriously need to take it a little less on mind like as you said "it's just a html document .. "
things i learned today is a reminder you need to be very patience for things to all put together nicely in both design and layout or coding so yess one thing at a time...
Digital Gardening
"The Garden is the web as topology. The web as space. It’s the integrative web, the iterative web, the web as an arrangement and rearrangement of things to one another"
since so long wanted to work on the personal portfolio but was always procrastinating it because of the typical boring template concept but the digital garden makes me want to grow and sow my own ..
Manifesto
I want to build my portfolio like a garden where i show case my work like premium but important vegies, but also want to have a theme around it, add some sprinkles of aesthetic . show case the loved flowers and beautiful artwork like memories section , TBR list , my thoughts collection and the see what i got know section ... its like building a place which i can call mine, and i need and want to use it everyday and all my day, my work, projects, things i love and things i don't love everything over there
wanna know about hey do visit this site type of one .... it has titles, pictures and small captions
Bonus
Making a website especially a portfolio one which not one of the typical template looking so it already a win-win situation here , Is there a larger point beyond this class? yes because got an exposure to a lot of different things that's gonna be needed all the time and was gate kept to me but better late than never Do you see this helping you professionally? did i mention portfolio garden journal duhhh its a favorite dessert to me
Day 8 Brainstorming portfolio Day
figma link : https://www.figma.com/design/Pslbp2bZ8pi8VAb1FrDPDd/Diksha-s-Portfolio?node-id=0-1&p=f&t=JFKAmUIfc1pXpkGp-0
Day 9
code :
:root {
/* Colors */
--color-primary: #D89A7E; /* for links, buttons */
--color-accent: #DCCEF9; /* for highlights */
--text-dark: #3C2A4D;
/* Main text color */
--background: #F9F6F0; /* Page background */
/* Typography */
--text-small: 0.875rem; /* 14px - captions */
--text-normal: 1rem; /* 16px - body text */
--text-large: 1.5rem; /* 24px - section headings */
--text-huge: 2.5rem; /* 40px - page title */
/* Fonts */
--font-main: 'IBM Plex Sans', sans-serif;
--font-heading: 'Wremena', serif;
}
/* Now use them */
body {
font-family: var(--font-main);
font-size: var(--text-normal);
color: var(--text-dark);
background: var(--background);
}
h1 {
font-family: var(--font-heading);
font-size: var(--text-huge);
color: var(--color-primary);
}
.button {
font-family: var(--font-main);
background: var(--color-primary);
font-size: var(--text-normal);
}
Git repo link : https://github.com/Diksha0702/web2025-diksha-site
Day 12 Immersive web design
Goals for today (5 aug)
- code and complete home page
- Design for thought collection list page
Goals for tomorrow
- complete thought collection list page design with code
- complete the single thought note page design
- start basic code for thought note page
- code for about page
Feelings today
completed the home page , its looking beautiful got a little confident i can finally pull this of kind....
repo link : https://github.com/Diksha0702/diksha-portfolio netlify link : the website just have 1 page , wont look nice if deployed so tomorrow but screen shot for today..
16 git commits
made changes in images path diksha-portfolio | Aug 13, 2025 | |
optimized images diksha-portfolio | Aug 13, 2025 | |
added notes md files diksha-portfolio | Aug 13, 2025 | |
change in home page diksha-portfolio | Aug 13, 2025 | |
added image optemizer diksha-portfolio | Aug 13, 2025 | |
added artwork,photography,painting pages diksha-portfolio | Aug 12, 2025 | |
added image diksha-portfolio | Aug 12, 2025 | |
made changes memories and added artwork page diksha-portfolio | Aug 12, 2025 | |
added memories page and photocard diksha-portfolio | Aug 12, 2025 | |
made changes in thought and note diksha-portfolio | Aug 12, 2025 | |
add styling thought pages diksha-portfolio | Aug 11, 2025 | |
added about page and thougts page diksha-portfolio | Aug 11, 2025 | |
created homepage diksha-portfolio | Aug 5, 2025 | |
updated astro project diksha-portfolio | Aug 5, 2025 | |
Update README.md diksha-portfolio | Aug 5, 2025 | |
Initial commit diksha-portfolio | Jul 31, 2025 |