Alumni

Page Title Heading

Level 1 Heading

Level 2 Heading

Level 3 Heading

Level 4 Heading

Level 5 Heading
Level 6 Heading

Level 1 Heading

This is a regular paragraph… lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum consequat.

Level 2 Heading

This is a regular paragraph… lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum consequat.

Level 3 Heading

This is a regular paragraph… lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum consequat.

Level 4 Heading

This is a regular paragraph… lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum consequat.

Level 5 Heading

This is a regular paragraph… lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum consequat.

Level 6 Heading

This is a regular paragraph… lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum consequat.


The following are special headings, h1 – h6, with optional color coding according to class specification.

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum


This is a regular paragraph… lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum consequat.

This is a regular paragraph… lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum consequat.


Lists

Unordered Lists

  • Default Unordered List Style
  • Sed vel lorem et justo laoreet bibendum. Donec dictum.
  • Etiam massa libero, lacinia at, commodo in, tincidunt a, purus.
  • Praesent volutpat eros quis enim blandit tincidunt.
    • This is level 2
    • This is level 2
    • This is level 2
      • This is level 3
      • This is level 3
  • Aenean eu libero nec lectus ultricies laoreet. Donec rutrum, nisi vel egestas ultrices, ipsum urna sagittis libero, vitae vestibulum dui dolor vel velit.

  • An Unordered List with class=”filmTv”
  • Sed vel lorem et justo laoreet bibendum. Donec dictum.
  • Etiam massa libero, lacinia at, commodo in, tincidunt a, purus.
  • Praesent volutpat eros quis enim blandit tincidunt.

  • An Unordered List with class=”journalism”
  • Sed vel lorem et justo laoreet bibendum. Donec dictum.
  • Etiam massa libero, lacinia at, commodo in, tincidunt a, purus.
  • Praesent volutpat eros quis enim blandit tincidunt.

  • An Unordered List with class=”massComm”
  • Sed vel lorem et justo laoreet bibendum. Donec dictum.
  • Etiam massa libero, lacinia at, commodo in, tincidunt a, purus.
  • Praesent volutpat eros quis enim blandit tincidunt.

  • An Unordered List with class=”all”
  • Sed vel lorem et justo laoreet bibendum. Donec dictum.
  • Etiam massa libero, lacinia at, commodo in, tincidunt a, purus.
  • Praesent volutpat eros quis enim blandit tincidunt.

Ordered Lists

  1. Vestibulum in mauris semper tortor interdum ultrices.
  2. Sed vel lorem et justo laoreet bibendum. Donec dictum.
  3. Etiam massa libero, lacinia at, commodo in, tincidunt a, purus.
  4. Praesent volutpat eros quis enim blandit tincidunt.
  5. Aenean eu libero nec lectus ultricies laoreet. Donec rutrum, nisi vel egestas ultrices, ipsum urna sagittis libero, vitae vestibulum dui dolor vel velit.
    1. This is level 2
    2. This is level 2
    3. This is level 2
      1. This is level 3
      2. This is level 3

Definition List

Description List Term 1
Description list description 1
Description List Term 2
Description list description 2
Description list description 3
List Term 1
Description list description 1
List Term 2
Description list description 2
Description list description 3

Blockquote Styles

Heading Here (Can be H2-H6)

Proin vestibulum. Ut ligula. Nullam sed dolor id odio volutpat pulvinar. Integer a leo. In et eros at neque pretium sagittis. Sed sodales lorem a ipsum suscipit gravida. Ut fringilla placerat arcu. Phasellus imperdiet. Mauris ac justo et turpis pharetra vulputate.

  • List item one
  • List item two
  • List item three

Heading Here (Can be H2-H6)

Blockquote class=”all”. Proin vestibulum. Ut ligula. Nullam sed dolor id odio volutpat pulvinar. Integer a leo. In et eros at neque pretium sagittis. Sed sodales lorem a ipsum suscipit gravida. Ut fringilla placerat arcu. Phasellus imperdiet. Mauris ac justo et turpis pharetra vulputate.

  • List item one
  • List item two
  • List item three

Heading Here (Can be H2-H6)

