The Diary Tool is an animated widget that showcases testimonials from individuals impacted by the criminal justice system, fostering empathy and compassion. See our tool at paperprisons.org/diary.html, which provides responses to the questions: what has been the impact of a criminal record, what has been the impact of an expungement of a criminal record, on your life. Once you collect the data, you can customize the views to reflect various demographics, enabling you to better advocate for your target population. If you're unsure whether the Diary Tool is suitable for your organization, please refer to our presentation, which explains the first few steps of evaluating the tool and then collecting the responses.
Once you’ve collected narratives to elevate, you can follow the steps to create a Diary Tool for your website.
Follow these steps to integrate the Diary Tool into your website:
- Clone the
diary.htmlfile,css/,js/, andbuild/folders into your website's directory. - Create a copy of your spreadsheet containing quotes for the diary and testimony. Follow the instructions in the Creating your own spreadsheet section of this README.
- Replace the links in the
script.jsfile with the links to your newly created spreadsheets. Thescript.jsfile can be found in thejs/directory. - Link the
diary.htmlfile from your website. You can do this by adding a link todiary.htmlin your website's navigation menu or wherever you find it appropriate. - Ensure that the stylesheets and scripts are correctly linked in your HTML files. The
diary.htmlfile should have links to the CSS files in thecss/andbuild/css/directories, and to the JavaScript file in thejs/directory.
That's it! You have successfully integrated the Diary Tool into your website.
- When integrating this tool, make sure to create your own spreadsheets similar to ones linked below.
- Once the you create the spreadsheet you need get a publishable CSV link.
- Go to you spreadsheet, click of
File -> Share -> Publish to Web - Select "Entire Sheet" and format as "CSV"
- Copy the link to published CSV
- Go to you spreadsheet, click of
- Replace the links in
script.js