diff --git a/README.md b/README.md index 33dfdd899d0f241e7de5f855108c9a0ed461578c..4123591b24ed64dc6d5ea33d78e62081057a4ef8 100644 --- a/README.md +++ b/README.md @@ -108,3 +108,13 @@ Note that you will need a Keycloak server along with a client id for the domain - example `allow-annotating` - `show-clipboard` (optional): Needs to be set to allow using the clipboard in the file picker dialog - example `show-clipboard` + +### dbp-signature-verification + +This activity shows an information page where to verify signed documents, you can use it like this: +[dbp-signature-verification/index.html](https://gitlab.tugraz.at/dbp/esign/signature/-/tree/master/examples/dbp-signature-verification/index.html) + +#### Attributes + +- `lang` (optional, default: `de`): set to `de` or `en` for German or English + - example `lang="de"` diff --git a/examples/dbp-signature-verification/index.html b/examples/dbp-signature-verification/index.html new file mode 100644 index 0000000000000000000000000000000000000000..dd1a977457ddcc14f8331103f7e24c58543cf6fd --- /dev/null +++ b/examples/dbp-signature-verification/index.html @@ -0,0 +1,43 @@ +<!doctype html> +<html> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + + <!-- Package bundles--> + <script type="module" src="https://unpkg.com/@dbp-topics/signature@1.0.3/dist/dbp-signature-verification.js"></script> + + <!-- Prevent Chrome/Edge from suggesting to translate the page --> + <meta name="google" content="notranslate"> + + <!-- Font related CSS --> + <style> + @import "https://unpkg.com/@dbp-topics/signature@1.0.3/dist/local/@dbp-topics/signature/fonts/source-sans-pro/300.css"; + @import "https://unpkg.com/@dbp-topics/signature@1.0.3/dist/local/@dbp-topics/signature/fonts/source-sans-pro/400.css"; + @import "https://unpkg.com/@dbp-topics/signature@1.0.3/dist/local/@dbp-topics/signature/fonts/source-sans-pro/600.css"; + + body { + font-family: 'Source Sans Pro', 'Calibri', 'Arial', 'sans-serif'; + font-weight: 300; + margin: 0; + } + + /* TU-Graz style override */ + html { + --dbp-override-primary-bg-color: #245b78; + --dbp-override-primary-button-border: solid 1px #245b78; + --dbp-override-info-bg-color: #245b78; + --dbp-override-danger-bg-color: #e4154b; + --dbp-override-warning-bg-color: #ffe183; + --dbp-override-warning-text-color: black; + --dbp-override-success-bg-color: #259207; + } + </style> +</head> + +<body> + +<dbp-signature-verification lang="de"></dbp-signature-verification> + +</body> +</html>