Persoinfo.web

Hi guys, today is a great day, i finally completed my first “About me intro” section, now moving ahead to make the next “My works section.
I know its a small change, but putting the text into the box that should appear in a specific time duration and refining it with a good font and styling took 2 hours!. i also fixed some bugs and some trash code that had no connection with the actual purpose.

What’s new?

Intro About section completed!
text added into the blank box.
changed box shade.
gave text a new look with some more visuals.
created a small button to enter the next “My Works” section (might change the name in future).

What did i learn?

I learned several things related to this project for example,
how to add styling in text.
how to highlight a keywording.
how to control the position, spacing in text.
how to add borders in text using CSS.
always store a backup code, so if things go wrong, you can always use the backup.

My struggles :(

Fixing the text into one place.
Adding different fonts and different styles.
Fixing the “My Works button to the bottom of the text ( right now im working on it.)

Hi guys, today i made a bit of progress, well i tried but it didn’t go as planned :(

right now I am struggling to put the about me text in the about me box, only after when it expends,

if you guys have any idea of how can i do that just tell me in the comments :3

Hi guys, here is my todays another “Honest learning” with some crazy effects and visuals, and finally beginning of the next section which is “My About section!”

What’s new?

A new theme and section transition effect, through the workable button!

what is the button about?
the work of the button is to change the section and transfer the users into a new environment through a smooth transition effect.

the new environment is referred to the about section of me :), where finally I’m gonna describe myself, my works, hobbies etc in the next(third) section.

working on to make it more user friendly and more advanced.

My Struggles :( ??

I struggled a bit in understanding the usage multiple classLists for one button.
I also struggled to connect the specific class list mainly the background one with the querySelector.
I also struggled to blend two different color theme backgrounds to create a smooth buttery transition.

What i learned ?

how to use EventListener
how we can give multiple instructions in one function using multiple class lists.
more deeper understanding of this line

const theme2 =document.querySelector(‘’);

any usage of Ai?

i did used Ai for specific things but used it only for learning, and learning the patterns.

My own thoughts about this:

Honestly guys, this is the most buitifull update i added in my website, i honesly liked this update a lot used the maximum knowledge, creativity and learning into this update.

If you got any questions, don’t hold it, just let me know,
if you guys wanna change something, or some specific details, let me know :)

Here is My todays “HONEST LEARNING” and using it into my Persoinfo.web project.

so today i finally added my Main box sideways animation using not only CSS but this time i use a bit of JS too,

what i learned?

what is variable.
what is function
how does function works.
how to use Observer (IntersectingObserver)
how to use If/else statements.
what is classlist.add
etc.

struggles!

i struggled to use the entry function.
i also struggled to understand how classList works. i struggled to put all functions and vareibles and form the animation.

The final product!

In conclusion of giving all the efforts, i made the specific animation possible, which is, if the user scrolls from the front visible (default) page to the bottom section at that exact moment the animation should work, not when he loads the web.
it gives the web a advanced look :)

let me know if there anything else you want in this web’s first section.

usage of Ai : i used Ai for strictly learning only,
no copy pasting.

note: like this post so i can become a good programmer!

Guys i finally learned how to add animations in elements, added the button animation, and fixed some about section position bugs. note: plz like this post so i can become a good programmer :)

Hi guys, today I’m finally adding the about me button, I also fixed my parent container element position, and also working on applying a sideways animation on the container. also learning some of the JS in order to make the button work!

Hi guys, right now I’m learning how to add scroll bar in my Persoinfo.web!

Finally started my Persoinfo.web project again after a big crash in my stardance previous project tracking gng :) Note: guys please like this post so i can become a better programmer.