Blockquote class=”filmTv”. Proin vestibulum. Ut ligula. Nullam sed dolor id odio volutpat pulvinar. Integer a leo. In et eros at neque pretium sagittis. Sed sodales lorem a ipsum suscipit gravida. Ut fringilla placerat arcu. Phasellus imperdiet. Mauris ac justo et turpis pharetra vulputate.

  • List item one
  • List item two
  • List item three

Heading Here (Can be H2-H6)

Blockquote class=”journalism”. Proin vestibulum. Ut ligula. Nullam sed dolor id odio volutpat pulvinar. Integer a leo. In et eros at neque pretium sagittis. Sed sodales lorem a ipsum suscipit gravida. Ut fringilla placerat arcu. Phasellus imperdiet. Mauris ac justo et turpis pharetra vulputate.

  • List item one
  • List item two
  • List item three

Heading Here (Can be H2-H6)

Blockquote class=”massComm”. Proin vestibulum. Ut ligula. Nullam sed dolor id odio volutpat pulvinar. Integer a leo. In et eros at neque pretium sagittis. Sed sodales lorem a ipsum suscipit gravida. Ut fringilla placerat arcu. Phasellus imperdiet. Mauris ac justo et turpis pharetra vulputate.

  • List item one
  • List item two
  • List item three

Heading Here (Can be H2-H6)

Blockquote class=”right”. Proin vestibulum. Ut ligula. Nullam sed dolor id odio volutpat pulvinar. Integer a leo. In et eros at neque pretium sagittis. Sed sodales lorem a ipsum suscipit gravida. Ut fringilla placerat arcu. Phasellus imperdiet. Mauris ac justo et turpis pharetra vulputate.

  • List item one
  • List item two
  • List item three

Heading Here (Can be H2-H6)

Blockquote class=”all left”. Proin vestibulum. Ut ligula. Nullam sed dolor id odio volutpat pulvinar. Integer a leo. In et eros at neque pretium sagittis. Sed sodales lorem a ipsum suscipit gravida. Ut fringilla placerat arcu. Phasellus imperdiet. Mauris ac justo et turpis pharetra vulputate.

  • List item one
  • List item two
  • List item three

Heading Here (Can be H2-H6)

Blockquote class=”filmTv right”. Proin vestibulum. Ut ligula. Nullam sed dolor id odio volutpat pulvinar. Integer a leo. In et eros at neque pretium sagittis. Sed sodales lorem a ipsum suscipit gravida. Ut fringilla placerat arcu. Phasellus imperdiet. Mauris ac justo et turpis pharetra vulputate.

  • List item one
  • List item two
  • List item three

Heading Here (Can be H2-H6)

Blockquote class=”journalism left”. Proin vestibulum. Ut ligula. Nullam sed dolor id odio volutpat pulvinar. Integer a leo. In et eros at neque pretium sagittis. Sed sodales lorem a ipsum suscipit gravida. Ut fringilla placerat arcu. Phasellus imperdiet. Mauris ac justo et turpis pharetra vulputate.

  • List item one
  • List item two
  • List item three

Heading Here (Can be H2-H6)

Blockquote class=”massComm right”. Proin vestibulum. Ut ligula. Nullam sed dolor id odio volutpat pulvinar. Integer a leo. In et eros at neque pretium sagittis. Sed sodales lorem a ipsum suscipit gravida. Ut fringilla placerat arcu. Phasellus imperdiet. Mauris ac justo et turpis pharetra vulputate.

  • List item one
  • List item two
  • List item three

This is a regular paragraph… lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum consequat.

This is a regular paragraph… lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum consequat.

This is a regular paragraph… lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum consequat.

This is a regular paragraph… lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum consequat.

This is a regular paragraph… lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum consequat.

This is a regular paragraph… lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum consequat.

This is a regular paragraph… lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum consequat.

This is a regular paragraph… lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum consequat.

This is a regular paragraph… lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum consequat.

This is a regular paragraph… lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum consequat.

This is a regular paragraph… lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum consequat.

This is a regular paragraph… lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum consequat.

This is a regular paragraph… lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum consequat.

This is a regular paragraph… lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum consequat.

This is a regular paragraph… lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum consequat.

This is a regular paragraph… lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum consequat.


Table Styles

Default Table

Lorem Ipsum 2,269
Lorem Ipsum Lorem Ipsum 165
Lorem Ipsum 21,301
Lorem Ipsum Lorem Ipsum 862
Lorem Ipsum 1947

Table class=”content” with tr class=”odd” on odd rows

tmp_table-content 

This is an H1 Link

Praesent pretium venenatis mauris, vel tempor ante imperdiet eget. Sed vulputate libero et erat facilisis porttitor vel nec quam. Fusce vel metus neque.

tmp_table-content 

This is an H2 Link

Praesent pretium venenatis mauris, vel tempor ante imperdiet eget. Sed vulputate libero et erat facilisis porttitor vel nec quam. Fusce vel metus neque.

tmp_table-content 

This is an H3 Link

Praesent pretium venenatis mauris, vel tempor ante imperdiet eget. Sed vulputate libero et erat facilisis porttitor vel nec quam. Fusce vel metus neque.

tmp_table-content 

This is an H4 non-link

Praesent pretium venenatis mauris, vel tempor ante imperdiet eget. Sed vulputate libero et erat facilisis porttitor vel nec quam. Fusce vel metus neque.

tmp_table-content 

This is an H5 non-link

Praesent pretium venenatis mauris, vel tempor ante imperdiet eget. Sed vulputate libero et erat facilisis porttitor vel nec quam. Fusce vel metus neque.

tmp_table-content 

This is an H6 non-link

Praesent pretium venenatis mauris, vel tempor ante imperdiet eget. Sed vulputate libero et erat facilisis porttitor vel nec quam. Fusce vel metus neque.


Table class=”links”

Praesent Pretium Venenatis Mauris


Table class=”links”

Praesent Pretium Venenatis Mauris


Note: If you use the thead, tfoot and tbody elements, you must use every element. They should appear in this order: <thead>, <tfoot> and <tbody>, so that browsers can render the foot before receiving all the data. You must use these tags within the table element. Each requires a <tr> tag and <td> or <th> tags for each cell. See the source code of the table above for an example.


Adding Video

The following code can be inserted in the main body section for inclusion in-line with other content, or it can be added, minus the caption, to the Content Banner section if the video directly relates to the page as a whole. Videos should always be hosted on BUniverse, and the still image customized (change it from the YouTube-provided still) to 550px by 310px.

Watch this video on YouTube

COM Broadcast Journalism Students in Action
While studying abroad in London, Journalism students Sopan Deb (COM ’10) and Lori Schmon (COM ’10) filed this report on the violence at the G-20 protests there in April 2009. Their report won first place for Continuing Coverage in a New England regional student competition sponsored by the Associated Press.


Updating Featured Stories

Getting the XML File from the WordPress Media Library

Updating the featured stories, whether on the homepage or any one of the three pillar landing pages, is done through a single XML file stored in the WordPress Media Library. Sort the Media Library by “XML” and you will see file named data.xml. Click the name of the file, then select the link, “Save this file to your computer” located at the bottom of the page. Open the file in any code editor, make the necessary changes, then upload the file back to the Media Library with the same name. It is not necessary, but to keep things tidy, delete the previous data.xml file in the Media Library. There can be multiple versions of data.xml, but the system is smart enough to only use the most recent copy.

Changing the XML File in a Code Editor

Data.xml is split up into four sections:

  1. section name=”home” for the homepage
  2. section name=”film-tv” for the Film & Television landing page
  3. section name=”journalism” for the Journalism landing page
  4. section name=”masscomm-ad-pr” for the Mass Communication, Advertising & Public Relations landing page

Each section can contain a unique number of stories and/or entirely different stories from each other. Ideally each section should have 3 to 5 featured stories.

xml-code

In the code example above, you can see that each story item, defined by the code between the “item” tags, requires a main image, link to the appropriate story, headline, tag, and icon.

Main Banner Image

Image size must be 958px by 358px. Chose/crop the image knowing that the “fingers” will be animating across 33% to 50% starting from the left side.

Link to Story

