Ma-Site

Added some finishing touches to the site, made the site completely compatible on mobile and created a brand new Readme with pictures of all the sections of Ma-Site. Now I think I’m ready to ship this project and hopefully people of the Stardance community will like it!

Created the Contact section of the site with an interactive button that if you click will lead you straight to my email and the button glows really cool upon hovering on it. Most of the time in this session was spent on making all the elements on the desktop site also look the same or similar on the mobile site. This took a ton ton of time and I’m still fiddling around with it. Other than that I think the version 2 of Ma-Site is complete and I will soon ship this project and hopefully get a better multiplier than 2.78x .

Redesigned the Home section a bit and added a brand new Games section with the one game I have made called “Hyper Slide”. Also now when you hover over the project cards and game card a drop shadow appears behind them making it feel like they are lifted above the page a bit which is cool. Now the site actually feels like a proper usable fun site. Now I need to add a proper contact section and maybe add something else that makes the website feel a bit more complete!

Redesigned the Projects section and added an animated arrow in the home section which is clickable and leads to the about me section in a smooth manner.

Used JavaScript for the first time to animate the loading of the about section. Changed up the whole colour palette again because the last one was feeling a bit too dull and also polished up the about section of the site. I’m still experimenting with the projects section’s colours and layout and I still need to animate that. It tales me alot of time to do this because this is my first ever coding project and learning new things takes a bit of time.

Changed the colours of the project cards, changed font colours, removed a piece of text which wasn’t needed. Redid the whole About me section visually and adjusted all the sizes of elements across thew website. I’m still working on the sections to make em better and a new section is coming soon 👀

Added a loading screen with the text “Welcome” in some different languages and ending of with “I’m Aayan” because I’m Aayan. Also got rid of the curly arrows and small text as I think the landing page looks cleaner without it. The animation part was very difficult for me because it was very new to me, I started of by using JavaScript but for some reason that didn’t work I had to go back to the trusty old CSS.

Still working on the landing page. I experimented alot with different Profile images, fonts for texts, navigation bar settings and the colour ways of the site. I want to get it right this time and make a strong base for the site!!

Adjusted all the components of the landing page, shifted the nav bar to the right which somehow removed the background of nav bar from the left side so also fixed that, tweaked what happens when you hover over the nav bar sections and added cool curly arrows to tell my interests in the first page. hope people like the colour scheme and layout now!

As I didn’t get any good ratings on my last ship, I’m redesigning my whole website. Starting of with colour palettes and the landing page. Let’s see where this goes.

There Were A Ton Of Issues That Popped Up On The Mobile Site. The Big One Was That There Was Overflow-x on the right hand side of the website on mobile. It Took Ages To Only Fix That Issue. When That Issue Was Fixed, Then The Nav Bar Started To Act Weird As It Was Not Following Along The Page Anymore. But Overall I’m Quite Happy With The Site. I Think It Is A Good First Coding Project For Me.

Made The Website Mobile Friendly By Using CSS And The @media screen feature. Also Made All The Social Links In One Container For Better Alignment And Made Their Size Smaller So That They Don’t Feel Odd On The Page.

I Refined The About Me Section. I Added PNGs Of The Social Platforms I Post Content On, I Made The PNGs Interactable So That When You Click Them They Lead You To The Respective Platform With My Profile Opened. I Also Refined The Navigation Bar After A Bit Of Tinkering With The Colour Wheel And Borders. Added Some Borders Around the Home Page And Underlines Under The Section’s Titles.

Finished The Projects Section. Learned A Whole Lot. Tinkered A lot With The Code. Made A Container With Multiple Divs, Added Images, Text And A Link To The Divs, So That When You Hover Over The Projects The Size Increases Slightly And If You Click Anywhere On The Image, text Or Background of The Project, It Will Direct You To The Project Link. Changed The Colour Scheme Of It A lot To See What Looked Best. I’m Quite Happy With This!

Completed The About Me Section Of The Site. Wrote A Thoughtful Paragraph About Myself And Added An Animated Text So That When You Are Reading The About Me Paragraph The Text Beneath “Loads in”. I Made A Link And Learned How To Make It Separate From The Other Links. I Also Added A Home Tab At The Top, I Felt It Was Needed.

Thanks to my friend @Irtaza . I now know how to make all these cool things like changing the colour of your link, how to make them intractable, how to add a gradient background on to a container and make it animated so that the gradient moves and looks super duper amazing. Speaking of a container, I know how to make it finally and contain the text and image as one, so that it can be used in the css file. Margins were very infuriating but in the end it all worked out!

I Learned How To Create Links, How To Add A Navigation Bar At The Top And How To Add Your Gmail As A Link. I’m Now Further Working On The About Me Section Trying To Refine It And Make It Look A Bit Professional!

Played Heavily Around With Fonts, Font sizes, Margins, etc. Made The Image a more suitable size and overall just having fun with it!

Learned CSS from my Friend @Irtaza and I am enjoying coding now. seeing the result of what you code is really cool!! Also the Color command wasn’t working for me because I kept typing “colour” instead of color, I lived in The UK, that’s what it is meant to be .

First time coding anything, I’m finding the syntax difficult. Im kinda dumb…