Framework sample pages
These demonstrate a range of ways you can make use of the EBI styles and framework.
Boilerplates
You can use these as templates for your code.
- Blank
big, empty space between header and footer - Ultra wide
for content with large table or graphics that benefit from using as much screen space as they can get - Right sidebar
for content-driven pages deeper in your site's hierarchy, the sidebar could contain secondary navigation - Search results
an example page with filters or facets for your results in a left-hand sidebar, and a right-hand sidebar for global results
Sample Level 1 implementations
Examples of services aiming for full compliance.
- EBI Homepage
Porting the EBI Homepage. - Research page Drupal
Porting the EBI Research page. - Brochure page
A high-impact brochure-style page for technical hiring. - Expression Atlas Bootstrap
Here we show a sample migration of a service, note that the service's use of bootstrap does not cause issue.
Sample Level 3 implementations
These examples show implementations of sites making use of only part of the EBI visual guidelines or technical framework.
- TO COME - Bootstrap
For services aiming for full visual compliance but not using the Foundation Framework base. - TO COME - No JS
Using the Foundation base framework with JavaScript or jQuery. - TO COME - No JS or Foundation
You won't benefit from any of the reusable components, but here's a bare bones visual implentation.