Sentimental Minions

The theatricalities of the humble bookmark

  • a

  • Archives

  • Tweetions

Turbulent confabulations

Posted by Avadhut on 9 July 2007

My second site in Drupal.

index.png

Front page: Modules used: Panels, views, & a custom banner generation module. Although, Drupal does have a contrib Banner module for 5.1, I wasn’t too happy with the functionality. So coded my own module to handle things like Banner rotation, displaying of a recruitment banner when a new posting is uploaded, etc. Minimum work for the end user, in this case—HR. (Note: The banners in this image are simply an example—placeholders till the Web team comes up with new banners). Also, the search box and newsletter subscription form has been shifted to the top of the page and can be toggled (a tab-ing script in JS).

editage.png

Team page: Modules used: Custom Banner module, views, panels. Notice how the side-bar has appeared on this page now. This was not done through Panels (that would require too many CSS workarounds), instead a template-level workaround/hack was implemented.

cnbc_news1.png

News page: Modules used: Views, Panels. Notice how the date has been displayed—this, again, was a template level hack implemented in node.tpl.php. The blockquotes have been styled to attract attention fast to the important bits, like in newspapers. Makes for easier skimming through.

faqs.png

FAQs page: Modules used: Views, CCK, ConTemplate. Instead of using the contrib FAQs module, I used CCK to create a custom FAQ type. Further, the displaying of the content on the FAQs page—questions on top with named anchor links below—was automatically generated by using a template defined in ConTemplate. Easier for HR to upload questions without meddling with any coded bits.

cutlture.png

Work culture: A static page, but it was made AJAX-y by using the accordion functionality of MooFX.

employee-speak.png

Employee speak: Modules used: Views. Employee Speak was implemented as a custom data type and this listing page was generated using Views. All icons were handcrafted to go with the theme of the site.

colin_speak.png

Employee speak (Individual pages): Modules used: Views, Panels, ConTemplate. Notice how author names and Taxonomy are not linked and the submission line is styled quite differently as compared to the default Drupal style. This is again a template-level hack implemented in node.tpl.php.

careers.png

Careers page: Modules used: Views, ConTemplate. An open/close Javascript wrapper was used to minimize the scrolling and dynamically display content without having to reload pages.

teams.png

Teams: Static content page.

contactus.png photos.png

Facility tour page: Again a static content page. However, the Lightbox Ver 2 Javascript plugin was used to display a slideshow of photos without having to reload pages—the main Web page grays out and a photo is overlayed on top of it with “next” and “prev” controls.

facility.png

Contact us: Simple static content page.

Like I said, it will be a while before this one goes live, but at least the port to Drupal has been performed. The level of CSS detailing Drupal allows you to define is mind boggling. All you need to do is understand the styling system (Drupal has several different style sheets to deal with—system.css, default.css, style.css, and any other style sheets that are bundled with the contrib modules).

I found the Firebug plugin for Firefox an excellent companion in styling Drupal sites as well as to ensure that your site is standards compliant—it helps unlock the complex levels and hierarchies realized by Drupal style sheets.

In the end, it would be the safest to say that no matter what your design looks like—custom tables for each page, differently styled lists on different pages, differently styled blocks on different pages, etc.—nothing is impossible in Drupal.

Advertisements

7 Responses to “Turbulent confabulations”

  1. Ergo said

    Hmm… interesting.. to the extent that I can even understand what y’are saying. But hey, did you delete your previous post?? Ya, I didn’t understand a word of that one either.

  2. Avadhut said

    Ha ha! Yeah, the previous post was deleted. Why? Long story. Lets just say that a bunch of very important people have started visiting this blog ;).

  3. Ergo said

    Ooooo….. VIP’s, eh? Nice! 🙂 Say hello.

  4. Pink Imp said

    i dont like u anymore. i like charls blog and charl also better now. and btw, did u receive that poster and postcard? my sister received the letter and card i mailed her. i am asking u since i posted ur stuff and hers on the same day. of u have received it, pls show charl too. ok? and tell me too! bye now!

  5. Pink Imp said

    piggie, we need to see something new. write some new stuff naaaaaaa

  6. Ergo said

    HEY! I stumbled your site “Mixed Reality” in Stumble Upon.com and gave it my rating/review. 🙂

  7. I hate u

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
%d bloggers like this: