The Post

The Post's Special Projects

Here lies the special projects written and produced by students in our newsroom.

Getting started

To create your own new special project:

  1. Clone thepostathens.github.io to your desktop
  2. Navigate to the Working-SpecialProject and select New Template
  3. When you're done naming the project, move it to the SpecialProjects folder - This allows the project to go live
  4. Open the GitHub application and type in a summary of what you did - You can do this throughout your time working on the project so you can go back to certain places you saved
  5. Make sure to press "push origin" every time you make changes and write a summary
  6. When you are finished, make sure there are no changes left and press "fetch origin"

Style Guide

Fonts:

The Post has two main fonts for special projects. Montserrat is the standard sans serif font, while Playfair Display is the serif font. In some cases, it's okay to use different fonts for design purposes with good reason.

Montserrat

```css font-family: "Montserrat", Arial, sans-serif; ```

Playfair Display

```css font-family: "Playfair Display", Georgia, serif; ```

Colors:

Below outlines the hex code colors for all the different staff sections as well as The Post's black color used in the logo and on the main website.

| Swatch | Name | Hex | :----- | :--- | :-- | ![#282828](https://placehold.it/15/282828/000000?text=+) | "The Post" black | #282828 | ![#6ab7de](https://placehold.it/15/6ab7de/000000?text=+) | News blue | #6ab7de | ![#ea148c](https://placehold.it/15/ea148c/000000?text=+) | Culture magenta | #ea148c | ![#f27f30](https://placehold.it/15/f27f30/000000?text=+) | Opinion orange | #f27f30 | ![#d8bd3f](https://placehold.it/15/d8bd3f/000000?text=+) | The Beat yellow | #d8bd3f | ![#c8433a](https://placehold.it/15/c8433a/000000?text=+) | Sports red | #c8433a | ![#065c42](https://placehold.it/15/065c42/000000?text=+) | Multimedia green | #065c42 | ![#644d94](https://placehold.it/15/644d94/000000?text=+) | Projects purple | #644d94

Image and video blocks:

Make sure all photos are RGB and aren't too big. Usually the longest side of the photo should be no more than 1,000 pixels. CENTER: ```
Describe image here

photographers name | TITLE HERE

image description here

``` LEFT: ```
Describe image here

photographers name | TITLE HERE

image description here

``` RIGHT: ```
Describe image here

photographers name | TITLE HERE

image description here

``` FULL: ```
Describe image here

photographers name | TITLE HERE

image description here

```

Pullquotes:

CENTER: ``` <!--
“QUOTE HEREQUOTE HEREQUOTE HEREQUOTE HEREQUOTE HEREQUOTE HEREQUOTE HERE”-name here
``` LEFT: ``` <!--
“QUOTE HEREQUOTE HEREQUOTE HEREQUOTE HEREQUOTE HEREQUOTE HEREQUOTE HERE”-name here
``` RIGHT: ``` <!--
“QUOTE HEREQUOTE HEREQUOTE HEREQUOTE HEREQUOTE HEREQUOTE HEREQUOTE HERE”-name here
```

Author

Bri Lender, Web Development Director

Copyright

©2019 The Post

Updated April 2020
</html>