https://github.com/lukem512/triplicate
Show your photographs simply and beautifully.
https://github.com/lukem512/triplicate
photography photography-portfolio web
Last synced: 10 months ago
JSON representation
Show your photographs simply and beautifully.
- Host: GitHub
- URL: https://github.com/lukem512/triplicate
- Owner: lukem512
- Created: 2016-12-06T16:04:19.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2017-03-08T17:32:36.000Z (over 9 years ago)
- Last Synced: 2025-03-14T11:43:32.841Z (over 1 year ago)
- Topics: photography, photography-portfolio, web
- Language: JavaScript
- Homepage: https://lukemitchell.co/triplicate
- Size: 5.65 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Triplicate
*Show your photographs simply and beautifully.*
A trio of photographs, known as a [triptych](https://en.wikipedia.org/wiki/Triptych#In_photography) or a *triplicate*, is a common and pleasing means of display. This project aims to provide a simple and clean way of creating triplicates that you can view in your browser.
### Creating your Triplicate
To create a Triplicate, clone this repository and run `npm run start` from the command line. You'll find everything you need inside [App.js](src/App.js).
Each Triplicate is a React component that can be instantiated using the following definition:
```
```
The properties required are an array of `photos`, either as source `strings` or as `objects`. Specifying a photo object allows you to include option attributes such as a `title` and a `description`. These strings are parsed using a simple markdown and may be *emphasized* (`*emphasized*`), __underlined__ (`_underline_`) or ~~struck-through~~ (`~struck-through~`).
The *blurb* will display the title and the description of a photo when tapped. The default animation will fade in an and out and remain visible for 3 seconds. The timeout can be adjusted by passing a `timeout` property to the Triplicate instance, specified in milliseconds.
### Publishing your project
You can quickly publish to GitHub Pages by modifying the `homepage` attribute in [package.json](package.json) and running `npm run deploy`. Alternatively, build the project by running `npm run build` and host the static files inside the `build/` directory on your web server.
### Acknowledgements
Favicon kindly provided by [Photoshopedia](http://www.photoshopedia.com/).