You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

100 lines
9.0 KiB
HTML

5 years ago
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style2.css" />
<title>ToS DoC</title>
</head>
<body>
<div class="menu">absolute level extreme level high level resonable level neutral level</div>
<div class="faceapp">
Terms of Services — Degree of Coloniality (ToS DoC) <br>
<span class="sentence"> You <span class="coloniality-100" title="99.955%">grant</span> FaceApp a <span class="coloniality-40" title="43.43%">nonexclusive</span>, royalty-free, worldwide, <span class="coloniality-100" title="99.955%">fully paid license</span> to <span class="coloniality-90" title="95.5%">use</span>, <span class="coloniality-90" title="95.5%">reproduce</span>, <span class="coloniality-100" title="99.955%">modify</span>, adapt, <span class="coloniality-90" title="95.5%">create</span> derivative works from, <span class="coloniality-90" title="95.5%">distribute</span>, <span class="coloniality-50" title="56.41%">perform</span> and <span class="coloniality-50" title="56.41%">display</span> your User Content during the term of this Agreement <span class="coloniality-100" title="99.955%">solely</span> to <span class="coloniality-90" title="95.5%">provide</span> you with <span class="coloniality-100" title="99.955%">the Services</span>.</span>
</div>
<div class="coloniality">
Level of Coloniality (LoS): 97.45% significant level
<br><br>
<div class="mini-box">
<span class="coloniality-100" title="99.955%">grant&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &#8599; 98.54% <br>
<span class="coloniality-100" title="99.955%">fully paid license &nbsp;&nbsp;</span> &#8599; 93.00% <br>
<span class="coloniality-100" title="99.955%">modify &nbsp;&nbsp;&nbsp;</span> &#8599; 91.40% <br>
<span class="coloniality-100" title="99.955%">solely&nbsp;&nbsp;</span> &#8599; 89.03% <br>
<span class="coloniality-90" title="95.5%">use&nbsp;&nbsp;&nbsp;</span> &#8599; 75.4% <br>
<span class="coloniality-90" title="95.5%">provide</span> &#8599; 43.31%<br>
<span class="coloniality-50" title="56.41%">perform&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &#8599; 56.41% <br>
<span class="coloniality-50" title="56.41%">display &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &#8599; 56.41% <br>
<span class="coloniality-40" title="43.43%">nonexclusive &nbsp;&nbsp;&nbsp;</span> &#8599; 32.40% <br>
<span class="coloniality-100" title="99.955%">modify &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &#8599; 91.40% <br>
<span class="coloniality-100" title="99.955%">solely &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &#8599; 89.03% <br>
<span class="coloniality-90" title="95.5%">use</span> &#8599; 75.4% <br>
<span class="coloniality-90" title="95.5%">provide &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &#8599; 43.31%<br>
<span class="coloniality-50" title="56.41%">perform &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &#8599; 56.41% <br>
<span class="coloniality-50" title="56.41%">display &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &#8599; 56.41% <br>
</div><div class="mini-box">
<span class="coloniality-100" title="99.955%">grant&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &#8599; 98.54% <br>
<span class="coloniality-100" title="99.955%">fully paid license &nbsp;&nbsp;</span> &#8599; 93.00% <br>
<span class="coloniality-100" title="99.955%">modify &nbsp;&nbsp;&nbsp;</span> &#8599; 91.40% <br>
<span class="coloniality-100" title="99.955%">solely&nbsp;&nbsp;</span> &#8599; 89.03% <br>
<span class="coloniality-90" title="95.5%">use&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &#8599; 75.4% <br>
<span class="coloniality-90" title="95.5%">provide</span> &#8599; 43.31%<br>
<span class="coloniality-50" title="56.41%">perform&nbsp;&nbsp;&nbsp;</span> &#8599; 56.41% <br>
<span class="coloniality-50" title="56.41%">display</span> &#8599; 56.41% <br>
<span class="coloniality-40" title="43.43%">nonexclusive &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &#8599; 32.40% <br>
<span class="coloniality-100" title="99.955%">modify &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &#8599; 91.40% <br>
<span class="coloniality-100" title="99.955%">solely &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &#8599; 89.03% <br>
<span class="coloniality-90" title="95.5%">use</span> &#8599; 75.4% <br>
<span class="coloniality-90" title="95.5%">provide &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &#8599; 43.31%<br>
<span class="coloniality-50" title="56.41%">perform &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &#8599; 56.41% <br>
<span class="coloniality-50" title="56.41%">display &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &#8599; 56.41% <br>
</div><div class="mini-box">
<span class="coloniality-100" title="99.955%">grant&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &#8599; 98.54% <br>
<span class="coloniality-100" title="99.955%">fully paid license &nbsp;&nbsp;</span> &#8599; 93.00% <br>
<span class="coloniality-100" title="99.955%">modify &nbsp;&nbsp;&nbsp;</span> &#8599; 91.40% <br>
<span class="coloniality-100" title="99.955%">solely&nbsp;&nbsp;</span> &#8599; 89.03% <br>
<span class="coloniality-90" title="95.5%">use&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &#8599; 75.4% <br>
<span class="coloniality-90" title="95.5%">provide</span> &#8599; 43.31%<br>
<span class="coloniality-50" title="56.41%">perform&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &#8599; 56.41% <br>
<span class="coloniality-50" title="56.41%">display</span> &#8599; 56.41% <br>
<span class="coloniality-40" title="43.43%">nonexclusive &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &#8599; 32.40% <br>
<span class="coloniality-100" title="99.955%">modify &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &#8599; 91.40% <br>
<span class="coloniality-100" title="99.955%">solely &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &#8599; 89.03% <br>
<span class="coloniality-90" title="95.5%">use</span> &#8599; 75.4% <br>
<span class="coloniality-90" title="95.5%">provide &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &#8599; 43.31%<br>
<span class="coloniality-50" title="56.41%">perform &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &#8599; 56.41% <br>
<span class="coloniality-50" title="56.41%">display &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &#8599; 56.41% <br>
</div><div class="mini-box">
<span class="coloniality-100" title="99.955%">grant &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &#8599; 98.54% <br>
<span class="coloniality-100" title="99.955%">fully paid license &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &#8599; 93.00% <br>
<span class="coloniality-100" title="99.955%">modify &nbsp;&nbsp;&nbsp;</span> &#8599; 91.40% <br>
<span class="coloniality-100" title="99.955%">solely&nbsp;&nbsp;</span> &#8599; 89.03% <br>
<span class="coloniality-90" title="95.5%">use&nbsp;&nbsp;&nbsp;&nbsp;</span> &#8599; 75.4% <br>
<span class="coloniality-90" title="95.5%">provide</span> &#8599; 43.31%<br>
<span class="coloniality-50" title="56.41%">perform&nbsp;&nbsp;</span> &#8599; 56.41% <br>
<span class="coloniality-50" title="56.41%">display</span> &#8599; 56.41% <br>
<span class="coloniality-40" title="43.43%">nonexclusive &nbsp;</span> &#8599; 32.40% <br>
<span class="coloniality-100" title="99.955%">modify &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &#8599; 91.40% <br>
<span class="coloniality-100" title="99.955%">solely &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &#8599; 89.03% <br>
<span class="coloniality-90" title="95.5%">use &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &#8599;&nbsp;&nbsp;&nbsp;&nbsp; 75.4% <br>
<span class="coloniality-90" title="95.5%">provide &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> &#8599; 43.31%<br>
<span class="coloniality-50" title="56.41%">perform &nbsp;</span> &#8599; 56.41% <br>
<span class="coloniality-50" title="56.41%">display&nbsp;&nbsp;</span> &#8599; 56.41% <br>
</div>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div class="information">
some information: <br>
- When it's mousehovered, it shows the degree of coloniality<br>
- line color shows different degrees of coloniality (now it's random, but it will work with gradation maybe?) <br>
- line thickness shows the frequency (options)<br>
</div>
</body>
</html>