Change "Long Do" preloader #20

Activity

1. longpdo commented on May 25, 2022

   

   longpdo

   on May 25, 2022

   Last edited by longpdo

   Owner

   More actions

   Hi, thanks for checking out this repo.
   Changing the name will kinda kill the animation loop.

   So, technically to just change the name:

   • _includes/landing-page.html: Replace the big letters inside the <em> tags to your name.

   Now, you either need to fix the animation or remove it completely.

   • _sass/main.scss relevant subclasses are inside .landing-logo: .planet::before class is for the background of the rotating letter, left and right defines the position of the background, h1::before is the red ring.
   • try and error around the rem values to match the animation to your name
   • or just remove/comment out the beforementioned classes

   if you changed the size of the red ring, then you also need to adjust the rem values of #preloader - so the initial sideload preloader matches the red ring.