Janus - Drupal 8 Theme POC

Developers we have a new Drupal 8 challenge where we are looking to quickly create a Drupal 8 theme from an existing Drupal 7 site. We are looking to get this created and start building additional Drupal 8 skills within the Topcoder Community. Recently we have had a lot of customer interest in Topcoder and Drupal. Jump-in and let us know what questions you have!

Welcome to the  Janus - Drupal 8 Theme POC Challenge

Challenge Objectives:
The objective of this challenge is to create a Drupal 8 Theme (properly create a Drupal 8 Theme) from an existing site (that is in Drupal 7). Please check the forum for more information and details on the site.
 
Some important points

• Catch all possible block/pages to reuse, we open to your suggestions.
• Keep in mind we will run additional challenges to cover all others section from the existing website, like Plaque Psoriasis and Psoriatic Arthritis.

Pages and Feature needed:
- IMPORTANT: We need to replicate all pages/feature related bellow from the existing site, if have any question/doubt, no hesitate to ask in the forum.

Header

• Black area:
  • Important Safety Information - Is a link to the related page
  • Prescribing Information, Medication Guide and Información en Español - are a link to PDF file
  • Healthcare Professionals - Open a modal
• The white area is fixed when scrolling down. (note, need to hide black area)
• When area if fixed, need to make this transparent
• Logo on left and title in the center
• Note: Menu link change when navigating to subpages.

Important Safety Information

• This block shows before footer in some pages

Footer

• Two logos on the left side right
• Copyright content in the right side
• Links bellow copyright text

Main Page
Home

• Banner with slideshow, with buttons at the top to subpages.

Safety

• A simple page with text only

Crohn’s Disease
Home

• Banner with video (video player open in a modal window)
• Bellow section with 4 items with icon and links (How Works, The Dosing Difference, Getting and Stories

What Is Crohn’s Disease?

• Content with some icons
• Block with icon + link (like Home) This need be related to Home icons, changes need to affect both.

Crohn’s Disease Symptoms

• Block with 3 tabs, icons and text inside
• Block with icon + link (like Home) This need be related to Home icons, changes need to affect both.

Crohn’s Disease Treatments

• Icons with title and descriptions
• Video section
• Block with icon + link (like Home) This need be related to Home icons, changes need to affect both.

Results

• Have some graphs (this is image based)
• Video sections
• Block with icon + link (like Home) This need be related to Home icons, changes need to affect both.
• NOTE: Section tab of 'What is' will scroll down to related content in this page, so don’t open in new page.

Dosing Difference

• The table needs to be created with HTML/CSS and not image based.
• Click in Used For or How It Works show more details
• Block with icon + link (like Home) This need be related to Home icons, changes need to affect both

Doctor Discussion Guide

• Form area, need to match all fields.
• Make Download and E-Mail button deadlink for now
• Block with icon + link (like Home) This need be related to Home icons, changes need to affect both

3-Steps

• Tabs section, need able to navigate to each step

Support Team

• Your Team: Icons on left and description on the right side

Janssen CarePath

• What We Offer: This is like the previous section, so need to share same Content Type

Cost & Insurance

• Tabs area is like Crohn’s Disease Symptoms, so need share same Content Type

Patient Support - Overview

• Block area with icons, title and description. The title is linked to related content.

Infusion Support and Injection Support

• If click in Injection Support tab needs scroll to the related section.
• Video section

Questions & Answers

• This is QA page, need be created with QA module

Stories

• Video section
• Form: When submit, need save the entry in admin area

Restroom Access Card


Helpful links:
- Install Drupal 8
- Creating Themes in Drupal 8
- Creating Custom Modules in Drupal 8
 

Final Submission Guidelines

- Provide README file how install and deploy your submission
- Include step to deploy in Heroku
- Provide link your Heroku app to reviwers and client can test