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
7 changed files with 186 additions and 1 deletions
|
|
@ -578,3 +578,13 @@ button:hover,
|
|||
.button.button-yt:focus {
|
||||
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;
|
||||
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 {
|
||||
position: center;
|
||||
width: 100%;
|
||||
|
|
|
|||
|
|
@ -40,6 +40,15 @@
|
|||
padding: 0 20px;
|
||||
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 {
|
||||
position: center;
|
||||
width: 100%;
|
||||
|
|
|
|||
|
|
@ -40,6 +40,15 @@
|
|||
padding: 0 20px;
|
||||
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 {
|
||||
position: center;
|
||||
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>
|
||||
<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>
|
||||
<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>
|
||||
|
|
|
|||
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 a new issue