-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathkonfigurator.html
147 lines (136 loc) · 11 KB
/
konfigurator.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE HTML>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>IVD Rechner-Konfigurator</title>
<link rel="apple-touch-icon" sizes="180x180" href="icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">
<link rel="manifest" href="icons/site.webmanifest">
<link rel="mask-icon" href="icons/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="icons/favicon.ico">
<meta name="msapplication-TileColor" content="#2b5797">
<meta name="msapplication-config" content="icons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65"
crossorigin="anonymous"
/>
<style>
#bgcolor {
padding: 0.2rem;
}
#result_container, #preview_container {
display: none;
}
</style>
</head>
<body>
<div class="container-fluid my-2">
<div class="container bg-light">
<div class="row align-items-center p-3">
<div class="col-sm-auto p-0 pe-3"><img src="icons/Logo_neu_120px.png" alt="IVD Logo" width="40" height="40"></div>
<div class="col p-0"><span class="fs-4" id="headline">Rechner-Konfigurator</span></div>
</div>
</div>
</div>
<div class="container-fluid my-2">
<div class="container bg-light py-2">
<div class="row py-1 align-items-center">
<div class="col-md-2 text-end">
<label class="col-form-label">Welchen Rechner möchten Sie konfigurieren?</label>
</div>
<div class="col-md-10">
<div class="form-check">
<input class="form-check-input" type="radio" name="auswahl_rechner_angabe" id="auswahl_rechner_einkauf" value="auswahl_rechner_einkauf" checked>
<label class="form-check-label" for="auswahl_rechner_einkauf">Einkaufsrechner</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="auswahl_rechner_angabe" id="auswahl_rechner_leistbarkeit" value="auswahl_rechner_leistbarkeit">
<label class="form-check-label" for="auswahl_rechner_leistbarkeit">Leistbarkeitsrechner</label>
</div>
</div>
</div>
<div class="row py-1 align-items-center">
<div class="col-md-2 text-end">
<label for="titel" class="col-form-label">Individueller Titel:</label>
</div>
<div class="col-md-6">
<input type="text" id="titel" name="titel" value="" class="form-control">
</div>
<div class="col-md-4">
<span id="titel_helpline" class="form-text">Bleibt die Eingabe leer, wird der vorgegebene Titel verwendet.</span>
</div>
</div>
<div class="row py-1 align-items-center">
<div class="col-md-2 text-end">
<label for="bgcolor" class="col-form-label">Hintergrundfarbe:</label>
</div>
<div class="col-md-6">
<input type="color" id="bgcolor" name="bgcolor" value="#ffffff">
</div>
<div class="col-md-4">
<span id="bgcolor_helpline" class="form-text"></span>
</div>
</div>
<div class="row py-1 align-items-center">
<div class="col-md-2 text-end">
<label for="logo_url" class="col-form-label">Eigenes Logo:</label>
</div>
<div class="col-md-6">
<input type="text" id="logo_url" name="logo_url" value="" class="form-control">
</div>
<div class="col-md-4">
<span id="logo_url_helpline" class="form-text">Bitte die URL inkl. 'https://' zum Logo eingeben. Nur jpg, png, gif empfohlen, Bild wird über ein <img>-Tag eingefügt. Logo wird mit einer maximalen Höhe von 60px eingebunden, für eine einheitliche Optik mit dem IVD-Logo wird eine Höhe von 40px empfohlen.</span>
</div>
</div>
<div class="row py-1 align-items-center">
<div class="col-md-2">
</div>
<div class="col-md-6">
<button type="submit" id="erstellen" class="btn btn-primary btn-sm">Erstellen</button>
</div>
<div class="col-md-4">
</div>
</div>
</div>
</div>
<div class="container-fluid my-2" id="result_container">
<div class="container bg-light py-2">
<div class="row py-1 align-items-center">
<div class="col-md-2 text-end">
<label for="result_url" class="col-form-label">Individuelle URL:</label>
</div>
<div class="col-md-10">
<input type="text" id="result_url" name="result_url" value="" class="form-control">
</div>
</div>
<div class="row py-1 align-items-center">
<div class="col-md-2 text-end">
<label for="result_iframe" class="col-form-label">Vorschlag iframe:</label>
</div>
<div class="col-md-10">
<input type="text" id="result_iframe" name="result_iframe" value="" class="form-control">
</div>
</div>
</div>
</div>
<div class="container-fluid my-2" id="preview_container">
<div class="container bg-light p-3">
<div class="row align-items-center p-0 pb-2">
<span class="fs-3">Vorschau</span>
</div>
<div class="row align-items-center p-0" id="preview_iframe">
</div>
</div>
</div>
<div class="container-fluid my-2" id="footer"><footer class="container bg-light"><nav class="navbar navbar-expand-md navbar-light"><div class="container-fluid px-0"><div class="navbar-collapse" id="navbar-footer"><ul class="navbar-nav ps-2"><li class="nav-item">© <span id="jahr"></span> IVD Research</li></ul><ul class="navbar-nav ms-auto"><li class="nav-item" id="impressum"><a href="https://ivd.net/impressum/" class="nav-link px-2 text-muted" target="_blank">IVD Impressum</a></li><li class="nav-item"><a class="nav-link px-2 text-muted" data-bs-toggle="collapse" href="#datenschutz" aria-expanded="false" aria-controls="datenschutz">Datenschutzerklärung</a></li></ul></div></div></nav></footer></div>
<div class="container-fluid my-2 collapse" id="datenschutz"><div class="container bg-light p-3"><h5>Datenschutzerklärung</h5><h6>Datenerhebung</h6><p>Es werden keine Daten von der Betreiberin erhoben.</p><h6>Betreiberin und verantwortliche Stelle</h6><p>Siehe IVD Impressum</p><h6>Hosting</h6><p>Unser Hoster erhebt in sog. Logfiles folgende Daten, die Ihr Browser übermittelt:</p><p>IP-Adresse, die Adresse der vorher besuchten Website (Referer Anfrage-Header), Datum und Uhrzeit der Anfrage, Zeitzonendifferenz zur Greenwich Mean Time, Inhalt der Anforderung, HTTP-Statuscode, übertragene Datenmenge, Website, von der die Anforderung kommt und Informationen zu Browser und Betriebssystem.</p><p>Das ist erforderlich, um unsere Website anzuzeigen und die Stabilität und Sicherheit zu gewährleisten. Dies entspricht unserem berechtigten Interesse im Sinne des Art. 6 Abs. 1 S. 1 lit. f DSGVO.</p><p>Es erfolgt kein Tracking und wir haben auf diese Daten keinen direkten Zugriff, sondern erhalten lediglich eine anonymisierte, statistische Zusammenfassung. Diese beinhaltet die Adresse der vorher besuchten Seite, die Häufigkeit der jeweils aufgerufenen Seiten und die Anzahl eindeutiger Besucher. Diese Daten führen wir nicht mit anderen Daten zusammen.</p><p>Wir setzen für die Zurverfügungstellung unserer Website folgenden Hoster ein:</p><p>GitHub Inc.<br>88 Colin P Kelly Jr St<br>San Francisco, CA 94107<br>United States</p><p>Dieser ist Empfänger Ihrer personenbezogenen Daten. Dies entspricht unserem berechtigten Interesse im Sinne des Art. 6 Abs. 1 S. 1 lit. f DSGVO, selbst keinen Server in unseren Räumlichkeiten vorhalten zu müssen. Serverstandort ist USA.</p><p>Weitere Informationen zu Widerspruchs- und Beseitigungsmöglichkeiten gegenüber GitHub finden Sie unter: https://docs.github.com/en/free-pro-team@latest/github/site-policy/github-privacy-statement#github-pages</p><p>Sie haben das Recht der Verarbeitung zu widersprechen. Ob der Widerspruch erfolgreich ist, ist im Rahmen einer Interessenabwägung zu ermitteln.</p><p>Die Daten werden gelöscht, sobald der Zweck der Verarbeitung entfällt.</p><p>Die Verarbeitung der unter diesem Abschnitt angegebenen Daten ist weder gesetzlich noch vertraglich vorgeschrieben. Die Funktionsfähigkeit der Website ist ohne die Verarbeitung nicht gewährleistet.</p><p>GitHub hat Compliance-Maßnahmen für internationale Datenübermittlungen umgesetzt. Diese gelten für alle weltweiten Aktivitäten, bei denen GitHub personenbezogene Daten von natürlichen Personen in der EU verarbeitet. Diese Maßnahmen basieren auf den EU-Standardvertragsklauseln (SCCs). Weitere Informationen finden Sie unter: https://docs.github.com/en/free-pro-team@latest/github/site-policy/github-data-protection-addendum#attachment-1–the-standard-contractual-clauses-processors</p><h5>Rechtliche Hinweise</h5><p>Grundsätzlich ist ein Auftragsverarbeitungsvertrag mit dem Hoster abzuschließen. Für das Hosting rein statischer Websites besteht grundsätzlich eine Ausnahme. Für den Fall, dass die Webseite der Selbstdarstellung dient, z.B. von Vereinen oder Kleinunternehmen, keine personenbezogenen Daten an den Betreiber fließen und kein Tracking stattfindet, liegt keine Auftragsverarbeitung vor. Die Tatsache, dass auch beim Hosting von statischen Webseiten zwangsläufig IP-Adressen, d.h. personenbezogene Daten, verarbeitet werden müssen, führt nicht zur Annahme einer Auftragsverarbeitung. Das wäre nicht sachgerecht. Die (kurzfristige) IP-Adressenspeicherung ist vielmehr noch der TK-Zugangsvermittlung des Website-Hosters nach dem TKG zuzurechnen und dient in erster Linie Sicherheitszwecken des Hosters.</p></div></div>
<script src="https://code.jquery.com/jquery-3.6.3.min.js" integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script>
<script src="konfigurator.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
</body>
</html>