Showing statistics from 'Have I been pwned?' website

The plugin allows you to show the current statistics from Troy's website in any content element (we suggest to use this feature on the "learn more" page).

To do so, simply include the plugin command-string into your article (or whereever you need this):

{passwordpwned}hibpstatistics{/passwordpwned}


The statistics are CSS styleable of course, just include the following four CSS definitions into your template css file. The actual styling of course is up to you entirely

/* SITS Pwned-Password Layouts */
div.password_pwned_stats
{
position:relative;
float:left;
background: #0097ce none repeat scroll 0 0;
border-radius: 9px;
color: #fff;
font-family: Raleway,Arial,Helvetica,sans-serif;
font-size: 1.2em;
font-weight: 400;
line-height: 90%;
margin: 15px 0 0;
padding: 12px;
width:75%;
}
div.password_pwned_statstitle
{
position:relative;
float:left;
width:99%;
padding: 4px;
font-weight: 600;
}

div.password_pwned_statsheader
{
position:relative;
float:left;
width:58%;
padding: 4px;
}
div.password_pwned_statsdata
{
position:relative;
float:left;
width:38%;
padding: 4px;
}