Name: pps-display
Owner: Transparent Health
Description: Display a Privacy Policy Snapshot
Created: 2017-01-23 17:38:26.0
Updated: 2017-04-10 13:18:32.0
Pushed: 2017-04-11 15:50:56.0
Homepage: null
Size: 286
Language: JavaScript
GitHub Committers
User | Most Recent Commit | # Commits |
---|
Other Committers
User | Most Recent Commit | # Commits |
---|
This is the library for displaying your privacy notice. Here are some instructions and an example.
Instructions:
Generate your MPN JSON using the MPN Generator @ http://transparenthealth.org/mpngen (If you want to set this up locally, the source code is @ https://github.com/TransparentHealth/pps)
Copy the json to a file. In our example we've put it in src.js.json.js
.
Download the MPN Display library from https://github.com/TransparentHealth/pps-display
Reference the CSS in your HTML.1
Reference the JQuery
Reference the MPN JSON
Reference the MPN Display JavaScript
An online example can be found @ http://transparenthealth.org/mpndisplay/index.html
Here is the example index.html
with comments:
<!doctype html>
<html lang="en">
<head>
<!-- The MPN styling-->
<link rel="stylesheet" href="lib/styles/mpn.min.css" type="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="images/info.png" type="image/x-icon">
<title>Example MPN</title>
</head>
<body>
<h1>Example MPN</h1>
<!--The div that performs the display-->
<div class="policyDisplay"></div>
<!-- Requires JQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<!--The JSON representing your privacy notice-->
<script src="src/js/json.js"></script>
<!--The JavaScript to render the privacy notice-->
<script src="lib/js/mpnDisplay.min.js"></script>
</body>
</html>
Instructions:
This is a submission for the 2017 Privacy Policy Snapshot Challenge https://www.challenge.gov/challenge/privacy-policy-snapshot-challenge/