Creating a onepager website factory

Who was it for?
AE | while employed at Open Up Media
What did I do?
All programming and technical conversion

A what?

Yes indeed, it's a onepager factory, more or less. So, what does this mean? In the final product, the client is able to add more than a dozen types of sections to individual homepages, each with their own subdomain. Every section has its own look and feel, and functionality.

Internal pages are opened within a custom written modal window and can be linked from the elements within these sections. It also works in reverse, and they can be ordered and configured individually.

Next to contrib modules such as Domains and Views, a lot of the functionality was custom written from the ground up. We made extensive use of the Drupal API and added both custom and vendor jQuery plugins on top.

AE Analytics in a new and responsive jacket

Props to my colleague Lance, who created this fantastic responsive design.

AE wanted to be able to customize the look and feel of every section individually. With the newly built system, they can configure specific colors and backgrounds per section. Using these settings, the code that is necessary for styling is dynamically generated for each individual block and subsite.

When a block is added or updated, the styling is automatically regenerated in 2 steps. First of all, since we use SASS for styling, new SCSS files are rendered by our modules, after which the final CSS is regenerated using PHPSass through the Prepro-module.

The result is, well you guessed it, a onepager factory with extra cream and a cherry on top. Ready to be served.

Visit the new website