search

YaleDHLab / dhlab-site

dhlab.yale.edu
http://dhlab.yale.edu
5 stars 7 forks source link

Project Landing Page* #18

Closed mongmedia closed 7 years ago

mongmedia commented 7 years ago

annotated-projects

The Project Gallery will show a featured project, current projects as well a "From the Archives" section for projects that predate the lab.

mongmedia commented 7 years ago

MOBILE version mobile-projects

The mobile view starts w/ the project hero image with a block for the category and project title. The project caption will be overlaid at the bottom of the image.

The heading Project will precede a project listing whereby the project has a thumbnail and then a text block with its category and project title. The proportions of text and image is similar to that of the mobile event listings

This is followed by the "From the Archives" heading and then a block of text-based descriptions for archived projects. These are text-based because not all archived project may have PR images

mongmedia commented 7 years ago

MOBILE version mobile-projects

The mobile view starts w/ the project hero image with a block for the category and project title. The project caption will be overlaid at the bottom of the image.

The heading Project will precede a project listing whereby the project has a thumbnail and then a text block with its category and project title. The proportions of text and image is similar to that of the mobile event listings

This is followed by the "From the Archives" heading and then a block of text-based descriptions for archived projects. These are text-based because not all archived project may have PR images

duhaime commented 7 years ago

@mongmedia Is the hero image taller here than on the landing page? If so, how tall should this one be?

mongmedia commented 7 years ago

For Hero images: let's use a 16:9 aspect ratio for the Home and Project page banners. This facilitates being able to use video when available. For 1024, the height would be 576 px

mongmedia commented 7 years ago
screenshot 2017-09-19 16 03 27

@pleonard212 , @cderose : Regarding the curation of projects, this is the list as we have it on the current website. What would you add or put into the archives (From the Archives section) and is there are particular order that you'd like to present these in?

mongmedia commented 7 years ago

List of archive projects at digitalhumanities.yale.edu:

  1. Ten Thousand Rooms
  2. Joseph Brodsky
  3. Historian's Eye
  4. Cuneiform Commentaries
  5. Athena
  6. Babylonian Collection
  7. Digitally Enabled Medieval Manuscripts
  8. Works of John Edwards Online
  9. Decretum Gratiani
  10. Digital Himalaya
  11. Modernism Lab
mongmedia commented 7 years ago

Another functionality for the Projects overview page would be to have a filter or sort drop over the project grid.

screenshot 2017-09-21 14 43 13