HTML Logo by World Wide Web Consortium ( Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS. ocPortal 9 is superseded by Composr 10.

Head over to for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.

Parallax Universe

Parallax Universe
Live Demo Here

The illusion of 3D perspective movement as the user shift his mouse over parts the environment got me thinking about creating a deep space panoramic experience. I wanted to perceive ocPortal as a sort of spaceship navigating the vastness of the web universe. 

Keep in mind that this kind of website is not for mobile devices. It will give the best result on a fast computer with a large monitor. Look at it in a dim light surrounding at full screen for an amazing experience. Board the starship ocPortal, traverse the universe and go where no one has gone before.


Additional information

This animation method along with ocPortal version 9+ makes use of HTML5/CSS3 animation tags and styles and includes several pre-installed JavaScripts and Plugins. This is still experimental technology which will require the latest browsers versions to deploy successfully. At published date, the best viewing experience was with FireFox 16.0.1 and MS Internet Explorer 9.0.8.

To insure proper integration with other elements of the website,  please disable Javascript overlays by following this link:
  • Admin Zone-->Setup-->Configuration-->> Accessibility
  • 'Enable Javascript overlays'  (remove check-mark to disable)
Easy modifications you can make to the theme:

The top logo header can be changed with your own by following these steps:
  • GO TO:  Admin Zone-->Style-->Manage themes-->Choose the current theme
  • click on: Manage theme images
  • Select 'General'
  • Choose Codename 'header' to edit from the list
  • This is a transparent png image of 980x150
  • Replace with an image of the same dimensions through the 'upload' option.