Website Specifications

January 2nd, 2020
Here is a list of website specifications for image dimensions, accepted file formats, standard colors, location information, feed updates, cache delays and other really awesome (important) things you should know.

 

1.

Images

General Guidelines
As a general rule, images uploaded to the site should be ideally 3860 x 2160 (4K), although the minimum width of 1100px wide is considered acceptable. Below are more specific guidelines broken down by category.

Pages:
Page Intro module: 1100 x 618 min, 3840 x 2160 ideal
Hero images (for Hero and Thumbnail module): 1440 x 810 min, 3840 x 2160 ideal

Cards:
Default cards: 440 x 248 min, 1020 x 574 ideal
Location: 465 x 260 min, 930 x 520 ideal
People cards: 176 x 176 min, 348 x 348 ideal

Modules
Multimedia galleries:
Single images: 1100 x 618 min, 2220 x 1249 ideal
Double vertical (same size for both images):720 vertical min, 1080 vertical ideal
Department Chair: 370 x 205 min, 700 x 394 ideal

Special sections
History: 960 width min, 1920 width ideal
Image of the day: 1100 width min, 1920 width ideal
Newsletters: 512px wide

 

2.

Accepted File Formats

There only three types of file types you should upload to the site.
For images, only use these file types:  .jpg, .png
For downloads, only use this file type:  .pdf

(Please note: the site does not currently support animated .gif files.)

 

3.

Colors

Red link color and main red: #DA291C
ADA compliant red link color for smaller type: #EB1000
Main blue: #29B5CF
Gray navigation background: #4A4A4A
Navigation yellow: #FFE588

Try to maintain site consistency by using these colors.

 

4.

Location Information

When adding information in the location fields, remember these rules:

1. Remove any apostrophes, so that “St Fred’s Rd” matches “St Freds Rd”.
2. Replace any other punctuation with spaces, since the geocoder ignores punctuation except when separating words (e.g. “Ave” not “Ave.”)

 

5.

Target Rules

When creating links on the site, it is important to know the site conventions that sva.edu is using across the entire site:

If you are linking to a page on sva.edu, you can leave it as is.

If you are linking to a page that is on another site, set the target to “Open in New Window.”

 

6.

Cache

The website uses a cache mechanism that makes it transfer data faster and more efficiently.

If you are logged into the site, you will be viewing an uncached page. If you log in to the CMS, make changes and view the page, you will immediately see the changes. However, if you are NOT logged into the CMS, you will be viewing a cached page. Because of this, you will not see updates made to the site immediately.

The site cache updates every 30 minutes. Keep that in mind when informing others about updates. If you do not see the content that you know you updated, take a step back, breathe, and ask yourself…am I logged into the CMS?

 

7.

 Calendar

Order of events governed by:

1) Start date of the event;  if multiple events have the same start date, then

2) Index ID of the event.  Basically, the creation date of when the event was added into the CMS, running oldest to newest (top to bottom).

 

8.

RegBook Database

The Regbook database is queried 18 minutes past the hour, every hour.

 

9.

Logos

vap.sva.edu/logos