Entferne Main und Section

master
Jonathan 2 years ago
parent d5447ac8d6
commit e5e4c00faf
  1. 94
      index.html
  2. 2
      style.css

@ -9,58 +9,54 @@
<script type="module" src="main.js"></script>
</head>
<body>
<main>
<section>
<div class="content-layer">
<div class="menu">
<button type="button" id="steuerungOrbitalButton">UI Ausblenden</button>
<a href="https://www.solarsystemscope.com/textures/">Texturen von https://www.solarsystemscope.com/textures/</a>
<div class="content-layer">
<div class="menu">
<button type="button" id="steuerungOrbitalButton">UI Ausblenden</button>
<a href="https://www.solarsystemscope.com/textures/">Texturen von https://www.solarsystemscope.com/textures/</a>
</div>
<div class="portfoliobackground">
<div class="card">
<h1>Freimaurer App</h1>
<p>Die Freimaurer App Niedersachsen & Sachsen-Anhalt ist eine mobile Anwendung, die in Flutter entwickelt wurde. Sie bietet umfangreiche Informationen über die Freimaurerbruderschaft und deren Aktivitäten in Niedersachsen und Sachsen-Anhalt. Die App enthält einen Terminkalender, Informationsmaterial, einen Podcast, eine Videoreihe, die Freimaurerzeitschrift "Orientexpress", ein Logenverzeichnis sowie eine Kontaktmöglichkeit. Diese Anwendung dient als Informationsquelle und Kommunikationsplattform für Interessierte und Mitglieder der Freimaurerbruderschaft.</p>
</div>
<div class="portfoliobackground">
<div class="card">
<h1>Freimaurer App</h1>
<p>Die Freimaurer App Niedersachsen & Sachsen-Anhalt ist eine mobile Anwendung, die in Flutter entwickelt wurde. Sie bietet umfangreiche Informationen über die Freimaurerbruderschaft und deren Aktivitäten in Niedersachsen und Sachsen-Anhalt. Die App enthält einen Terminkalender, Informationsmaterial, einen Podcast, eine Videoreihe, die Freimaurerzeitschrift "Orientexpress", ein Logenverzeichnis sowie eine Kontaktmöglichkeit. Diese Anwendung dient als Informationsquelle und Kommunikationsplattform für Interessierte und Mitglieder der Freimaurerbruderschaft.</p>
</div>
<div class="card">
<h1>Perlin Noise</h1>
<p>Ich habe eine kleine Simulation geschrieben, bei der ein Schiff durch eine Inselkette navigiert.
Dabei werden sowohl der Dijkstra-Algorithmus als auch der Perlin-Noise-Algorithmus verwendet.
Der Dijkstra-Algorithmus wird verwendet, um den kürzesten Weg zwischen den Inseln zu finden, während der Perlin-Noise-Algorithmus verwendet wird, um die Inselketten zu generieren.</p>
</div>
<div class="card">
<h1>Bachelorarbeit</h1>
<p>Datenschutzerklärungen werden selten gelesen. Die Gründe hierfür
lassen sich auf zwei Probleme zurückführen. Einerseits enthalten
Datenschutzerklärungen viele Informationen, was einen Nutzer ohne
technische Vorkenntnis überfordern kann (Information Overkill).
Andererseits sind die Informationen für den Nutzer abstrakt und die
negativen Folgen technischer Art kaum spürbar (mangelnde Fühlbarkeit). In
der Folge ignoriert der Nutzer die Datenschutzerklärung oftmals und nimmt
Schäden an seiner Privatsphäre in Kauf. Zur Lösung dieser Problematik
wird in dieser Arbeit ein Tool entwickelt und implementiert, welches eine
Datenschutzerklärung prägnant und anschaulich mittels Piktogrammen
benutzerfreundlich zusammenfasst.
Als besonderer Vorteil wird dem Nutzer eine Hilfestellung angeboten, welche
bei Bedarf den Nutzer durch einen einfachen Klick an die entsprechende
Stelle der Datenschutzerklärung leitet, die weitere Informationen enthält.
Das Tool trägt den Namen Privacy Check. Der Privacy Check benutzt
Techniken aus dem Natural Language Processing und Information Retrieval,
um eine Zusammenfassung aus einer Datenschutzerklärung zu generieren.
Diese Techniken werden mit Python und spaCy umgesetzt. Da Python und
spaCy nicht auf jedem Rechner vorhanden sind, wird der Privacy Check von
einem Server unterstützt. Der Privacy Check selbst ist eine Webextension
und kann in einen Browser geladen werden. Während der Entwicklung des
Privacy Checks zeigen sich Probleme, welche am Ende der Arbeit diskutiert
werden.</p>
<a href="https://www.pi.uni-hannover.de/fileadmin/pi/se/Stud-Arbeiten/2021/BA-Thomczik2021.pdf">Link zur Bachelorarbeit</a>
<div class="video-container">
<video src="demo.mp4" width="320" height="240" controls></video>
</div>
<div class="card">
<h1>Perlin Noise</h1>
<p>Ich habe eine kleine Simulation geschrieben, bei der ein Schiff durch eine Inselkette navigiert.
Dabei werden sowohl der Dijkstra-Algorithmus als auch der Perlin-Noise-Algorithmus verwendet.
Der Dijkstra-Algorithmus wird verwendet, um den kürzesten Weg zwischen den Inseln zu finden, während der Perlin-Noise-Algorithmus verwendet wird, um die Inselketten zu generieren.</p>
</div>
<div class="card">
<h1>Bachelorarbeit</h1>
<p>Datenschutzerklärungen werden selten gelesen. Die Gründe hierfür
lassen sich auf zwei Probleme zurückführen. Einerseits enthalten
Datenschutzerklärungen viele Informationen, was einen Nutzer ohne
technische Vorkenntnis überfordern kann (Information Overkill).
Andererseits sind die Informationen für den Nutzer abstrakt und die
negativen Folgen technischer Art kaum spürbar (mangelnde Fühlbarkeit). In
der Folge ignoriert der Nutzer die Datenschutzerklärung oftmals und nimmt
Schäden an seiner Privatsphäre in Kauf. Zur Lösung dieser Problematik
wird in dieser Arbeit ein Tool entwickelt und implementiert, welches eine
Datenschutzerklärung prägnant und anschaulich mittels Piktogrammen
benutzerfreundlich zusammenfasst.
Als besonderer Vorteil wird dem Nutzer eine Hilfestellung angeboten, welche
bei Bedarf den Nutzer durch einen einfachen Klick an die entsprechende
Stelle der Datenschutzerklärung leitet, die weitere Informationen enthält.
Das Tool trägt den Namen Privacy Check. Der Privacy Check benutzt
Techniken aus dem Natural Language Processing und Information Retrieval,
um eine Zusammenfassung aus einer Datenschutzerklärung zu generieren.
Diese Techniken werden mit Python und spaCy umgesetzt. Da Python und
spaCy nicht auf jedem Rechner vorhanden sind, wird der Privacy Check von
einem Server unterstützt. Der Privacy Check selbst ist eine Webextension
und kann in einen Browser geladen werden. Während der Entwicklung des
Privacy Checks zeigen sich Probleme, welche am Ende der Arbeit diskutiert
werden.</p>
<a href="https://www.pi.uni-hannover.de/fileadmin/pi/se/Stud-Arbeiten/2021/BA-Thomczik2021.pdf">Link zur Bachelorarbeit</a>
<div class="video-container">
<video src="demo.mp4" width="320" height="240" controls></video>
</div>
</div>
</div>
<canvas id="bg"></canvas>
</section>
</main>
</div>
<canvas id="bg"></canvas>
</body>
</html>

@ -47,7 +47,7 @@
}
html, body {
height: 100%;
height: 100%;
width: 100%;
margin: 0;
padding: 0;

Loading…
Cancel
Save