Animation now loads after images

This makes for a much smoother experience when items fade in, instead of lagging while the background image also tries to load.

mentioned in merge request !574 (merged)

Great! Can you make it mergeable?

A question about this one:

Normally, the animations are rendering alongside the images and everything, making it a bit laggy. With this merge request, because the animation loads after the page loads, the animations are super smooth. The problem is, if the page doesn't load properly (or takes a long time), the ctas won't show. Should we take the risk?

@JobV

What are ctas?

Ack, sorry @sytses , the headers that fade in at the top of the page.

I don't understand the tradeoff, Job can make the call.

@sabbap remove the animations in that case. CTAs are most valuable; we don't want them to not show up because twitter, google or mixpanel is slowing down page load.

Thanks for the warning, very valid point :)

@JobV Agreed, it's definitely worth it. Should we leave it as it stands now then? (They will always show now, but just may be a bit laggy, depending on Internet connection)

@sabbap I think we should remove all animations.

Added 93 new commits:

• 5d52f4ce - Make HA more clear.
• b00dd450 - Merge branch 'ha-in-plus' into 'master'
• 8a9860b0 - First batch of work, the beginnings
• 405e8a22 - Lots of additions and styles
• a6601601 - Merge branch 'master' of gitlab.com:gitlab-com/www-gitlab-com into press_page
• 334d8f27 - Small fix
• 53b39d28 - Merge branch 'small_fix_installation' into 'master'
• e34ab545 - Fix image title in header and more outside it.
• d5c83a65 - Adding Image Guidelines to readme
• f5b43333 - Merge branch 'master' of gitlab.com:gitlab-com/www-gitlab-com into guidelines
• 80f93474 - YC post.
• 15ce3de9 - Add packages for 7.8.2 and add a release blogpost.
• c45dd42d - Merge branch 'release/7.8.2' into 'master'
• 29388055 - Merge branch 'master' of gitlab.com:gitlab-com/www-gitlab-com
• 7b7819ee - Clean up the date and url of the YC blog post.
• 52f4ded4 - Fixed background for yc post.
• 3f35cfc6 - Link to code so it is easy to find.
• 537b18ee - Make clear that the CC license only concerns the terms.
• 1d2f7352 - Merge branch 'master' of gitlab.com:gitlab-com/www-gitlab-com
• 3eb06651 - Switched up RSS for font-awesome rss icon
• 7b0aed1b - Added a tooltip
• 3509f4b8 - Merge branch 'rss_icon' into 'master'
• 62b22fd6 - Call it an installation from source.
• 94d0630f - Move Leanlabs to utilities.
• 410cc9cc - Fix title.
• e7f153ff - Change title to show GitLab at the end
• 53169ea3 - Merge branch 'title_change' into 'master'
• 4e4c250d - Merge branch 'small_fix_testimonial' into 'master'
• db126cb2 - Small fix
• d345099b - Fixing a content area
• 35c06b96 - Merge branch 'site_container_fix' into 'master'
• 1b7e2caf - Better organization of logo_names + sizes
• ec53e7f7 - Merge branch 'master' of gitlab.com:gitlab-com/www-gitlab-com into remove_sprite
• 16d2f4f6 - Merge branch 'remove_sprite' into 'master'
• 490f307d - Merge branch 'master' of gitlab.com:gitlab-com/www-gitlab-com into small_fix_testimonial
• adbe6257 - Fixing margins
• 7cf78857 - Merge branch 'master' of gitlab.com:gitlab-com/www-gitlab-com into small_fix_testimonial
• 164a9399 - Merge branch 'small_fix_testimonial' into 'master'
• 08be2253 - Add Gitorious announcement.
• 2bab48e9 - Add link to TNW
• 89367ccf - Fix ghost quote.
• b083abde - Merge branch 'gitorious' into 'master'
• 31b0c2e0 - Fix header of blog post.
• 44e8807a - Adding water image to Gitorious blog post
• 0ca905ea - Merge branch 'blog_image' into 'master'
• 69319a89 - Add the in blog article, thanks Hannes.
• d0f488d2 - Fixes mobile issue with margins
• 68b76caa - Merge branch 'fix_mobile_bug' into 'master'
• 4a5495c0 - Remodeled Testimonials section
• cd190844 - It is now responsive
• f624b605 - Removed legacy testimonial cruft
• ebb86275 - Merge branch 'testimonial_concept' into 'master'
• 8816766c - Fixing firefox bug
• 30392254 - Merge branch 'testimonial_concept' into 'master'
• 49933d02 - Fix new blog post template.
• 695bef97 - Mention twitter link in readme.
• bbfe3309 - Merge branch 'fix-new-blog-posts' into 'master'
• a7bee14f - Added to Contributing Page re: Accepting requests
• f26596c9 - Adjusted boxes to look nicer
• fec915bc - Merge branch 'adding_to_contributing' into 'master'
• a0cef16f - Merge branch 'master' of gitlab.com:gitlab-com/www-gitlab-com into guidelines
• a9042a7d - Adding new lines for sentences and more info
• 0a0ab70f - Merge branch 'guidelines' into 'master'
• 607eb726 - Merge branch 'master' of gitlab.com:gitlab-com/www-gitlab-com into press_page
• 3cc1fc3c - Added margins, padding, and fixed images
• 2f479844 - Made some changes to the titles and investors
• e79d47e1 - All pic links and download buttons completed
• 5f0103f9 - Added a small responsive fix
• 7d73ec26 - Added nicer download button + styling
• 2de13f2c - Merge branch 'press_page' into 'master'
• 35f6bc31 - Improve the wording and structure of presenting GitLab, more links to the source…
• 67bac5ec - Merge branch 'better-wording-of-features' into 'master'
• 8da0418d - First paragraphs of data move blog post
• 852f32ae - Remove duplicate title
• 67c01c2c - More text
• 3c210bbd - More text, more 'I'
• d23c2f63 - Crop images
• 7b67eee5 - Reach the end of the story
• bf721535 - The zeroes are fake data
• 6b9f5afa - Address comments from Job and add some juice
• 0d68c869 - Merge branch 'move-all-the-data' into 'master'
• 1d6d7bda - correct date data article jacob
• 892712b7 - add picture data article
• c59571f8 - fix image
• edf6f7ba - add jacobs twitter
• e12b33c0 - together
• 2b3ebe0a - Adding platzi tutorials to homepage
• 043c64a0 - Changing line title
• d09d25f8 - Added new link title
• efa65475 - Last text update
• e370d52d - Merge branch 'platzi_homepage' into 'master'
• 154af5b7 - Merge branch 'master' of gitlab.com:gitlab-com/www-gitlab-com into fixing_landing_animation
• a3f68ab5 - Rid of all landing page animations

all animations have been moved

@sabbap you mean removed?

Status changed to closed