hello world

Hello!!! Aiman this side!

https://in.pinterest.com

Movements and Self expression (more on art) | AIMAN SAYEED

Museums always Intrige me ,why? Well as its one place where you can experience and realise how different people can think and try to express themself ,be it painting ,doodle ,Sculpture or Anything ,it holds some importance and history which is needed to be looked at and appreciated (Might also Not be the best thing, that one will see and some also comment ˋI can also make that‘ )but today I Explorer the Website side of it and found it so much interesting and how I never considered Website as a topic that can be related to a word Like archeology ! Maybe because when one thinks of a Website it guides us as “dabbas“ in our mind .(another reason why I never tried this as medium)

geocities and webrings

I explored the geocities website ,and the more i looked up the more like as if I'm in a old Library searching for something but have no idea about ,but ends up finding something that Looks like 16yr old me would've enjoyed and get amazed by how people used to Connect .

link

https://www.figma.com/design/WvwotFtNhGxLtIhtGikcf9/work_0102?node-id=155-53&t=jozKFmMG5jgqhphp-1

Highlight of the assignment

• Found a fun website for queers and transgenders from 90’s
• a website for comics and the character talks to you !!

Element of surprise!Day 2 of learning web|Aiman Sayeed

The idea of making the worst(ugly)website as a beginner is great and I really enjoyed it ,since it also directed that whatever we’ll create further on will somehow be better than what we did today and moreover focusing on learning aspect of the whole task ! Also about not focusing on making it perfect but the worst actually helped on knowing how certain function works and what all we can do to make something good later on .

Things I liked -

-static website are cool -simple shortcuts -fun diner game ( almost like sudoku at one point)

Learning in progress ⚠️ | Aiman sayeed

Learned a lot of new stuff ,majorly tried working around “how do I figure out what I want” Overall a good session , makes me wanna explore a lot of things by mixing matching and taking inspiration from all the cool Ai-html websites ! Had no idea how stuff like that is made ,will try incorporating original artworks and work on storytellling websites maybe .

