Paragraph Type- BODY
Content area: 1380px max width
Description: This paragraph type provides a single field for content (copy and images) that uses the standard Drupal WYSIWYG.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Paragraph Type- PARAGRAPH W/ BLUE BG
Content area: 1200px wide (bg is full width)
Description: This paragraph type provides a single field for content (copy and images) that uses the standard Drupal WYSIWYG. Content is black text on a light blue background. All h2 tags are centered.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Paragraph Type- CALLOUT
Content area: 1000px max width (bg is full width)
Description: This paragraph type provides a single field for content (copy and images) that uses the standard Drupal WYSIWYG. Content is white text on a blue gradient background. All text is centered.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Paragraph Type- TWO COLUMN W/ BLUE BG
Content area: 2 columns that take up 45% of the screen width each up to a combined width of 1380px (bg is full width)
Images: 700px max width
Description: This paragraph type provides a two fields for content (copy and images) and each one uses the standard Drupal WYSIWYG. Content is centered dark blue text on a light blue background.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Paragraph Type- PARAGRAPH W/ DARK BLUE BG
Content area: 1200px wide (bg is full width)
Description: This paragraph type provides a single field for content (copy and images) that uses the standard Drupal WYSIWYG. Content is white text on a dark blue background. All h2 tags are centered.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Paragraph Type- TWO COLUMN TABBED CONTENT
Content area: Two columns that will take up a combined width of 1380px
Description: This paragraph type provides a field for a title and as many fields for images as necessary. Each image also requires the fields for Image Alternative Text as well as Image Title to be completed. The Alternative Text entries will appear on the left side of the page and the image will appear on the right side with the Image Title appearing as a caption underneath it. Only one image is displayed at a time and users may switch between images by clicking on the Alternative Text labels in the left column.
Paragraph Type- TWO COLUMN PARAGRAPH
Content area: 2 columns that take up 45% of the screen width each up to a combined width of 1380px
Images: 700px max width
Description: This paragraph type provides a two fields for content (copy and images) and each one uses the standard Drupal WYSIWYG.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Paragraph Type- FORMATTED CONTENT w/ PARALLAX BG
Content area: 1000px max width
Image: At least 1920px wide
Description: This paragraph type provides a field for content (copy and images) that uses the standard Drupal WYSIWYG and an image field. The image has a blue filter applied to it and is used as a parallax background. The content is white text and also supports images.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Paragraph Type - PRIORITY
Description: A Campaign Priority Intro paragraph (see above) should be included before any Campaign Priority paragraphs (what you're looking at right now) and should NEVER be altered unless specifically requested. The Campaign Priority paragraphs have an image field and a field for content that uses the standard Drupal WYSIWYG. The image should be 900x600 and will appear on the left side of the page. A "swipe" animation is automatically applied to the image. The content area will appear on the right side of the page and should have the following elements: a title (h3 tag), a description (p tag), the Opportunities header (h4 tag) and a table that contains the opportunities specific to this priority. The table will be hidden until the user clicks on the Opportunities header.
Opportunities to be bold together
Endowed professorshipsFund transformational faculty who will improve our understanding of Earth’s evolution through time and of the complex relationships between natural resources and living organisms that create dynamic ecosystems, which is essential for design of long-lasting solutions to environmental challenges. |
Symposia and visitorsEstablish an Environment and Sustainability symposium series and visitors program to attract renowned researchers and visitors to Rice while establishing the Wiess School as a national hub for environmental sciences. |
Research seed grantsSupport fundamental research that will help address challenges associated with ecology, bio-diversity, energy transitions, natural resource management, climate, and natural hazards. |
Graduate and postdoctoral fellowshipsEstablish an Environment and Sustainability Fellows program to train future leaders in the interdisciplinary study and stewardship of the environment, expand our research impact and support the reputation and visibility of our programs. |
Paragraph Type- TWO COL DESCRIPTION AND IMAGE and CAROUSEL CONTROLS
Content area: The copy fills the left half of the page while the image fills the right half. Combined they take up the full width of the page.
Description: This paragraph type provides a field for content (copy and images) that uses the standard Drupal WYSIWYG and an image field. The main content appears on the left half of the page and the image takes up the right half. If the Carousel Controls paragraph type is added underneath a series of Two Col Description and Image paragraphs then it will combine all paragraphs of this type as as a carousel. The Carousel Controls paragraph should NEVER be altered.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Paragraph Type- TWO COL DESCRIPTION AND IMAGE and CAROUSEL CONTROLS
Content area: The copy fills the left half of the page while the image fills the right half. Combined they take up the full width of the page.
Description: This paragraph type provides a field for content (copy and images) that uses the standard Drupal WYSIWYG and an image field. The main content appears on the left half of the page and the image takes up the right half. If the Carousel Controls paragraph type is added underneath a series of Two Col Description and Image paragraphs then it will combine all paragraphs of this type as as a carousel. The Carousel Controls paragraph should NEVER be altered.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Paragraph Type- COMMUNICATIONS PREFERENCES
Content area: Full width of the screen with a dark blue background. A call to action is in the center with a button directly below it that links to a Communications Preferences page on the Rice Portal.
Description: This paragraph type provides a field for the CTA which should be no longer than 5-8 words. You are also able to specify a URL and text for the button.
Paragraph Type- PREVIEW GRID
Content area: Full width of the screen is divided into three columns. Each column contains an image and a title with a description appearing when a user hovers over the image.
Description: This paragraph type provides a field for the title, image (700x550), and summary to be used in each column. If a link appears within the summary, it will be applied to the image.
Association of Rice University Black Alumni
The Association of Rice University Black Alumni (ARUBA) seeks to provide opportunities for Rice's Black alumni, students, parents, faculty and staff to strengthen relationships and develop new connections with each other and with the Rice community.
Association of Rice University Black Alumni
The Association of Rice University Black Alumni (ARUBA) seeks to provide opportunities for Rice's Black alumni, students, parents, faculty and staff to strengthen relationships and develop new connections with each other and with the Rice community.
Association of Rice University Black Alumni
The Association of Rice University Black Alumni (ARUBA) seeks to provide opportunities for Rice's Black alumni, students, parents, faculty and staff to strengthen relationships and develop new connections with each other and with the Rice community.
Paragraph Type Examples
Here are examples of all the custom paragraph types we have created so far. These are only available on the alumni site for now, but will be expanded to all other DAR sites.