forked from marie-becker/WebEng21
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
75 lines (71 loc) · 4.15 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=3, user-scalable=yes, minimal-ui">
<script crossorigin="anonymous" src="https://kit.fontawesome.com/311699e670.js"></script>
<link href="./index.css" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Sora&display=swap" rel="stylesheet">
<title>Web Engineering Masterkurs</title>
<link rel="icon" type="image/x-icon" href="images/favicon.ico">
<script>
/* Toggle between adding and removing the "responsive" class to topnav when the user clicks on the icon
* https://www.w3schools.com/howto/howto_js_topnav_responsive.asp */
function myFunction() {
const x = document.getElementById("mySidenav");
if (x.className === "sidenav") {
x.className += " responsive";
} else {
x.className = "sidenav";
}
}
</script>
</head>
<body>
<div class="sidenav" id="mySidenav">
<a href="index.html" style="display: block"><i class="fa fa-home"></i></a>
<a href="01_Einfuehrung/uebung01.html" class="active">01 Einführung</a>
<a href="02_RWD/uebung02.html">02 RWD</a>
<a href="03_JavaScript/uebung03.html">03 JavaScript</a>
<a href="04_DOM/uebung04.html">04 DOM</a>
<a href="05_Async/uebung05.html">05 Async</a>
<a href="06_SVG/uebung06.html">06 SVG</a>
<a href="07_node/uebung07.html">07 Node</a>
<a href="08_ModularWeb/uebung08.html">08 ModularWeb</a>
<a href="09_PWA/uebung09.html">09 PWA</a>
<a href="10_Vue/uebung10.html">10 Vue</a>
<a href="11_WebAssembly/uebung11.html">11 WebAssembly</a>
<a href="12_Security/uebung12.html">12 Security</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>
<div class="main">
<h1>Web Engineering Masterkurs - Marie Becker</h1>
<h3>Herzlich willkommen auf dem Solutionmanager zu den Übungsaufgaben des Masterkurses Web Engineering!</h3>
<p class="welcometext">Alle Aufgaben wurden von mir selbst bearbeitet, benutzte Tools oder verwendete Fremdleistungen sind in der
Tabelle unten aufgelistet, die <a href="Leistungen.pdf" style="display: inline; color: #31abec" download=""><u>hier</u></a>
heruntergeladen werden kann. Der Sourcecode der Aufgabenlösungen kann jeweils durch einen Klick auf den <button style="margin: 0">Code</button> Button
eingesehen werden, alternativ ist der gesamte Solutionmanager auf
<a target="_blank" href="https://github.com/marie-becker/WebEng21" style="display: inline; color: #31abec"><u>GitHub</u></a> zu finden.<br>
Ein <a href="https://622b64b91bcf82003a1edd96-igwdvrhvns.chromatic.com/?path=/story/menu--primary" target="_blank" style="color: #31abec; display: inline"><u>Storybook</u></a>
wurde aufgesetzt, jedoch befindet sich darin nur die Menü-Komponente aus Aufgabe 10.2. Das entsprechende Repository ist ebenfalls auf
<a target="_blank" href="https://github.com/marie-becker/storybook" style="display: inline; color: #31abec"><u>GitHub</u></a> einsehbar.
Das Präsentationsvideo für den Solutionmanager ist auf <a target="_blank" href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" style="display: inline; color: #31abec"><u>Youtube</u></a> zu finden.</p>
<br><br>
<div id="adobe-dc-view" style=""></div>
<script src="https://documentcloud.adobe.com/view-sdk/main.js"></script>
<script type="text/javascript">
document.addEventListener("adobe_dc_view_sdk.ready", function () {
var adobeDCView = new AdobeDC.View({clientId: "206356e508714d4caac72388ee50dcbd", divId: "adobe-dc-view"});
adobeDCView.previewFile({
content: {location: {url: "Leistungen.pdf"}},
metaData: {fileName: "Leistungen.pdf"}
}, {embedMode: "SIZED_CONTAINER"}, {showAnnotationTools: true}, {dockPageControl: true}) ;
});
</script>
</div>
</body>
</html>