diff options
2 files changed, 56 insertions, 1 deletions
| -rw-r--r-- | public/index.html | 4 | ||||
| -rw-r--r-- | public/security-headers.html | 53 |
diff --git a/public/index.html b/public/index.html index 1866a19..3e36f1f 100644 --- a/public/index.html +++ b/public/index.html @@ -18,8 +18,10 @@ <hr> <p>These are all of my creations. Each one has it's own page, but I've also included them here. The first is my HTML code from which the image is generated, and the second is the image.</p> <dl> - <dt><a href="./mozilla-observatory.html">Mozilla Observatory Rating: A+</a></dt> + <dt><a id="mo" href="./mozilla-observatory.html">Mozilla Observatory Rating: A+</a></dt> <dd><iframe src="./mozilla-observatory.html"></iframe></dd> + <dt><a id="sh" href="./security-headers.html">Security Headers Rating: A+</a></dt> + <dd><iframe src="./security-headers.html"></iframe></dd> </dl> </body> </html> diff --git a/public/security-headers.html b/public/security-headers.html new file mode 100644 index 0000000..bf3931e --- /dev/null +++ b/public/security-headers.html @@ -0,0 +1,53 @@ +<!DOCTYPE html> +<html> + <head> + <title>Security Headers button</title> + <link rel="stylesheet" href="https://syndamia.gitlab.io/web-buttons/common-styles.css" crossorigin="anonymous"> +<style> +* { +} +#button { + background: #DEF; + border: 2px outset #A8C0C1; + width: 100px; + padding: 2px; +} +#button > * { + height: 31px; +} +#sh-title { + float: left; + font: 12px sans-serif; + color: #444; + font-weight: 700; + padding: 2px; +} +#score { + color: white; + background-color: #34af00; + float: right; + font: 18px Arial; + font-weight: 700 !important; + height: 31px; + width: 31px; + text-align: center; + padding-top: 4px; + border-radius: 5px; + border: 2px solid #309d00; +} +</style> + </head> + <body> + <div id="button" class="button-x39"> + <div id="sh-title"> + Security<br>Headers + </div> + <div id="score"> + A+ + </div> + </div> + <br> + <script src="./dom-to-image/src/dom-to-image.js"></script> + <script src="./simple-image.js"></script> + </body> +</html> |