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

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

Loading…
Cancel
Save