See the Project Site for more background on the project and future directions.
Click Here to see a live demo in action.
Getting Your Site Ready
Using Wordpress? Download the Wordpress Plugin to get started right away.
Just insert the following line at the end of your html, as seen below:
.........<!-- Insert this line to enable 4C on your site -->
You can host the file yourself, just download the distribution version from this git repository and change the
src field to match where you place the file.
The Authograph overlay will dynamically adjust to the metadata you have available.
This data is stored in a
<script> tag embedded in the page for each image. This is simple JSON following a particular format.
You can use the Online Editor to create and edit your metadata:
Copy and paste the
<script> block generated by the editor into your page, then mark your image to read this data.
If you want to manually create or edit this data (by hand or code), read the Authograph JSON format.
Mark Your Images
For each image that you want to augment with a Authograph overlay, add the
Authograph automatically loads the JSON metadata located in a matching
<script> tag in the document with an attribute of
Authograph is an open source initiate delivered as part of a collaboration between leading universities and journalist organisations. If you would like to find out more, please contact us directly firstname.lastname@example.org. Content imagery used in the demo is photography by Eddie Adams/© Associated Press.