{% extends "base.html" %}
{% load static %}

{% block body_class %}h-[calc(100vh)]{% endblock %}

{% block content %}

{% include "header.html" %}


<div class="relative top-[68px] pt-10 pb-[100px] grid grid-cols-1 gap-4 place-content-center min-h-[calc(100vh-88px)]">

  <h1 class="text-4xl font-bold text-center">Datenschutz</h1>

  <div class="mx-auto px-2 max-w-lg space-y-8">
    <p>
      Meine Homepage dient dem Eigenmarketing und adressiert in erster Linie potenzielle Kooperationspartner:innen. Als
      Leser:in sollen Sie sich ganz unbehelligt ein Bild über meine Person machen können. Wenn es passt, können Sie über das
      <a class="underline" href="/#kontakt">
        Kontaktformular
      </a>
      gerne den Kontakt zu mir aufnehmen.
    </p>
    <p>
      Im Detail heißt das, auf meiner Seite …
    </p>
    <ul class="list-disc ml-4">
      <li>
        wird nichts getrackt.
      </li>
      <li>
        wird nur ein Cookie zur sicheren Nutzung des Kontaktformulars verwendet.
        <span class="" title="Der Cookie „csrftoken“ stellt sicher, dass Sie mein Kontaktformular nur über diese Seite genutzt haben und keine dritteHomepage mein Formular einbinden kann.">
          (i)
        </span>
      </li>
      <li>
        wird als externer Dienste nur mein Mastodon-Account nach expliziter Freigabe eingebunden. Andere Dienste wie bspw. Videos von
        Youtube oder Vimeo, Google-Fonts, Google Analytics, Like-Buttons, Javascript-Snippets oder Werbeanzeigen sind nicht
        eingebunden.
      </li>
    </ul>
  </div>

</div>

{% endblock %}