Skip to content

Aaryaman-147/inside-the-cube

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Inside the Cube

An experimental portfolio interface where users scroll through the interior faces of a cube.

Instead of displaying a 3D cube object, the experience places the user inside the cube and rotates between its faces as they scroll.

The project also includes a print stylesheet that unfolds the cube into a printable cube net, allowing the portfolio to exist as a physical object.


Features

  • Scroll-driven navigation through cube faces
  • Fullscreen sections representing the six faces of a cube
  • CSS 3D transforms for spatial navigation
  • Print stylesheet that generates a foldable cube net
  • Lightweight implementation using HTML, CSS, and JavaScript

Demo Concept

Digital experience:

  • Scroll to rotate through cube faces
  • Each face contains portfolio content

Physical experience:

  • Press Ctrl + P
  • Print the cube net
  • Cut and fold to create a physical cube portfolio

Motivation

Most portfolios exist only in the browser.

This project explores the idea of bridging digital and physical design by allowing the portfolio to be printed and assembled as a real object.


Inspiration

This project is inspired by the cube portfolio concept created by Sharon Zheng.

Her portfolio explores the idea of navigating through the faces of a cube and connecting digital experiences with a physical printable cube net.

Portfolio: https://sharonzheng.com


License

MIT License

About

A scroll-driven portfolio that navigates the interior faces of a cube, with a printable cube net for building a physical version.

Topics

Resources

License

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors