Drupal Demo Page

This page uses the General Page template, and this summary is entered using the "Intro Text" field, which allows basic text formatting options. An optional banner image is included below. (This can also be a video.)

The Strategic Planning Process

This page uses the General Page template, and this summary is entered using the "Intro Text" field, which allows basic text formatting options. An optional banner image is included below. (This can also be a video.)

This is the Body field.

The body is the main content area of the page

As a general rule the body should always be populated with content, even if no other pages sections or components are used.

The field is a WYSIWYG - What You See Is What You Get - which allows you to visually enter and format content including basic text, links/buttons, headings bulleted and numbered lists, tables, and embedded media like images and videos.

Another WYSIWYG field is available as an optional component in the Page Sections portion of the template, which you can use in combination with other components to add extra content below the menu section.


Optional Top Accordions

The top accordions appear directly below the body of the page, next to the menu. You can have an unlimited number of accordion sets in this location, each with an unlimited number of expandable accordion sections. Inside each accordion section is another WYSIWYG field.

The accordion sections in this set include examples of the various content formatting options available in WYSIWYG fields.

This is an example of a bulleted list:

  • bulleted list item
  • bulleted list item
    • bulleted list item
    • bulleted list item
  • bulleted list item

This is an example of a numbered list:

  1. numbered list item
  2. numbered list item
    1. numbered list item
    2. numbered list item
  3. numbered list item

Headings should be used in descending hierarchical order, where Heading 2 is used to denote major sections and Headings 3-6 used to create subsections within those sections, as illustrated below:

This is a heading 2

This is a major section of content with subsections:

heading 3 for the first subsection

More content can go within each subsection. Additional heading styles are:

HEading 4

Heading 4

Heading 5
Heading 6

another heading 3 for a second subsection

And here is another heading 2

Be sure to use headings in order - don't start with a heading 3!

 The image below has the following parameters Align: center and Display: Editor Full

GC Building Flags

Here is the same image with the parameters Align: center and Display: Editor Small.

GC Building Flags
Generic Profile Image

The next two images are set to float on the right and left of the text, using the parameter Align: Right and Align: Left respectively. We will use some dummy text to show how this looks in long running copy.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut lectus tortor. Donec vehicula ipsum quis libero maximus, vel volutpat neque venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus nulla purus, viverra nec urna sed, interdum suscipit erat. Ut auctor eu orci ut luctus. Nam sapien felis, pharetra at lectus vel, pellentesque hendrerit nulla. Cras in nibh lacus. Vestibulum nec leo elit. In lacinia ex nec commodo fringilla. Phasellus scelerisque, felis sed fermentum consectetur, mauris lectus interdum velit, ac condimentum ante nunc eu nisl. Duis ut arcu eu nisl dignissim finibus vel eget eros. Nunc commodo magna sit amet dolor euismod lobortis.

Generic Profile Image

Nulla facilisi. Donec bibendum feugiat fermentum. Duis vel libero ut arcu imperdiet lacinia. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo tincidunt nibh nec congue. Praesent pharetra pulvinar suscipit. Nullam sit amet ligula non ante egestas vestibulum non nec enim.

Nunc ac ante consequat, dignissim dui eget, ornare velit. Pellentesque eu odio sit amet risus porta euismod nec vel nulla. Mauris nec quam tempor dui vehicula gravida. Suspendisse nec magna magna. Duis dui arcu, molestie eu est eu, scelerisque consequat mauris. Sed at nunc nunc. 

Page Sections

Below the body and top accordions is the Page Sections area, which spans the full width of the page and is made up of a customizable set of mix-and-match components to display static and dynamic content. These components can be added in any quantity and in any combination, and can easily be re-ordered using a drag-and-drop feature.

An example of each available component is included below - use these links to jump quickly to the component you would like to see. (Note: This intro has been added using the WYSIWYG component!)

Accordions | Book Components | Checkerboards | Contacts | Differentiators | Event Components | Forms | FYIs | Gallery | Listing | News | Profiles | Testimonials


Accordions

The Accordions component in the Page Sections functions exactly the same was as the Top Accordions.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut lectus tortor. Donec vehicula ipsum quis libero maximus, vel volutpat neque venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus nulla purus, viverra nec urna sed, interdum suscipit erat. Ut auctor eu orci ut luctus. 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut lectus tortor. Donec vehicula ipsum quis libero maximus, vel volutpat neque venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus nulla purus, viverra nec urna sed, interdum suscipit erat. Ut auctor eu orci ut luctus. 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut lectus tortor. Donec vehicula ipsum quis libero maximus, vel volutpat neque venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus nulla purus, viverra nec urna sed, interdum suscipit erat. Ut auctor eu orci ut luctus. 


Book Components

The component below is the Book Feature component, which displays the three most recently published book posts matching selected parameters (author, topic, and/or department). The component also includes an optional clickthrough link, which you can use to link to a full archive of matching books.

