This repository has been archived on 2023-04-02. You can view files and clone it, but cannot push or open issues or pull requests.
Stairway-js/final.html

70 lines
3.0 KiB
HTML

<!DOCTYPE html>
<!--
Stairway.js: a simple JavaScript privacy quiz
Copyright © 2021 luca0N!
This file is part of Stairway.js.
Stairway.js is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
Stairway.js is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with Stairway.js. If not, see <https://www.gnu.org/licenses/>.
E-mail contact: <luca0n@luca0n.com>.
-->
<html>
<head>
<meta charset="UTF-8"/>
<title>Privacy Rating</title>
<link rel="stylesheet" type="text/css" href="res/privacy-rating.css"/>
<script lang="javascript" src="res/js/main.js"></script>
</head>
<body>
<h1>Privacy Rating</h1><hr/>
<p class="warning" id="javascript-warning">It looks like your browser is configured to block JavaScript. We're sorry, but this page requires JavaScript in order to function.</p>
<center><p>And your privacy grade is:</p>
<!--<span class="badge grade-s">Grade S</span><br/>
<span class="badge grade-a">Grade A</span><br/>
<span class="badge grade-b">Grade B</span><br/>
<span class="badge grade-c">Grade C</span><br/>
<span class="badge grade-d">Grade D</span><br/>-->
<span class="badge grade-e">Grade E</span><br/>
<!--<span class="badge grade-f">Grade F</span><br/>-->
</center><br/>
<p>Oh no, looks like you got a bad grade! Unfortunately, many popular services do not respect your privacy, and you're likely using some of them.</p>
<p>But you can increase your privacy grade. Do not be discouraged from performing good privacy practices because you can increase it drastically with little to no effort.</p>
<h2>Your Privacy Report</h2>
<i>The good, bad and ugly</i>
<div class="section-report">
<p class="report"><span title="This is a good report" class="report-class report-good">Good</span> This is a good report</p>
<p>This is the report description.</p>
</div>
<div class="section-report">
<p class="report"><span title="This report requires attention" class="report-class report-warning">Warning</span> This is a warning report</p>
<p>This is the report description.</p>
<p>Advisory: this is the report advisory.</p>
</div>
<div class="section-report">
<p class="report"><span title="This is a bad report" class="report-class report-bad">Bad</span> This is a bad report</p>
<p>This is the report description.</p>
<p>Advisory: this is the report advisory.</p>
</div>
<div class="section-report">
<p class="report"><span title="This is a very bad report" class="report-class report-critical">Critical</span> This is a critical report</p>
<p>This is the report description.</p>
<p>Advisory: this is the report advisory.</p>
</div>
</body>
</html>