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 2022-05-23 13:32:41 -04:00 committed by GitHub
commit de2080aefb
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 186 additions and 1 deletions

View file

@ -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%);
}

View file

@ -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%;

View file

@ -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%;

View file

@ -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
View 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

View file

@ -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
View 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>