Endurance Spacecraft - Interstellar - Pure CSS

A 3D view of the Endurance spacecraft from the movie "Interstellar."

The idea was to do something approximate, but I was excited, and I have been adding details for two days. Some modules are not exact, but their shapes were very whimsical and I simplified them ... now I regret it (maybe I retouch them).

Resources:

• Cam System:

  • Explained by @amit_sheen in CSS-Tricks:
    • https://css-tricks.com/how-to-map-mouse-position-in-css/
  • Example by @YusukeNakaya from this pen:
    • https://codepen.io/YusukeNakaya/pen/GRWZdOb

• Cuboid System by @jh3y from this pen:

  • https://codepen.io/jh3y/pen/MWJdqBo

• Gargantua Blackhole by @josetxu from this pen:

  • https://codepen.io/josetxu/pen/rNWgNeq

• Tricks for drawings by @thebabydino in CSS Tricks:

  • https://css-tricks.com/background-patterns-simplified-by-conic-gradients/

• Spacecraft details:

  • https://www.bbc.com/future/article/20150407-inside-a-movie-spaceship-factory
  • https://thefwa.com/article/behind-the-scenes-interstellar-endurance
  • https://sketchfab.com/3d-models/endurance-interstellar-f2e7ba1e95974f95a2392edd69d62eed