A related component, the Book Listing, is also available, which displays ALL book posts matching the selected parameters. Note that these lists are often very long, which means this component may not be suitable for use on a general page alongside other content and components. We recommend placing the Book Listing component on a separate, dedicated page and using the optional link in the Book Feature to direct users to view the full archive. You can see this approach in action in the demo component below.

Book Feature

Optional link to direct users to a full archive of books

Book Listing (All matching chosen parameters)

NYC distant aerial shot

First Checkerboard Title

A checkerboard component is made up of one or more checkerboard items, each including an image or video and a colored box with, minimally, a title and description. The description field allows for basic text formatting including bold, italics, and inline links. Text should be kept brief.

If multiple checkerboard items are added to the component, the layout will alternate from left to right.

Optional Eyebrow Heading

Second Checkerboard Title

This checkerboard item uses a video instead of an image, and includes the optional eyebrow heading and button link (limited to one).

Note that if you choose to use a video, you will still need to select an image for the template to display as a placeholder. This is important for accessibility.

Optional button link

Optional Eyebrow HEading

Contacts

The Contacts component allows you to select an unlimited number of people and/or departments to automatically display relevant content information. For people, it will pull the person's name, title(s), phone number(s), and email from the person's Drupal profile. For departments (including academic programs) it will pull the department name, phone number, and email from its directory entry. For each contact you can elect to hide the phone number and/or email address (but please display at least one of those!)

You can also include an introduction or description using the optional description field, which allows for basic text formatting including bold, italics, and inline links.

Differentiators

The Differentiators component is made up of a manually-selected set of differentiator cards, which are entered in Drupal as individual pieces of content. The component will display a maximum of four cards on load, with a carousel function to display any additional cards. The component also includes an optional description field, which allows for basic text formatting including bold, italics, and inline links, as well as an optional button link.


Event Components

There are two Event components available:

  1. The Event Feature component displays the summary information for a single manually-selected event in a full-width feature box.
    • All information is pulled directly from the event post itself.
    • Only events which include a banner image can be selected for display in an Event Feature component.
    • Once the event has passed, the component will no longer display on the page.
  2. The Event Listing component displays the three next upcoming events which match the selected parameters (topic, department/program, type, and/or audience).
    • All information is pulled directly from the event posts themselves.
    • The component also includes a link to the GC's event calendar, automatically filtered to match the parameters selected, to show the full list of matching upcoming events.
    • If there are no upcoming events that match your selected parameters, the component will not display on the page.

You can see examples of these components below. (But only if there are active events to display! If you do not see the demo components, check back at a later date.)

Optional Eyebrow Heading

Event Listing

Optional Eyebrow Heading

Form

The Form component allows you to display a Drupal webform or embed a form from an outside source. It also includes an optional description field, which allows for basic text formatting including bold, italics, and inline links, as well as an optional button link.

Name
Conditional testfield

FYI Component

The FYI component displays the five most recently published FYIs matching your selected parameters (category, topic, and/or department/program). All content is pulled directly from the FYI posts. The component also includes a link to the GC's general FYI listing, automatically filtered to match the parameters selected, to show a full archive of matching FYIs.

You can see an example of this component below.

FYIs

All FYIs
Sep 12, 2023

Announcing the 2023 Senior International Fellows

The Center on Philanthropy and Civil Society at the Graduate Center of The City University of New York is pleased to announce the selection of eight Fellows who will join us for this year’s Senior International Fellows Program. The Fellows come from Brazil, Italy, Ghana, Kosovo, Mexico, Senegal, and Ukraine and will attend seminars together in New York throughout the month of October. 

Read about the Fellows, their research topics, and their professional development in the field of philanthropy

Learn more about the Senior International Fellows Program.

  • Announcement
Sep 1, 2023

Congratulations to Shivani Shah for being selected as a finalist for the DEIA Excellence in Research Grant

Congratulations to Psychology Ph.D. student Shivani Shah (Industrial/Organizational Psychology training area) on being selected as a finalist for the DEIA Excellence in Research Grant.

  • Congratulations/Kudos
Sep 1, 2023
Installation image of Exhibition from article in ARTMargins

Professor Josh Cohen co-edits a special issue of ARTMargins

Professor Josh Cohen, along with Foad Torshizi and Vazira Zamindar, co-edited Art History, Postcolonialism, and the Global Turn — a special issue of ARTMargins . See it here

  • Congratulations/Kudos
Aug 30, 2023

CONGRATULATIONS

Olivia Mignone (Ph.D. student) will present her research “The Place of Himalayan Languages in the Linguistic Landscape of Jackson Heights” at the 14th Linguistic Landscape Workshop: Utopías and Dystopías at Universidad Complutense de Madrid, Sept. 7th, 2023.

  • Congratulations/Kudos