Portfolio/index.html

<!DOCTYPE html>
<html>
<head>
    <link href="https://fonts.googleapis.com/css?family=Orbitron&display=swap" rel="stylesheet">
    <base href="/website/">
    <meta charset="UTF-8">
    <link rel="stylesheet" href="style.css">
    <title>Portfolio</title>
    <script type="module" src="main.js"></script>
</head>
<body>
    <main>
    <section>
        <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="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>
</body>
</html>
Sonne Mond und Erde hinzugefügt. 4 years ago			`<!DOCTYPE html>`
			`<html>`
			`<head>`
Portfolio hinzugefügt 2 years ago			`<link href="https://fonts.googleapis.com/css?family=Orbitron&display=swap" rel="stylesheet">`
Sonne Mond und Erde hinzugefügt. 4 years ago			`<base href="/website/">`
			`<meta charset="UTF-8">`
Orbitalsteuerung korrigieren 2 years ago			`<link rel="stylesheet" href="style.css">`
Vorbereitungen für Portfolio 2 years ago			`<title>Portfolio</title>`
			`<script type="module" src="main.js"></script>`
Sonne Mond und Erde hinzugefügt. 4 years ago			`</head>`
			`<body>`
+Uranus hinzugefügt +Laufbahnen überarbeitet 4 years ago			`<main>`
Camera bewegung eingefügt 3 years ago			`<section>`
Portfolio hinzugefügt 2 years ago			`<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">`
Vorbereitungen für Portfolio 2 years ago			`<div class="card">`
Portfolio hinzugefügt 2 years ago			`<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>
Vorbereitungen für Portfolio 2 years ago			`</div>`
			`<div class="card">`
Portfolio hinzugefügt 2 years ago			`<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>`
Vorbereitungen für Portfolio 2 years ago			`</div>`
			`<div class="card">`
Portfolio hinzugefügt 2 years ago			`<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>`
Vorbereitungen für Portfolio 2 years ago			`</div>`
			`</div>`
Portfolio hinzugefügt 2 years ago			`<canvas id="bg"></canvas>`
Camera bewegung eingefügt 3 years ago			`</section>`
+Uranus hinzugefügt +Laufbahnen überarbeitet 4 years ago			`</main>`
Sonne Mond und Erde hinzugefügt. 4 years ago			`</body>`
			`</html>`