Merge branch 'development' into 'master'

add cookie warning

See merge request !11

content/datenschutz.md

@@ -22,4 +22,30 @@ LastModifierDisplayName = ""
 LastModifierEmail = ""
 +++
 
-Die folgenden datenschutzrechtlichen Hinweise erweitern [die Datenschutzhinweise der TUHH](https://www.tuhh.de/tuhh/ueber-uns/datenschutz.html) und gelten für die Verarbeitung von personenbezogenen Daten im Rahmen dieser Website **Einführung in die Informationstechnik I** unter der URL https://www3.tuhh.de/itbh/lehre/inf1-sose2019.
\ No newline at end of file
+Die folgenden datenschutzrechtlichen Hinweise erweitern [die Datenschutzhinweise der TUHH](https://www.tuhh.de/tuhh/ueber-uns/datenschutz.html) und gelten für die Verarbeitung von personenbezogenen Daten im Rahmen dieser Website **Einführung in die Informationstechnik I** unter der URL https://www3.tuhh.de/itbh/lehre/inf1-sose2019.
+
+## YouTube
+
+Für Integration und Darstellung von Videoinhalten nutzt unsere Website Plugins von YouTube. Anbieter des Videoportals ist die YouTube, LLC, 901 Cherry Ave., San Bruno, CA 94066, USA.
+
+Bei Aufruf einer Seite mit integriertem YouTube-Plugin wird eine Verbindung zu den Servern von YouTube hergestellt. YouTube erfährt hierdurch, welche unserer Seiten Sie aufgerufen haben.
+
+YouTube kann Ihr Surfverhalten direkt Ihrem persönlichen Profil zuzuordnen, sollten Sie in Ihrem YouTube Konto eingeloggt sein. Durch vorheriges Ausloggen haben Sie die Möglichkeit, dies zu unterbinden.
+
+Die Nutzung von YouTube erfolgt im Interesse einer ansprechenden Darstellung unserer Online-Angebote. Dies stellt ein berechtigtes Interesse im Sinne von Art. 6 Abs. 1 lit. f DSGVO dar.
+
+Einzelheiten zum Umgang mit Nutzerdaten finden Sie in der Datenschutzerklärung von YouTube unter: https://www.google.de/intl/de/policies/privacy.
+
+Quelle: Datenschutz-Konfigurator von mein-datenschutzbeauftragter.de
+
+## Vimeo
+
+Für Integration und Darstellung von Videoinhalten nutzt unsere Website Plugins von Vimeo. Anbieter des Videoportals ist die Vimeo Inc., 555 West 18th Street, New York, New York 10011, USA.
+
+Bei Aufruf einer Seite mit integriertem Vimeo-Plugin wird eine Verbindung zu den Servern von Vimeo hergestellt. Vimeo erfährt hierdurch, welche unserer Seiten Sie aufgerufen haben. Vimeo erfährt Ihre IP-Adresse, selbst wenn Sie nicht beim Videoportal eingeloggt sind oder dort kein Konto besitzen. Es erfolgt eine Übermittlung der von Vimeo erfassten Informationen an Server des Videoportals in den USA.
+
+Vimeo kann Ihr Surfverhalten direkt Ihrem persönlichen Profil zuordnen. Durch vorheriges Ausloggen haben Sie die Möglichkeit, dies zu unterbinden.
+
+Einzelheiten zum Umgang mit Nutzerdaten finden Sie in der Datenschutzerklärung von Vimeo unter: https://vimeo.com/privacy.
+
+Quelle: Datenschutz-Konfigurator von mein-datenschutzbeauftragter.de

layouts/partials/cookie-warning.html

+<div id="myCookieConsent">
+	<a id="cookieButton">Verstanden</a>
+	<div>Um die Inhalte auf dieser Website optimal für Sie anbieten zu können, verwenden wir Cookies.
+	<a href="{{ .Site.BaseURL | relURL }}datenschutz/">Mehr&nbsp;erfahren</a></div>
+</div>

layouts/partials/custom-footer.html

+<!-- Partial intended to be overwritten with tags loaded at the end of the page loading (usually for Javascript) 
+<script>
+    console.log("running some javascript");
+</script>
+-->
+
+<script src="{{"js/script.js" | relURL}}?{{ now.Unix }}"></script>
\ No newline at end of file

layouts/partials/custom-header.html

@@ -4,4 +4,4 @@
 </style>
 -->
 
-<link href="{{"css/mystyle.css" | relURL}}?{{ now.Unix }}" rel="stylesheet">
\ No newline at end of file
+<link href="{{"css/mystyle.css" | relURL}}?{{ now.Unix }}" rel="stylesheet">

layouts/partials/footer.html

+        {{ if .Params.chapter }}
+            </div> <!-- end chapter-->
+        {{ end }}
+        </div> 
+        {{ partial "custom-comments.html" . }}
+      </div>
+
+    <div id="navigation">
+        <!-- Next prev page -->
+        {{ $currentNode := . }}
+        
+        {{ template "menu-nextprev" dict "menu" .Site.Home "currentnode" $currentNode }}
+        
+        {{ define "menu-nextprev" }}
+            {{$currentNode := .currentnode }}
+            {{ if ne .menu.Params.hidden true}}
+                {{if hasPrefix $currentNode.URL .menu.URL }}
+                    {{ $currentNode.Scratch.Set "NextPageOK" "OK" }}
+                    {{ $currentNode.Scratch.Set "prevPage" ($currentNode.Scratch.Get "prevPageTmp") }}
+                {{else}}
+                    {{if eq ($currentNode.Scratch.Get "NextPageOK") "OK"}}
+                        {{ $currentNode.Scratch.Set "NextPageOK" nil }}
+                        {{ $currentNode.Scratch.Set "nextPage" .menu }}
+                    {{end}}
+                {{end}}
+                {{ $currentNode.Scratch.Set "prevPageTmp" .menu }}
+
+                    {{ $currentNode.Scratch.Set "pages" .menu.Pages }}
+                    {{ if .menu.IsHome}}
+                        {{ $currentNode.Scratch.Set "pages" .menu.Sections }}
+                    {{ else if .menu.Sections}}
+                        {{ $currentNode.Scratch.Set "pages" (.menu.Pages | union .menu.Sections) }}
+                    {{end}}
+                    {{ $pages := ($currentNode.Scratch.Get "pages") }}
+
+                    {{ range $pages.ByWeight  }}
+                        {{ template "menu-nextprev" dict "menu" . "currentnode" $currentNode }}
+                    {{end}}
+            {{ end }}
+        {{ end }}
+
+
+	 {{$showPrevNext := (and (not .Params.disableNextPrev) (not .Site.Params.disableNextPrev))}}
+	 {{if $showPrevNext}}
+		{{with ($.Scratch.Get "prevPage")}}
+			<a class="nav nav-prev" href="{{.URL}}" title="{{.Title}}"> <i class="fa fa-chevron-left"></i></a>
+		{{end}}
+		{{with ($.Scratch.Get "nextPage")}}
+			<a class="nav nav-next" href="{{.URL}}" title="{{.Title}}" style="margin-right: 0px;"><i class="fa fa-chevron-right"></i></a>
+		{{end}}
+	{{end}}
+    </div>
+
+    </section>
+
+    {{ partial "cookie-warning.html" }}
+    
+    <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
+      <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
+    </div>
+    <script src="{{"js/clipboard.min.js" | relURL}}{{ if not .Site.Params.disableAssetsBusting }}?{{ now.Unix }}{{ end }}"></script>
+    <script src="{{"js/perfect-scrollbar.min.js" | relURL}}{{ if not .Site.Params.disableAssetsBusting }}?{{ now.Unix }}{{ end }}"></script>
+    <script src="{{"js/perfect-scrollbar.jquery.min.js" | relURL}}{{ if not .Site.Params.disableAssetsBusting }}?{{ now.Unix }}{{ end }}"></script>
+    <script src="{{"js/jquery.sticky.js" | relURL}}{{ if not .Site.Params.disableAssetsBusting }}?{{ now.Unix }}{{ end }}"></script>
+    <script src="{{"js/featherlight.min.js" | relURL}}{{ if not .Site.Params.disableAssetsBusting }}?{{ now.Unix }}{{ end }}"></script>
+    <script src="{{"js/html5shiv-printshiv.min.js" | relURL}}{{ if not .Site.Params.disableAssetsBusting }}?{{ now.Unix }}{{ end }}"></script>
+    <script src="{{"js/highlight.pack.js" | relURL}}{{ if not .Site.Params.disableAssetsBusting }}?{{ now.Unix }}{{ end }}"></script>
+    <script>hljs.initHighlightingOnLoad();</script>
+    <script src="{{"js/modernizr.custom.71422.js" | relURL}}{{ if not .Site.Params.disableAssetsBusting }}?{{ now.Unix }}{{ end }}"></script>
+    <script src="{{"js/learn.js" | relURL}}{{ if not .Site.Params.disableAssetsBusting }}?{{ now.Unix }}{{ end }}"></script>
+    <script src="{{"js/hugo-learn.js" | relURL}}{{ if not .Site.Params.disableAssetsBusting }}?{{ now.Unix }}{{ end }}"></script>
+
+    <link href="{{"mermaid/mermaid.css" | relURL}}{{ if not .Site.Params.disableAssetsBusting }}?{{ now.Unix }}{{ end }}" type="text/css" rel="stylesheet" />
+    <script src="{{"mermaid/mermaid.js" | relURL}}{{ if not .Site.Params.disableAssetsBusting }}?{{ now.Unix }}{{ end }}"></script>
+    <script>
+        mermaid.initialize({ startOnLoad: true });
+    </script>
+    {{ partial "custom-footer.html" . }}
+  </body>
+</html>

static/css/mystyle.css

@@ -37,4 +37,51 @@ h1.logo-head {
 
 b, strong, label, th {
     font-weight: 400;
+}
+
+/* Cookie-Warning */
+
+#myCookieConsent {
+    z-index: 999;
+    min-height: 20px;
+    padding: 10px 20px;
+    background: rgba(0, 72, 112);
+    overflow: hidden;
+    position: fixed;
+    color: #FFF;
+    bottom: 0px;
+    right: 1px;
+    display: none;
+    left: 0;
+    font-size: 15px;
+}
+
+#myCookieConsent div {
+    padding: 5px 0 0;
+}
+
+#myCookieConsent a {
+    color: #2DC6D6;
+    display: inline-block;
+}
+
+#myCookieConsent a:hover {
+    color: #2DC6D6;
+}
+
+#myCookieConsent a#cookieButton {
+    display: inline-block;
+    color: #1F1C3B;
+    font-size: 1.1em;
+    background: #2DC6D6;
+    text-decoration: none;
+    cursor: pointer;
+    padding: 2px 20px;
+    float: right;
+    border-radius: 20px;
+}
+
+#myCookieConsent a#cookieButton:hover {
+    background: #2DC6D6;
+    color: #000;
 }