Self explanatory – the feature needs to go to the story. It is not necessary to put in the full http:// path, just from /com/… is fine

Headline

Remember that every character/tab/carriage return inside this area is counted. WYSIWYG for text formatting. In addition, you can change the color of certain words by enclosing them in span tags.

  1. span class=”filmtv” makes the text yellow
  2. span class=”journalism” makes the text green
  3. span class=”journalism” makes the text blue
  4. additionally, span class=”lightItalic” can be added to make text italic (see example above)

Tag

The tags can be one of three:

  1. span class=”filmtv”
  2. span class=”journalism”
  3. span class=”journalism”

Icons

Icons should relate to what the content IS rather than subject matter. So for instance, Journalism stories aren’t always going to be written, they can also be video, audio, or slideshows. Likewise, if a story is tagged Film & Tv, the icon may be the slideshow icon. There are five icon options:

  1. AudioIcon
  2. VideoIcon
  3. PhotoIcon
  4. PortfolioIcon
  5. WritingIcon

COM Stories

Required Images

For each COM story, there needs to be four images created:

  1. Full Size — 958px by 358px image used on homepage and landing page, template here
  2. Half Size — 958px by 179px image used as the top banner image within the COM Stories section, template here. To swap out this image, Edit the COM Stories landing page and it’s included as the Content Banner
  3. Quarter Size — 550px by 238px image used on the main COM Stories landing page where all stories are listed, template here
  4. Profile Mugshot — 96px by 96px image used for mugshot. Crop this in such a way that the resulting final crop creates a funky/fun image. Good example, Homeless, Not Helpless mugs.

Other images may be required depending on the story type:

  1. Videos — 550px by 310px custom image used as video still (instead of YouTube still). Must be changed on BUniverse.
  2. Audio — Optional 550px by 193px image with headphone overlay, template here. Optional because if no image is specified in the shortcode, “image=”/com/files/…”, then the default shows.

Showcases (simpleGallery)

Until an official plugin is developed to handle showcases, this is the workaround we have in place. See the below code for an example:

simplegallery-code

Image TITLE and ALT attributes are required. Use ALT as the photo caption. Use TITLE for 1 to 3 word description of the image. The first image in the showcase needs to be added via the Media Library as side “medium”. The other images need to be added the same way, but choose “thumbnail” for the size. Images automatically adjust to the user’s screen resolution, so it’s recommended that you add high resolution images for use in showcases. In most cases, the higher the better.


Collapsible Sliders

Default

Lorem Ipsum

Integer eu nisi sed nunc iaculis fermentum vitae eu augue. Nam interdum cursus feugiat. Aenean vel laoreet ipsum. Morbi mattis velit vitae nisi euismod rutrum vestibulum mauris accumsan. Quisque vitae elit eget orci sollicitudin iaculis.


With table class=”links”

Lorem Ipsum

Integer eu nisi sed nunc iaculis fermentum vitae eu augue. Nam interdum cursus feugiat. Aenean vel laoreet ipsum. Morbi mattis velit vitae nisi euismod rutrum vestibulum mauris accumsan. Quisque vitae elit eget orci sollicitudin iaculis.

 

 

 


Various HTML Elements

Quote Source (Cite Tag)

Quote Source as link (Cite Tag)

Address: Example address 770 Commonwealth Avenue
Preformated:Testing one row and another

I am the a tag example

I am the abbr tag example

I am the acronym tag example

I am the b tag example

I am the big tag example

I am the cite tag example

I am the code tag example

I am the del tag example

I am the s tag example (deprecated tag – use del instead)

I am the strike tag example (deprecated tag – use del instead)

I am the dfn tag example

I am the em tag example

I am the i tag example

I am the ins tag example

I am the kbd tag example

I am the q tag inside a q tag example

I am the span tag example

I am the strong tag example

I am the sub tag example

I am the sup tag example

I am the tt tag example

I am the var tag example

I am the small class example

I am the large class example

I am the highlight class example


Images

Image with no class or alignment

Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo. Fusce in est. Sed nec diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque semper nibh eget nibh. Sed tempor. Fusce erat.