Imp things from class -a lot of tags and elements(how one functions )(e.g-transform,rotate,image overlay,etc. -the froggy css game. Kinda helped understanding the concept better

Rough layout of the story website the red shoes

Work in progress layout

Visual to code-Day 04👩‍💻| Aiman Sayeed

Things I learned -how position:relative and position:absolute works -putting image and dealing with margins of it, making div -put style related things in css tab! -technical words now I know meaning of (sort of 80%) divisions, margins ,span ,max-width, container ,justify-content ,etc. (will try some more tomorrow) Things I enjoyed -got chance to put my art on a website and it being my way! -took about 30-40 min just to get 2 underlines (wasn't fun while it was happening )but made concepts a little bit more clearer ! -its turning out 90%like what I imagined it to be, and with code! (wouldn't have believed if last Thursday someone would've mentioned about me coding for a website.?seems a bit unrealistic ) lol. Enjoying my little wins,tbh! as I added a gif as well!!😁

Website so far-

vs what I imagined

Grids - also math | Aiman Sayeed

Class was pretty informative-well! 70% informative and 30% where I used my brain to decode how the grid system is working coz it was pure math-logic like(which I usually avoid doing)(it fries up my brain).

Things I learned, also the game kinda helped in better understanding - -how fr works -grid-column-end and start -span -how responsive code works

Things I've to learn /experiment (put extra brain for) - -more of grid systems and max-width of specific areas -span and image together(as image background ) -image in grids and placement (crop and other functions)

The discussion part was interesting as we focused on how and why behind the website and what we want to build and for whom ,also it opens up a lot of new perspectives ...(and connecting art with web is still on 1st priority for me.)

Made grids/website sketched out along with some notes during the discussion (attaching here).

Getting better at understanding how a specific tag works ,but with what possible combinations I'll be able to do things easier is kinda lacking,maybe coz its still second week of learning how to code ( or maybe just a cover-up).

It Fr became kinda difficult 🥶

by the end of the day, yet I managed to complete 80% of the grid ,overall wasn't able to zoom out of the image which I used.🫠

web as topology | Aiman sayeed 🌱

Things that struck out for me from today’s presentation and links were
-web as topology and taking web as a space ( can be personal can be social at the same time ) -part of reading that mentioned about non -performative blogging
-term,” digital furniture “ -the garden and the stream concept

• new paths and adding new meanings
• using our space and documenting
• process towards the product( it needs to exist first, to become Perfect) & Badass making of user the whole article was quite interesting

Manifesto

What I would like to put out will be something like a Web Journal ,Art Journal of Sorts (playful, handmade,reflective ) like a Place which will Contain all Art Related things (Personal-Sketches printings and inktober (Mini Animation maybe) )things like a Timeline & Professional Workss ,music related things ( Songs I like ‚Genre and vibe moodboards maybe),picture gallery(photos and notes ),an Art store(for Stickers ,Prints and more), (Daily Update corner - tiny Little doodles….,history corner -(with projects from Bachelor and old sketchbooks )

What I found interesting in how other blog writers and spaces was the good use of white space and colors and overall composition (like a branch and connected branch (if that makes any sense)) and I would like to take inspiration from websites and blogs that don’t look like a website and blogs as my design preference with this project ,coz as I mentioned earlier I want to create something unusual that speaks “Aiman must’ve made it”!

Bonus answer 🎖️

I think that the larger point beyond this class for me will be exploring the immersive part of it or maybe the mini game type of websites from 2010’s , might not actually make another one for someone (like an organization)but for sure will try maintaining this one website “my own web space”.

Also looking forward to learn the html+ Illustrator combo (will help greatly) thank you for this exposure !😊

Digital art journal of Aiman Sayeed-in making 🚧 (part 1)

Wanted to make something fun-to making something fun ! So the day was productive and by the end of the day I was able to figure out what all I can do ( for now with the time constraints as well as skill in terms of code and practice ) Have made some points which I want and some which I will work on later for my website and maybe make it grow … Following are iterations to final layout of homepage , about me page and page for musical taste with links , have used grids and tried finding how I’ll be able to execute it , found some codes (will dummy try them tommorow. Will have to design all the little illustrated elements and the main logo and page for inktober illustrations !

For the codes!

Found some codes related to how I will place the things that I’ve designed (by not using position :absolute 🥲)for all things lol. -Making the grid and div( for homepage )

• basic hover and keyframe to make mini movements (like animated gifs with text) -For using Images as Button and stacked over each other – transform , Transition ,Display inline Block ( will have to try different percentages -image as button (the little masking tape text) putting image in -for making Music page ( might use grid + margin along with transform and nth child )

High Fidelity prototype

-Will focus on cover page and about page of now and will move forward with art page and connected Inktober page

issue link- https://github.com/aimansayeed02/web2025-aiman-site/issues

:root { --color-primary-blue:#b7ceea --color-primary-background: #FFFFFF; --color-secondary: ebd5c7; --text-body:#000000

/* Adding typography too */
 --text-small: 16px;
 --text-small-heading: 18px;
 --text-normal: 22 px;
 --text-large: 34 px;
 --text-huge: 70 px;

} h1 { font-size: var(--text-huge); } h2 { font-size: var(--text-large); } p { font-size: var(--text-normal); } .caption { font-size: var(--text-small); } { /* Fonts */
 --font-heading: 'canvas inline(reg) ;
 --font-body-normal: 'all round gothic(book)' ; --font-body-bold: all round gothic(Demi)‘’ ; 
--font-body-italic : all round gothic(oblique)‘’ ; }

Day 01 CODING for official website (project week)| Aiman Sayeed

Draining yet fun day as website's components are coming together and the header looks cool to me!😁

Today's goals and stuff finished:

• header box(blue one)

• menu bar as component

• text for homepage(1st edit)

• contact button (with movement)

• changed fonts( heading font and body font)

• adjust the photo at the required position

• add "hii" as heading text

• add background image

• code for footer(menu)

problem faced

• aligning the character Image on right of grid
• basic tasks taking a bit od extra time 🥲

link to website- https://webportfolio-aimansayeed.netlify.app

Update of the day- High Hopes | Aiman Sayeed

Tasks of the day completed

• img placement (that I was not able to better
• • placement of text an image in grid
• • work in progress (about )(image a button)-(took about 2-3 hrs to do it)🥲
• • made about me page and aded text and image on that page(will have to make it grid)

Tasks of the day to do tomorrow

• link index.astro to intro.astro
• make 3 buttons for home page
• edit the footer
• background img on pages
• change the banner logo

Learnings of the day components are case sensitive !!

Overalll a good experience and this approach of making a website with discovering things by own makes it fun ,(sometimes annoying also) but progress isn't always liner! looking forward to making more pages and connecting them all!

Big Thanks for exposure AI to HTML 😭✌️ Excited and fun to see things come along !

repository link- https://github.com/aimansayeed02/web-portfolio# netlify link -https://webportfolio-aimansayeed.netlify.app