Stealing the floatplane.com background/ animations?

[Keystone Nyan Cat]

Hey everyone! I'm working on a personal website and wanted to adapt the background and connecting-dots from http://floatplane.com/signup onto my own website. However- it's written in .ts and has many file dependencies; such that when I tried copying it onto a .js file, it completely broke. Does anyone know how can I go about copying it?

 

I did find this online, but the one on floatplane behaves quite differently and has a moving background.

 

Edit- I don't mean I'm going to literally steal the code guys; moreso adapt it to my personal website. If you don't want to show me the exact code- pointing me to a website that does the things LMG is doing with floatplane.com would be much appreciated too!

 

Also- Does anyone know what the login screen floatplane.com is called? It's quite similar to what Pinterest has going on and I love it!  

[trag1c]

I would want to see written permission from LMG before I would even consider helping you.

[Keystone Nyan Cat]

5 minutes ago, trag1c said:

I would want to see written permission from LMG before I would even consider helping you.

Updated my post; I don't intend to "steal" what they're doing; rather- even if you can direct me to a website that has samples of what floatplane.com has/ the styles or animations they're using, it'd be appreciated. The technology floatplane.com has is not proprietary, so even directing me to a website that expands on how to get started with using the animations floatplane.com is using would be appreciated.

[PCGuy_5960]

23 minutes ago, Keystone Nyan Cat said:

I did find this online, but the one on floatplane behaves quite differently and has a moving background.

https://codepen.io/MathiasBerwig/pen/GopGVq

 

I think that this is what you are looking for.  @Syntaxvgm found it

Edited November 11, 2017 by PCGuy_5960

[Keystone Nyan Cat]

2 minutes ago, PCGuy_5960 said:

https://codepen.io/MathiasBerwig/pen/GopGVq

 

I think that this is what you are looking for. Credit goes to @Syntaxvgm

This is EXACTLY what I was looking for, thanks a lot!  For my own reference though- how did you find this/ what did you search for? Learning how you came across this would help me a lot moving forward; while helping me redirect others to resources similar as this in the future. 

[Syntaxvgm]

Just now, Keystone Nyan Cat said:

This is EXACTLY what I was looking for, thanks a lot!  For my own reference though- how did you find this/ what did you search for? Learning how you came across this would help me a lot moving forward. 

I found it because I have used it before myself. I think "canvas connecting dots" brings it up on google though. 

[Syntaxvgm]

Just now, trag1c said:

I would want to see written permission from LMG before I would even consider helping you.

with front end web what you'll find is 75% of stuff is either free or paid snippets of code other people made taped together. (Not a bad thing)

[Keystone Nyan Cat]

I've run into an issue- in the code's CSS file, it specifies the dot's and background's position as absolute, making it layer over everything, even if they were drawn after the dots. However- if I change it's position to anything but absolute, it doesn't remain as the background. Could anyone help me with this please?

 

Edit- nevermind; there's a property called z-index which needs to be set to -1. My page works now, thanks though!  By the way- has anyone figured out how LTT managed the moving background image?