Professional Work
Backbone.Marionette Adobe CQ (AEM) Selenium JS/HTML/CSS

Cinco was LinkedIn’s enterprise-wide intranet portal. It featured employee and seat-location searching, org charts, internal-document searching, company announcements, calendaring, and other media and resource sharing. Around 2024-2025 it was decomissioned and its main features were replaced largely by Glean internal integration.

Tech Stack & My Contributions

Backbone.Marionette

Among various bug fixes and UI enhancements I helped develop:

  • reusable Behaviors & Modules to handle broken images and animate drawer (calendar item) elements.
  • animated, accessible, responsive UI for widgets (Groups, Alerts, iFrame).
  • actions triggered by messaging from Adobe CQ iFrame (see CQ below).

Adobe AEM (CQ)

In AEM/CQ I created various animated, accessible UI for components:

  • FAQ & Campus accordions
  • subnav scrolling (scroll points) & mobile menu
  • responsive carousel
  • several layout components & page templates

I developed messaging to iFrame parent to communicate to Backbone.

  • iFrame height, eliminating inner scroll bars and allowing fully responsive layout
  • scroll point messaging for scrolling effects
  • current-page meta to apply active state to corresponding nav icon

I integrated piwik analytics tracking for videos and created components with Sightly templating logic.

Accessibility

I addressed accessibility for:

  • Cinco alerts. The screen reader announces the alert severity and message upon display (aggressive).
  • animated components (drawers, accordions, carousel). Set proper focus. Descriptive groups.
  • other detailed areas throughout the site, making all of Cinco a11y-conformant.