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.
144 lines
5.5 KiB
144 lines
5.5 KiB
<!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>
|
|
|