Class: alignleft

Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo. Fusce in est. Sed nec diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque semper nibh eget nibh. Sed tempor. Fusce erat. Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo. Fusce in est. Sed nec diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque semper nibh eget nibh. Sed tempor. Fusce erat.


Left with caption

Alice in Wonderland illustration from Wikipedia

Alice in Wonderland illustration from Wikipedia

Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo. Fusce in est. Sed nec diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque semper nibh eget nibh. Sed tempor. Fusce erat.


Right with caption

Alice in Wonderland illustration from Wikipedia

Most of us were born in a world where we knew of no other planets besides our solar system. Now we have pictures of them. Our children will grow up in a world where planets around other stars are common. That is a major shift in our understanding of the universe.

Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo. Fusce in est. Sed nec diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque semper nibh eget nibh. Sed tempor. Fusce erat. Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo. Fusce in est. Sed nec diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque semper nibh eget nibh. Sed tempor. Fusce erat. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo. Fusce in est. Sed nec diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque semper nibh eget nibh. Sed tempor. Fusce erat.


Left with caption, small thumb

Alice in Wonderland illustration from Wikipedia

Most of us were born in a world where we knew of no other planets besides our solar system.

Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo. Fusce in est. Sed nec diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque semper nibh eget nibh. Sed tempor. Fusce erat.


Class: aligncenter

Alice in Wonderland illustration from WikipediaNulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo. Fusce in est. Sed nec diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque semper nibh eget nibh. Sed tempor. Fusce erat.


Center with caption

Alice in Wonderland illustration from Wikipedia

Most of us were born in a world where we knew of no other planets besides our solar system.

Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo. Fusce in est. Sed nec diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque semper nibh eget nibh. Sed tempor. Fusce erat.


Forms

Forms are pre-formated via Gravity Forms and a combination of embedded CSS and developer-defined CSS. For an example of the forms design, check out the COM Stories submission page.


Style Guide

Ages Always use numbers
Alum Never use. Should be alumnus, alumna, or alumni.
Caption Always present tense. Do not use datelines. If there are people in the photo, identify them if possible. 

In most cases, styled as follows: <div class=”multimedia”>IMAGE/MULTIMEDIA CODE <p class=”wp-caption-text”>Caption goes here</p></div>

Headlines Only the first word is capitalized (with the exception of proper nouns).
Names Bolded and linked if possible (for example, the names of all professors should link to their bio page). 

If the person is a COM student or graduate, their graduating year should be given in parentheses like so: Jane Smith (’12). If the person is from another school, their graduating year should include that school: John Doe (SHA ’13).

On first mention, both first and last names should be included, including for professors. On subsequent mentions, use the last name.

News Stories Should include house ads, tags, and a thumbnail (which must be resized manually in Photoshop). Do not use datelines. When a blockquote is used, a citation should precede it, e.g.: From The Washington Post: 

After a blockquote, there should be a link to the source material. Make sure images do not overlap a blockquote. Images can be inside a blockquote.

Numbers Never begin a sentence with a numeral except when referring to a year. E.g. “Five students attended.” “2012 will be an exciting year for COM.” 

For most usages, spell out numbers below ten and use figures for ten and above.

Part out of whole: For fractions, always use figures for consistency. For instance: 1 out of 10 students, not “one out of ten” or “one out of 10.”

In general, COM follows AP style for numbers.

Other sources
Newspapers, magazines, films are italicized. 

Television shows, songs, article titles, songs and lectures are in quotation marks. In headlines, quotation marks should be single. For example: COM alumna inspires ABC drama ‘Scandal’

Professors Before a name, write as “Prof.” i.e. Prof. Douglas Starr
Pillar text Should be limited to three lines
Tags For a news story: should include the department; important names; whether it’s a staff/student/alumni/faculty story; career names; publication names; “honors” for award stories. 

For a COM story: limit to three tags at most on home/section slideshows. Must include department/concentration (e.g. Film, Photojournalism) or, in rare cases, subject – for example, COMlife. Must also include Faculty/Alumni/Students/Staff. May also include “honors” or “awards.” Tags should be capitalized.

Captions To make captions gray, use code <span class=”small” style=”color: rgb(147, 155, 159); line-height: 1.4em;”>