diff --git a/doc.md b/doc.md index 26741e2..4d7e98a 100644 --- a/doc.md +++ b/doc.md @@ -114,6 +114,11 @@ If you're not using telemetry and results sharing, you can delete the `results` Details about the examples and how to make custom UIs will be discussed later. +#### Privacy +Telemetry contains personal information (according to GDPR defintion), therefore it is important to treat this data respectfully of national and international laws, especially if you plan to offer the service in the European Union. + +`example-singleServer-full.html` and `example-multipleServers-full.html` both contain a privacy policy for the service: you MUST read it, change it if necessary, and add your email address for data deletion requests. __Failure to comply with GDPR regulations can get you in serious trouble.__ + ### Multiple servers, PHP The speedtest can automatically choose between multiple test points and use the one with the lowest ping in a list. diff --git a/example-multipleServers-full.html b/example-multipleServers-full.html index c72a932..49b1aa3 100644 --- a/example-multipleServers-full.html +++ b/example-multipleServers-full.html @@ -303,6 +303,27 @@ function initUI(){ animation: fadeOut 0.4s; display:none; } + #privacyPolicy{ + position:fixed; + top:2em; + bottom:2em; + left:2em; + right:2em; + overflow-y:auto; + width:auto; + height:auto; + box-shadow:0 0 3em 1em #000000; + z-index:999999; + text-align:left; + background-color:#FFFFFF; + padding:1em; + } + a.privacy{ + text-align:center; + font-size:0.8em; + color:#808080; + display:block; + } @keyframes fadeIn{ 0%{ opacity:0; @@ -345,6 +366,7 @@ function initUI(){ Source code + diff --git a/example-singleServer-full.html b/example-singleServer-full.html index e3c4467..d33ff24 100644 --- a/example-singleServer-full.html +++ b/example-singleServer-full.html @@ -220,6 +220,27 @@ function initUI(){ height:auto; margin: 0.25em 0; } + #privacyPolicy{ + position:fixed; + top:2em; + bottom:2em; + left:2em; + right:2em; + overflow-y:auto; + width:auto; + height:auto; + box-shadow:0 0 3em 1em #000000; + z-index:999999; + text-align:left; + background-color:#FFFFFF; + padding:1em; + } + a.privacy{ + text-align:center; + font-size:0.8em; + color:#808080; + display:block; + } @media all and (max-width:65em){ body{ font-size:1.5vw; @@ -240,7 +261,8 @@ function initUI(){

HTML5 Speedtest

-
+

+ Privacy
@@ -282,6 +304,40 @@ function initUI(){
Source code
+