Merge pull request #50 from techano/main
Add privacy page from official littlelink website & required css. Along with the threema brand.
This commit is contained in:
Seth Cottle
GitHub
commit
de2080aefb
@ -578,3 +578,13 @@ button:hover,
|
|||||||
.button.button-yt:focus {
|
.button.button-yt:focus {
|
||||||
filter: brightness(90%);
|
filter: brightness(90%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Threema */
|
||||||
|
.button.button-threema {
|
||||||
|
color: #000000;
|
||||||
|
background-color: #3fe669;
|
||||||
|
}
|
||||||
|
.button.button-threema:hover,
|
||||||
|
.button.button-threema:focus {
|
||||||
|
filter: brightness(90%);
|
||||||
|
}
|
||||||
@ -40,6 +40,15 @@
|
|||||||
padding: 0 20px;
|
padding: 0 20px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
.container-left {
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 600px;
|
||||||
|
text-align: left;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 20px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
.column {
|
.column {
|
||||||
position: center;
|
position: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|||||||
@ -40,6 +40,15 @@
|
|||||||
padding: 0 20px;
|
padding: 0 20px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
.container-left {
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 600px;
|
||||||
|
text-align: left;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 20px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
.column {
|
.column {
|
||||||
position: center;
|
position: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|||||||
@ -40,6 +40,15 @@
|
|||||||
padding: 0 20px;
|
padding: 0 20px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
.container-left {
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 600px;
|
||||||
|
text-align: left;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 20px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
.column {
|
.column {
|
||||||
position: center;
|
position: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|||||||
9
images/icons/threema.svg
Normal file
9
images/icons/threema.svg
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 278.7 323.3" style="enable-background:new 0 0 278.7 323.3;" xml:space="preserve">
|
||||||
|
<g id="Threema-Logo">
|
||||||
|
<g id="Threema:-Wortmarke-_x2B_-Bildmarke-_x2B_-Claim-_x28_Landscape_x29_" transform="translate(-200.000000, -342.000000)">
|
||||||
|
<path d="M425,618c13.1,0,23.7,10.6,23.7,23.7c0,13.1-10.6,23.7-23.7,23.7c-13.1,0-23.6-10.6-23.6-23.7 C401.4,628.6,411.9,618,425,618z M254.4,618c13.1,0,23.7,10.6,23.7,23.7c0,13.1-10.6,23.7-23.7,23.7c-13.1,0-23.6-10.6-23.6-23.7 C230.7,628.6,241.3,618,254.4,618z M339.7,618c13.1,0,23.7,10.6,23.7,23.7c0,13.1-10.6,23.7-23.7,23.7 c-13.1,0-23.6-10.6-23.6-23.7C316,628.6,326.6,618,339.7,618z M339.7,342.1c76.8,0,139,54.8,139,122.3s-62.2,122.3-139,122.3 c-21.8,0-42.5-4.4-60.9-12.3l-69.6,17.4l14.9-59.5c-14.7-19.4-23.3-42.8-23.3-67.9C200.7,396.9,262.9,342.1,339.7,342.1z M339.7,399.2c-21.8,0-39.4,17.6-39.4,39.4v15.7h-1.5c-3.5,0-6.3,2.8-6.3,6.3v55.6c0,3.5,2.8,6.3,6.3,6.3h82 c3.5,0,6.3-2.8,6.3-6.3v-55.6c0-3.5-2.8-6.3-6.3-6.3h-1.5v-15.7C379.1,416.8,361.5,399.2,339.7,399.2z M339.7,414.9 c13.1,0,23.7,10.6,23.7,23.6v15.7H316v-15.7C316,425.5,326.6,414.9,339.7,414.9z"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.4 KiB |
@ -370,8 +370,14 @@
|
|||||||
<img class="icon" src="images/icons/vrchat.svg" alt="VRChat Logo">VRChat</a>
|
<img class="icon" src="images/icons/vrchat.svg" alt="VRChat Logo">VRChat</a>
|
||||||
<br>
|
<br>
|
||||||
|
|
||||||
|
<!-- Threema -->
|
||||||
|
<a class="button button-threema" href="#" target="_blank" rel="noopener">
|
||||||
|
<img class="icon" src="images/icons/threema.svg" alt="Threema Logo">Threema</a>
|
||||||
<br>
|
<br>
|
||||||
<p>Build your own by forking <a href="https://littlelink.io" target="_blank" rel="noopener">LittleLink</a>.</p>
|
|
||||||
|
<br>
|
||||||
|
<p>🔒
|
||||||
|
<a href="privacy.html">Privacy Policy</a> | Build your own by forking <a href="https://littlelink.io" target="_blank" rel="noopener">LittleLink</a>.</p>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
133
privacy.html
Normal file
133
privacy.html
Normal file
@ -0,0 +1,133 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
||||||
|
|
||||||
|
<!-- Page Information
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<title>LittleLink Privacy Policy</title>
|
||||||
|
<meta name="description" content="" />
|
||||||
|
<meta name="author" content="" />
|
||||||
|
|
||||||
|
<!-- Mobile Specific Metas
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
|
||||||
|
<!-- CSS
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||||
|
<link rel="stylesheet" href="css/normalize.css" />
|
||||||
|
|
||||||
|
<!-- Themes:
|
||||||
|
Auto: css/skeleton-auto.css
|
||||||
|
Light: css/skeleton-light.css
|
||||||
|
Dark: css/skeleton-dark.css
|
||||||
|
-->
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="css/skeleton-auto.css" />
|
||||||
|
<link rel="stylesheet" href="css/brands.css" />
|
||||||
|
|
||||||
|
<!-- Favicon
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||||
|
<link rel="icon" type="image/png" href="images/avatar.png" />
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Primary Page Layout
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||||
|
<div class="container-left">
|
||||||
|
<div class="row">
|
||||||
|
<div class="column" style="margin-top: 10%">
|
||||||
|
<p>
|
||||||
|
<a href="index.html">⬅️ Back to main page</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<!-- Page Name -->
|
||||||
|
<h1>🔒 Privacy Overview</h1>
|
||||||
|
|
||||||
|
<!-- Page Information -->
|
||||||
|
<p>
|
||||||
|
<b
|
||||||
|
>Personal Data collected for the following purposes and using the
|
||||||
|
following services:</b
|
||||||
|
>
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
<b>🧮 Analytics</b>
|
||||||
|
<br />
|
||||||
|
The services contained in this section enable the Owner to monitor
|
||||||
|
and analyze web traffic and can be used to keep track of User
|
||||||
|
behavior.
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
<!-- Here you can add any analytics companies you use and what they track -->
|
||||||
|
<b>1.) Example LLC.</b><br />
|
||||||
|
Personal Data:
|
||||||
|
<i
|
||||||
|
>various types of Data as specified in the privacy policy of the
|
||||||
|
service</i
|
||||||
|
><br />
|
||||||
|
<a href="https://example.com/privacy/"
|
||||||
|
>Privacy Policy</a
|
||||||
|
>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<b>📦 Displaying Content From External Platforms</b>
|
||||||
|
<br />
|
||||||
|
This type of service allows you to view content hosted on external
|
||||||
|
platforms directly from the pages of this website and interact with
|
||||||
|
them.<br /><br />
|
||||||
|
This type of service might still collect web traffic data for the
|
||||||
|
pages where the service is installed, even when Users do not use it.
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
<!-- Here you can add any external cdn's and they use and what they track -->
|
||||||
|
<b>1.) Example LLC</b><br />
|
||||||
|
Personal Data:
|
||||||
|
<i
|
||||||
|
>Usage Data; various types of Data as specified in the privacy
|
||||||
|
policy of the service</i
|
||||||
|
>
|
||||||
|
<br />
|
||||||
|
<a href="https://example.com/privacy/"
|
||||||
|
>Privacy Policy</a
|
||||||
|
>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<b>📁 Hosting and Backend Infrastructure</b>
|
||||||
|
<br />
|
||||||
|
This type of service has the purpose of hosting Data and files that
|
||||||
|
enable this website to exist.
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
Some services among those listed below, if any, may work through
|
||||||
|
geographically distributed servers, making it difficult to determine
|
||||||
|
the actual location where the Personal Data are stored.
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
<!-- Here you can add any hosting companies you use and what they track -->
|
||||||
|
<b>1.) Example LLC.</b><br />
|
||||||
|
Personal Data:
|
||||||
|
<i
|
||||||
|
>various types of Data as specified in the privacy policy of the
|
||||||
|
service</i
|
||||||
|
>
|
||||||
|
<br />
|
||||||
|
<a href="https://example.com/privacy"
|
||||||
|
>Privacy Policy</a
|
||||||
|
>
|
||||||
|
</p>
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
<center>
|
||||||
|
<p>Build your own by forking <a href="https://littlelink.io" target="_blank" rel="noopener">LittleLink</a>.</p>
|
||||||
|
</center>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- End Document
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue
Block a user