How to implement a parallax splash page into my online store?

Hey all,

I’ve recently created a parallax enter website page using JavaScript, HTML, and CSS however I am struggling to implement it into my store. I would like the content to either appear as either splash content over the landing page or as a separate page that appears first and directs users to the landing page when the ‘enter’ button is clicked (which is already done in the code and if I’m not mistaken is better for SEO).

I have already put all the code into Shopify and tested putting it onto a page (you can access this page through the navigation bar ‘splashp’ menu item) however all of the images stack next to each other and the parallax effect does not work - the images just load onto the page.

Any help would be greatly appreciated, thanks!

freakthecompany.com