You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
145 lines
5.5 KiB
145 lines
5.5 KiB
4 years ago
|
<!doctype html>
|
||
|
|
<html lang="de">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>DGSVO Summery</title>
|
||
|
|
|
||
|
|
<!-- Material IO -->
|
||
|
|
<link href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css" rel="stylesheet">
|
||
|
|
<script src="https://unpkg.com/material-components-web@8.0.0/dist/material-components-web.min.js"></script>
|
||
|
|
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||
|
|
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300&display=swap" rel="stylesheet">
|
||
|
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||
|
|
|
||
|
|
<!-- JQuery -->
|
||
|
|
<script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Relevant style and script for the popup -->
|
||
|
|
<script src="js/summary.js"></script>
|
||
|
|
<script src="js/states_mainmenu.js"></script>
|
||
|
|
<script src="js/auswertenv2.js"></script>
|
||
|
|
<script src="js/cookies.js"></script>
|
||
|
|
<script src="js/connection.js"></script>
|
||
|
|
<script src="js/warnanimation.js"></script>
|
||
|
|
<script src="js/pictoen.js"></script>
|
||
|
|
<script src="js/picto.js"></script>
|
||
|
|
<script src="js/rightoftheday.js"></script>
|
||
|
|
<!-- <script src="js/examplesum.js"></script> -->
|
||
|
|
<script src="js/mainmenuscripts.js"></script>
|
||
|
|
<link rel="stylesheet" type="text/css" href="css/style.css">
|
||
|
|
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="extension-div">
|
||
|
|
<header class="mdc-top-app-bar--fixed">
|
||
|
|
<div class="mdc-top-app-bar__row">
|
||
|
|
<section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
|
||
|
|
<span class="mdc-top-app-bar__title">Privacy Check!</span>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<div class="mdc-tab-bar">
|
||
|
|
<button class="mdc-tab mdc-tab--active" role="tab" aria-selected="true" id="cookie-tab-button">
|
||
|
|
<span class="mdc-tab__content">
|
||
|
|
<span class="mdc-tab__text-label" id="tab_cookie">Cookies & Ads</span>
|
||
|
|
</span>
|
||
|
|
<span class="mdc-tab-indicator mdc-tab-indicator--active" id="span-cookie">
|
||
|
|
<span class="mdc-tab-indicator__content mdc-tab-indicator__content--underline"></span>
|
||
|
|
</span>
|
||
|
|
<span class="mdc-tab__ripple"></span>
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<button class="mdc-tab" role="tab" aria-selected="false" id="privacy-tab-button">
|
||
|
|
<span class="mdc-tab__content">
|
||
|
|
<span class="mdc-tab__text-label" id="tab_dsgvo">GDPR Check</span>
|
||
|
|
</span>
|
||
|
|
<span class="mdc-tab-indicator" id="span-privacy">
|
||
|
|
<span class="mdc-tab-indicator__content mdc-tab-indicator__content--underline"></span>
|
||
|
|
</span>
|
||
|
|
<span class="mdc-tab__ripple"></span>
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<button class="mdc-tab" role="tab" aria-selected="false" tabindex="-1" id="about-tab-button">
|
||
|
|
<span class="mdc-tab__content">
|
||
|
|
<span class="mdc-tab__text-label" id="tab_more">More</span>
|
||
|
|
</span>
|
||
|
|
<span class="mdc-tab-indicator" id="span-about">
|
||
|
|
<span class="mdc-tab-indicator__content mdc-tab-indicator__content--underline"></span>
|
||
|
|
</span>
|
||
|
|
<span class="mdc-tab__ripple"></span>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="content-area">
|
||
|
|
<div id="privacy-div">
|
||
|
|
<div class="mdc-card" id="p_hint_for_press_privacy">
|
||
|
|
<p>I see here is a privacy policy. If you want, I can look at which data the provider collects or which third party also collect data!</p>
|
||
|
|
<img src="../pic_data_base/assist.png" width="64" height="64">
|
||
|
|
</div>
|
||
|
|
<div id="privacy-card">
|
||
|
|
<div class="animation-container">
|
||
|
|
<div class="animation">
|
||
|
|
<div class="cycle-1"></div>
|
||
|
|
<div class="cycle-2"></div>
|
||
|
|
<div class="cycle-3"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="zsf-div"></div>
|
||
|
|
|
||
|
|
<div id="cookie-cards">
|
||
|
|
<div class="mdc-card" id="first-cookie-card">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="about-div">
|
||
|
|
<div class="mdc-card" id="about-card">
|
||
|
|
<p> Here can you learn more about your rights, cookies and etc. </p>
|
||
|
|
</div>
|
||
|
|
<div id="settings-div">
|
||
|
|
<div class="mdc-switch mdc-switch--checked" id="switch-eng">
|
||
|
|
<div class="mdc-switch__track"></div>
|
||
|
|
<div class="mdc-switch__thumb-underlay">
|
||
|
|
<div class="mdc-switch__thumb"></div>
|
||
|
|
<input type="checkbox" id="basic-switch" class="mdc-switch__native-control" role="switch" aria-checked="false">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<label for="basic-switch">English</label>
|
||
|
|
<div class="mdc-switch" id="switch-ger">
|
||
|
|
<div class="mdc-switch__track"></div>
|
||
|
|
<div class="mdc-switch__thumb-underlay">
|
||
|
|
<div class="mdc-switch__thumb"></div>
|
||
|
|
<input type="checkbox" id="basic-switch" class="mdc-switch__native-control" role="switch" aria-checked="false">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<label for="basic-switch">Deutsch</label>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div id="button-div">
|
||
|
|
<button class="mdc-button mdc-button--raised" id="auswertenv2">
|
||
|
|
<span class="mdc-button__label">sum up</span>
|
||
|
|
</button>
|
||
|
|
<button class="mdc-button mdc-button--raised" id="auswerten-longer">
|
||
|
|
<span class="mdc-button__label">Advanced view</span>
|
||
|
|
</button>
|
||
|
|
<button class="mdc-button mdc-button--raised" id="weiteres">
|
||
|
|
<span class="mdc-button__label">More</span>
|
||
|
|
</button>
|
||
|
|
<button class="mdc-button mdc-button--raised" id="settings">
|
||
|
|
<span class="mdc-button__label">Settings</span>
|
||
|
|
</button>
|
||
|
|
<button class="mdc-button mdc-button--raised" id="settings-back">
|
||
|
|
<span class="mdc-button__label">Back</span>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|