index.html 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta
  6. name="viewport"
  7. content="width=device-width, initial-scale=1, shrink-to-fit=no"
  8. />
  9. <meta
  10. name="description"
  11. content="Free and Open Source Speedtest. Run it right now in your browser, or self-host on a PHP, Golang, Rust or Node server. License: LGPL."
  12. />
  13. <link rel="shortcut icon" href="images/favicon.svg" />
  14. <script type="text/javascript" src="speedtest.js"></script>
  15. <script type="text/javascript" src="javascript/index.js"></script>
  16. <link rel="stylesheet" type="text/css" href="styling/index.css" />
  17. <title>LibreSpeed - Free and Open Source Speedtest</title>
  18. </head>
  19. <body>
  20. <header>
  21. <img src="images/logo.svg" alt="LibreSpeed" />
  22. </header>
  23. <main>
  24. <h1>Free and Open Source Speedtest.</h1>
  25. <p class="tagline">No Flash, No Java, No Websockets, No Bullsh*t</p>
  26. <div class="server-selector">
  27. <div class="chosen">
  28. <div class="chevron">
  29. <img src="images/chevron.svg" alt="select..." />
  30. </div>
  31. <p>current server</p>
  32. <h2 id="selected-server">searching nearest server...</h2>
  33. </div>
  34. <ul class="servers"></ul>
  35. <p class="sponsor" id="sponsor">&nbsp;</p>
  36. </div>
  37. <p id="privacy-warning" class="hidden">
  38. by clicking the start button you agree to our privacy policy<br />
  39. <a href="#" id="choose-privacy">or choose your privacy options</a>
  40. </p>
  41. <button class="disabled" id="start-button"></button>
  42. <div class="gauge-layout">
  43. <div class="ping hidden">
  44. <span class="label">Ping</span>:&nbsp;
  45. <span class="value" id="ping">00</span>ms
  46. </div>
  47. <div class="gauge download" id="download-gauge">
  48. <div class="progress"></div>
  49. <div class="speed"></div>
  50. <h1><span id="download-speed">00</span> Mbps</h1>
  51. <h2>Download</h2>
  52. </div>
  53. <div class="gauge upload" id="upload-gauge">
  54. <div class="progress"></div>
  55. <div class="speed"></div>
  56. <h1><span id="upload-speed">00</span> Mbps</h1>
  57. <h2>Upload</h2>
  58. </div>
  59. <div class="jitter hidden">
  60. <span class="label">Jitter</span>:&nbsp;
  61. <span class="value" id="jitter">00</span>ms
  62. </div>
  63. </div>
  64. <button class="small inverted hidden" id="share-results">
  65. Share results
  66. </button>
  67. </main>
  68. <footer>
  69. <p class="source">
  70. <a href="https://github.com/librespeed/speedtest">source code</a>
  71. </p>
  72. </footer>
  73. <dialog id="share">
  74. <div class="close-dialog">
  75. <img src="images/close-button.svg" alt="Close" />
  76. </div>
  77. <img id="results" src="" alt="Test results in graphical form" />
  78. <button id="copy-link">Copy link</button>
  79. </dialog>
  80. <dialog id="privacy">
  81. <div class="close-dialog">
  82. <img src="images/close-button.svg" alt="Close" />
  83. </div>
  84. <section>
  85. <h1>Privacy Policy</h1>
  86. <p>
  87. This HTML5 speed test server is configured with telemetry enabled.
  88. </p>
  89. <h2>What data we collect</h2>
  90. <p>
  91. At the end of the test, the following data is collected and stored:
  92. </p>
  93. <ul>
  94. <li>Test ID</li>
  95. <li>Time of testing</li>
  96. <li>Test results (download and upload speed, ping and jitter)</li>
  97. <li>IP address</li>
  98. <li>ISP information</li>
  99. <li>Approximate location (inferred from IP address, not GPS)</li>
  100. <li>User agent and browser locale</li>
  101. <li>Test log (contains no personal information)</li>
  102. </ul>
  103. <h2>How we use the data</h2>
  104. <p>Data collected through this service is used to:</p>
  105. <ul>
  106. <li>
  107. Allow sharing of test results (sharable image for forums, etc.)
  108. </li>
  109. <li>
  110. To improve the service offered to you (for instance, to detect
  111. problems on our side)
  112. </li>
  113. </ul>
  114. <p>No personal information is disclosed to third parties.</p>
  115. <h2>Your consent</h2>
  116. <p>
  117. By starting the test, you consent to the terms of this privacy policy.
  118. </p>
  119. <h2>Data removal</h2>
  120. <p>
  121. If you want to have your information deleted, you need to provide
  122. either the ID of the test or your IP address. This is the only way to
  123. identify your data, without this information we won't be able to
  124. comply with your request.
  125. </p>
  126. <p>
  127. Contact this email address for all deletion requests:
  128. <a href="mailto:PUT@YOUR_EMAIL.HERE">TO BE FILLED BY DEVELOPER</a>.
  129. </p>
  130. </section>
  131. <button id="close-privacy">Close</button>
  132. </dialog>
  133. </body>
  134. </html>