Contributor assets

Guidance for contributing circle images and photos to Trustroots.

---

Circles

Adding new circle

Circles are added directly to the database manually.

Adding circle image

Production circle images are kept at public/uploads-circle and manually updated at the production server.

Image requirements:

• Filename should match slug value (the bit visible at URL) of Circle and end with .jpg
• Landscape
• Reasonably sized
• Work with text overlay
• Preferably have humans to be easier to identify with
• Allowed to use non-commercially (E.g. be Creative Commons licensed)

Test images locally

To test images locally:

1. Install Trustroots locally (good luck)
2. Generate new circles with npm run seed command.
3. Place your image file at public/uploads-circle. Mind the above filename instructions.
4. Start the application with npm start, or run npm run generate-circle-images
5. Additional image sizes and formats get generated at /public/uploads-circle/image-name/*
6. To re-generate images, remove the above folder.

---

Photos

Are you a photographer?

Trustroots needs fresh photos every now and then. Would be great if you could donate your travel photos to us! Would be good to have them under some license such as Creative Commons SA (recommended), but this is not required. Just add them under “Photo donations” title. Add also info how to contact you.

Photos to use

• Friends in Sierra nevada by Simona
• Hitchhiker playing guitar by Andrew W Bugelli

Photo donations

• Wesley Stanford (Dualhorizons)
• Michele (contact)
• Andrea (contact)
• Jess Hunt
• @thetravellersjournal
• @serialhikers (contact them for higher resolution)

Submission threads at FB

• Nomads page
• HW page
• TR page
• Hitchgathering group

I found these photos, they’d be great, but haven’t asked them yet

(If you’re the photographer — feel free to contact us to give us permission to use your material. We’re a non-profit volunteer project.)

• Vagabundus (blog)
• MadeByFinn
• Matthew R. Thornton
• https://www.facebook.com/groups/FREE.NOMADS/permalink/1674692949409086/
• http://www.emmavepsa.com/

Photos from other sources

• Flickr has quite a lot of Creative Commons media
• Wikipedia Commons has a lot of photos as well.
• Hitchwiki has a press image section as well with related images from the community.
• https://unsplash.com/ - Creative commons zero

Adding photos

• General atmosphere in photos should be dreamy, magical, wanderlust. Communicate tranquillity or crazy in a happy way (e.g. laughing friends).
• Landscapes. Make them 1100px wide. Make them hazy blue-green-yellow’ish.
• Add photos+credits to boards directive. Actual files go to under core/img/boards/.
• Use them at board elements: <div class="board" tr-boards="['foo', 'bar']"></div> (will randomly pick one) or just one: <div class="board" tr-boards="'oneimage'"></div>.
• At the blog you can add credits to the caption or at the end of the article. Example:

<small
  >By <a href="http://example.tld/">Joe Doe</a>,
  <a href="http://creativecommons.org/licenses/by-sa/4.0/"
    >Creative Commons</a
  ></small
>

Other material

Check media in the community repo for logos, screenshots etc.