\ No newline at end of file

static/css/theme-inf.css

@@ -145,4 +145,5 @@ a:hover {
 
 h3 {
     font-size: 1.6rem;
-}
\ No newline at end of file
+}
+

static/js/script.js

+// Cookie Compliancy BEGIN
+function GetCookie(name) {
+    var arg = name + "=";
+    var alen = arg.length;
+    var clen = document.cookie.length;
+    var i = 0;
+    while (i < clen) {
+        var j = i + alen;
+        if (document.cookie.substring(i, j) == arg)
+            return "here";
+        i = document.cookie.indexOf(" ", i) + 1;
+        if (i == 0) break;
+    }
+    return null;
+}
+
+function testFirstCookie() {
+    var offset = new Date().getTimezoneOffset();
+    if ((offset >= -180) && (offset <= 0)) { // European time zones
+        var visit = GetCookie("cookieCompliancyAccepted");
+        if (visit == null) {
+            $("#myCookieConsent").fadeIn(400); // Show warning
+        } else {
+            // Already accepted
+        }
+    }
+}
+$(document).ready(function () {
+    $("#cookieButton").click(function () {
+        console.log('Understood');
+        var expire = new Date();
+        expire = new Date(expire.getTime() + 7776000000);
+        document.cookie = "cookieCompliancyAccepted=here; expires=" + expire + ";path=/";
+        $("#myCookieConsent").hide(400);
+    });
+    testFirstCookie();
+});
+// Cookie Compliancy END