Initial Commit

This commit is contained in:
Patrick Tschuchnig 2019-02-11 15:36:19 +01:00
commit e8d931b764
481 changed files with 125242 additions and 0 deletions

17
README.md Normal file
View File

@ -0,0 +1,17 @@
# Website-Generator für die QR-Code-Webpage
Erzeugt pseudo-dynamisch den Source-Code für die QR-Website. Der Hauptteil des Codes befindet sich in einem Shell-Script, welches einfach den Inhalt des Verzeichnisses `content/` ausliest. HTML-Dateien in diesem Ordner werden in die Navbar eingefügt, und für jede Datei wird einmal der Kopf und der Fuß des HTML Layouts angefügt. Die Ausgabe des Scripts landet im `output/`-Ordner.
Die Dateien im `content`-Ordner sollten mit einem `<main>`-Tag beginnen und enden.
Inhalte von `script.html` und `footer.html`werden automatisch in jede Seite kopiert.
Als Vorlage diente das Bootstrap-Example `sticky footer navbar`[^ex]
# QR-Code Generator
`qrencode.sh` ist ein Script welches automatisch QR-Codes mit Links für unseren Webhost auf `itlabs.at` bei Hoststar erzeugt. Auch dieses Script ließt aus dem `content`-Ordner aus.
Damit das Script ordnungsgemäß funktioniert wird "qrencode" auf Linux benötigt![^qre]
[^qre]:[qrencode](https://fukuchi.org/works/qrencode/)
[^ex]: [Bootstrap Example: Sticky Footer Navbar](https://getbootstrap.com/docs/4.0/examples/sticky-footer-navbar/)

View File

@ -0,0 +1,13 @@
<main role="main" class="container">
<div class="container mt-3">
<div class="row" style="padding: 25px">
<div class="col-md-8">
<h3>IT - Coach</h3>
<p>In diesem Raum befindet sich unser IT-Coach, Elisabeth Laure-Pirker. Sie betreut die Lehrlinge und managet sämtliche organisatorische Angelegenheiten bezüglich der Lehrlinge. Sie ist sehr hilfsbereit und steht bei weiteren Fragen ihnen gerne zur Verfügung.</p>
</div>
<div class="col-md-4">
<img src="ressources/laurepirker.png" width="100%">
</div>
</div>
</div>
</main>

60
content/IT-LAB-Labor.html Normal file
View File

@ -0,0 +1,60 @@
<main role="main" class="container">
<div class="container mt-3">
<div class="container-fluid">
<h2>IT - Labor</h2>
<div class="row" style="padding: 25px">
<div class="col-md-8">
<p>Das Labor ist der perfekte Raum um die vielen Projektideen zu realisieren.</p>
</div>
<div class="col-md-4">
<img src="ressources/IT-Labor.jpg" width="100%">
</div>
</div>
<h2>Projekte</h2>
<div class="row" style="padding: 25px">
<div class="col-md-8">
<h3>LED - Cube</h3>
<p>Der LED Cube besteht aus <b>512 LEDs</b> welche über einem Arduino (Micro Controller) gesteuert wird. Darunter wurden mehrere Elektronische Komponenten verbaut die was für den Verbrauch und für die Aufteilung der Stromflüsse zuständig sind.
Durch die <b>8x8x8 Aufteilung</b> bestehen viele Möglichkeiten Strukturen sowie 3D-Abbildungen zu reproduzieren. Man kann jede einzelne LED programmieren und sowohl auch über eine Fernbedienung steuern.</p>
</div>
<div class="col-md-4">
<img src="ressources/LEDCube.jpg" width="100%">
</div>
</div>
<div class="row" style="padding: 25px">
<div class="col-md-8">
<h3>3D - Drucker</h3>
<p>Der 3D-Drucker <b>Ultimater 3 Extented</b> dient dazu 3D-Modelle auszudrucken. Wir haben mit dem Drucker schon viele Objekte ausgedruckt, darunter auch die Teile für das <b>Projekt „Roboterhand“</b>. Der Drucker arbeitet mit 2 Düsen, die mit Haupt- und Stützmaterial ausgestattet sind.</p>
</div>
<div class="col-md-4">
<img src="ressources/3DDrucker.jpg" width="100%">
</div>
</div>
<div class="row" style="padding: 25px">
<div class="col-md-8">
<h3>Ampel</h3>
<p>Unter <b>zwei Raspberry Pis</b> wird eine Verbindung aufgebaut. Ein Raspberry Pi fungiert als Server und der zweite als Client. Die Kommunikation unter den Zwei Raspberry Pis geschieht durch das interne Netzwerk mit einem <b>selbst geschrieben Python Script</b>. Durch eine Taste am Arduino Board wird ein Python-Script am Server ausgeführt, welches die Ampel Steuerung startet.</p>
</div>
<div class="col-md-4">
<img src="ressources/Ampel.jpg" width="100%">
</div>
</div>
<div class="row" style="padding: 25px">
<div class="col-md-8">
<h3>Cluster</h3>
<p>Die <b>Webserver</b> sind in einem Cluster zusammengeschalten.
Der Loadbalancer sorgt dafür, dass die Webserver <b>gleichmäßig ausgelastet</b> sind, beziehungsweise die User gleichmäßig auf den Servern aufgeteilt sind. Der Loadbalancer bekommt von einem PC eine Anfrage, ob dieser auf einen der Server zugreifen kann. Daraufhin sieht der Loadbalancer nach, welcher Server frei bzw. die wenigsten User hat und verbindet den PC mit dem Server.</p>
</div>
<div class="col-md-4">
<img src="ressources/cluster.png" width="100%">
</div>
</div>
</div>
</div>
</main>

View File

@ -0,0 +1,54 @@
<main role="main" class="container">
<div class="container mt-3">
<div class="container-fluid">
<div class="bg-light">
<div class="row" style="padding: 5px">
<div class="col-md-12">
<h3>Lehrsaal1</h3>
</div>
</div>
<div class="row" style="padding: 5px">
<div class="col-md-7">
<p>In diesem Raum finden die theoretischen Lehrstunden statt. Jeder Trainer unterrichtet verschiedenste IT-Fachbezogene Gegenstände in diesen Lehrsälen.</p>
</div>
<div class="col-md-5">
<img src="ressources/Lehrsaal1.jpg" width="100%" class="rounded">
</div>
</div>
</div>
<div class= bg-light">
<div class="row"style="padding: 5px">
<div class="col-md-12">
<h3>Lehrsaal 2</h3>
</div>
</div>
<div class="row" style="padding: 5px">
<div class="col-md-5">
<img src="ressources/Lehrsaal2.jpg" width="100%" class="rounded">
</div>
<div class="col-md-7">
<p>In diesem Raum finden die theoretischen Lehrstunden statt. Jeder Trainer unterrichtet verschiedenste IT-Fachbezogene Gegenstände.</p>
</div>
</div>
</div>
<div class="bg-light">
<div class="row" style="padding: 5px">
<div class="col-md-12">
<h3>Seminarraum</h3>
</div>
</div>
<div class="row" style="padding: 25px">
<div class="col-md-7">
<p>Dieser Raum wird für Besprechungen und Projektplannung verwenden.</p>
</div>
<div class="col-md-5">
<img src="ressources/Seminarraum.jpg" width="100%" class="rounded">
</div>
</div>
</div>
</div>
</main>

View File

@ -0,0 +1,13 @@
<main role="main" class="container">
<div class="container mt-3">
<div class="row" style="padding: 25px">
<div class="col-md-8">
<h3>IT - Leitung</h3>
<p>Von diesem Raum aus steuert die Leitung des IT@-L@Bs St. Stefan die gesamte Institution. Der Hauptverantwortliche in diesem Unterfangen ist Arthur Streussnig, ein Mann der die Leitung des IT-L@Bs mit Leidenschaft und Ehrgeiz durchführt und nur das Beste für seine Lehrlinge im Sinn hat.</p>
</div>
<div class="col-md-4">
<img src="ressources/streussnig.jpg" width="100%">
</div>
</div>
</div>
</main>

View File

@ -0,0 +1,32 @@
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
#myIframe {
width: 100%;
height: 1000px;
}
}
@media (max-width: 640px) {
#myIframe {
width: auto;
height: 500px;
}
#viewerContainer {
overflow-x: inherit;
}
}
</style>
<main role="main" class="container">
<div class="container">
<p><iframe id="myIframe" src="lib/web/viewer.html?file=../../ressources/DMU_50.pdf"></iframe></p>
<p><a class="btn btn-primary btn-lg" href="lib/web/viewer.html?file=../../ressources/DMU_50.pdf" role="button">PDF öffnen</a></p>
</div>
</main>

View File

@ -0,0 +1,32 @@
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
#myIframe {
width: 100%;
height: 1000px;
}
}
@media (max-width: 640px) {
#myIframe {
width: auto;
height: 500px;
}
#viewerContainer {
overflow-x: inherit;
}
}
</style>
<main role="main" class="container">
<div class="container">
<p><iframe id="myIframe" src="lib/web/viewer.html?file=../../ressources/DMC_635.pdf"></iframe></p>
<p><a class="btn btn-primary btn-lg" href="lib/web/viewer.html?file=../../ressources/DMC_635.pdf" role="button">PDF öffnen</a></p>
</div>
</main>

View File

@ -0,0 +1,32 @@
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
#myIframe {
width: 100%;
height: 1000px;
}
}
@media (max-width: 640px) {
#myIframe {
width: auto;
height: 500px;
}
#viewerContainer {
overflow-x: inherit;
}
}
</style>
<main role="main" class="container">
<div class="container">
<p><iframe id="myIframe" src="lib/web/viewer.html?file=../../ressources/EMCO_332.pdf"></iframe></p>
<p><a class="btn btn-primary btn-lg" href="lib/web/viewer.html?file=../../ressources/EMCO_332.pdf" role="button">PDF öffnen</a></p>
</div>
</main>

View File

@ -0,0 +1,32 @@
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
#myIframe {
width: 100%;
height: 1000px;
}
}
@media (max-width: 640px) {
#myIframe {
width: auto;
height: 500px;
}
#viewerContainer {
overflow-x: inherit;
}
}
</style>
<main role="main" class="container">
<div class="container">
<p><iframe id="myIframe" src="lib/web/viewer.html?file=../../ressources/EMCO_360.pdf"></iframe></p>
<p><a class="btn btn-primary btn-lg" href="lib/web/viewer.html?file=../../ressources/EMCO_360.pdf" role="button">PDF öffnen</a></p>
</div>
</main>

5
footer.html Normal file
View File

@ -0,0 +1,5 @@
<footer class="footer">
<div class="container">
<span class="text-muted">© 2019, BFI Ausbildungszentrum St. Stefan im Lavanttal</span>
</div>
</footer>

71
genHTML.sh Executable file
View File

@ -0,0 +1,71 @@
#!/bin/bash
rm -r output/*.html
genHTML(){
content=$1
cat <<< '<!DOCTYPE html>
<html lang="de">'
cat <<< '
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="https://getbootstrap.com/favicon.ico">
<!-- please dont judge me, im not getting paid for this. -->'
cat <<< "<title>$(basename $content .html)</title>"
cat <<< '
<!-- Bootstrap core CSS -->
<link href="ressources/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="ressources/sticky-footer-navbar.css" rel="stylesheet">
</head>'
# begin navbar content
cat <<< '<header><nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">'
cat <<< '<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>'
cat <<< '<div class="collapse navbar-collapse" id="navbarCollapse">'
cat <<< '<ul class="navbar-nav mr-auto">'
cat <<< '<a class="navbar-brand" href="#">Navigation</a>'
for navitem in content/*.html
do
pagename=$(basename $navitem .html)
if [[ "$navitem" == "$content" ]]
then
cat <<< '<li class="nav-item active">'
cat <<< "<a class=\"nav-link\" href=\"#\">$pagename</a>"
else
cat <<< '<li class="nav-item">'
cat <<< "<a class=\"nav-link\" href=\"$(basename $navitem)\">$pagename</a>"
fi
cat <<< '</li>'
done
cat <<< '</ul>'
cat <<< '</div>'
cat <<< '</nav></header>'
# end navbar content
cat <<< '<body>'
# begin main content
cat $content
# end main conteint
cat footer.html
cat scripts.html
cat <<< '</body></html>'
}
for content in content/*.html
do
genHTML $content > output/$(basename $content)
done

71
index.html Normal file
View File

@ -0,0 +1,71 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="https://getbootstrap.com/favicon.ico">
<title>Sticky Footer Navbar Template for Bootstrap</title>
<!-- Bootstrap core CSS -->
<link href="ressources/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="ressources/sticky-footer-navbar.css" rel="stylesheet">
</head>
<body>
<header>
<!-- Fixed navbar -->
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<a class="navbar-brand" href="#">Fixed navbar</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Disabled</a>
</li>
</ul>
<form class="form-inline mt-2 mt-md-0">
<input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
</div>
</nav>
</header>
<!-- Begin page content -->
<main role="main" class="container">
<h1 class="mt-5">Sticky footer with fixed navbar</h1>
<p class="lead">Pin a fixed-height footer to the bottom of the
viewport in desktop browsers with this custom HTML and CSS. A fixed
navbar has been added with <code>padding-top: 60px;</code> on the <code>body &gt; .container</code>.</p>
<p>Back to <a href="https://getbootstrap.com/docs/4.0/examples/sticky-footer">the default sticky footer</a> minus the navbar.</p>
</main>
<footer class="footer">
<div class="container">
<span class="text-muted">Place sticky footer content here.</span>
</div>
</footer>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="ressources/jquery-3.js"></script>
<script src="ressources/popper.js"></script>
<script src="ressources/bootstrap.js"></script>
</body></html>

88
output/.html Normal file
View File

@ -0,0 +1,88 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="https://getbootstrap.com/favicon.ico">
<title>Sticky Footer Navbar Template for Bootstrap</title>
<!-- Bootstrap core CSS -->
<link href="ressources/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="ressources/sticky-footer-navbar.css" rel="stylesheet">
</head><header><nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto">
<a class="navbar-brand" href="#">Navigation></a>
<li class="nav-item active">
<a class="nav-link" href="#">ls2</a>
</li>
<li class="nav-item">
<a class="nav-link" href="content/ls.html">ls</a>
</li>
</ul>
</div>
</nav></header>
<body>
<main role="main" class="container">
<h1 class="mt-5">Sticky footer with fixed navbar</h1>
<p class="lead">Pin a fixed-height footer to the bottom of the
viewport in desktop browsers with this custom HTML and CSS. A fixed
navbar has been added with <code>padding-top: 60px;</code> on the <code>body &gt; .container</code>.</p>
<p>Back to <a href="https://getbootstrap.com/docs/4.0/examples/sticky-footer">the default sticky footer</a> minus the navbar.</p>
</main><footer class="footer">
<div class="container">
<span class="text-muted">Place sticky footer content here.</span>
</div>
</footer>
</body></html>
<!DOCTYPE html>
<html lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="https://getbootstrap.com/favicon.ico">
<title>Sticky Footer Navbar Template for Bootstrap</title>
<!-- Bootstrap core CSS -->
<link href="ressources/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="ressources/sticky-footer-navbar.css" rel="stylesheet">
</head><header><nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto">
<a class="navbar-brand" href="#">Navigation></a>
<li class="nav-item">
<a class="nav-link" href="content/ls2.html">ls2</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#">ls</a>
</li>
</ul>
</div>
</nav></header>
<body>
<main role="main" class="container">
<h1 class="mt-5">Sticky footer with fixed navbar</h1>
<p class="lead">Pin a fixed-height footer to the bottom of the
viewport in desktop browsers with this custom HTML and CSS. A fixed
navbar has been added with <code>padding-top: 60px;</code> on the <code>body &gt; .container</code>.</p>
<p>Back to <a href="https://getbootstrap.com/docs/4.0/examples/sticky-footer">the default sticky footer</a> minus the navbar.</p>
</main><footer class="footer">
<div class="container">
<span class="text-muted">Place sticky footer content here.</span>
</div>
</footer>
</body></html>

View File

@ -0,0 +1,73 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="https://getbootstrap.com/favicon.ico">
<!-- please dont judge me, im not getting paid for this. -->
<title>IT-LAB-Coaches</title>
<!-- Bootstrap core CSS -->
<link href="ressources/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="ressources/sticky-footer-navbar.css" rel="stylesheet">
</head>
<header><nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto">
<a class="navbar-brand" href="#">Navigation</a>
<li class="nav-item active">
<a class="nav-link" href="#">IT-LAB-Coaches</a>
</li>
<li class="nav-item">
<a class="nav-link" href="IT-LAB-Labor.html">IT-LAB-Labor</a>
</li>
<li class="nav-item">
<a class="nav-link" href="IT-LAB-Lehrsaal.html">IT-LAB-Lehrsaal</a>
</li>
<li class="nav-item">
<a class="nav-link" href="IT-LAB-Leitung.html">IT-LAB-Leitung</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Metallic-DMC_50.html">Metallic-DMC_50</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Metallic-DMC_635.html">Metallic-DMC_635</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Metallic-EMCO_332.html">Metallic-EMCO_332</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Metallic-EMCO_360.html">Metallic-EMCO_360</a>
</li>
</ul>
</div>
</nav></header>
<body>
<main role="main" class="container">
<div class="container mt-3">
<div class="row" style="padding: 25px">
<div class="col-md-8">
<h3>IT - Coach</h3>
<p>In diesem Raum befindet sich unser IT-Coach, Elisabeth Laure-Pirker. Sie betreut die Lehrlinge und managet sämtliche organisatorische Angelegenheiten bezüglich der Lehrlinge. Sie ist sehr hilfsbereit und steht bei weiteren Fragen ihnen gerne zur Verfügung.</p>
</div>
<div class="col-md-4">
<img src="ressources/laurepirker.png" width="100%">
</div>
</div>
</div>
</main><footer class="footer">
<div class="container">
<span class="text-muted">© 2019, BFI Ausbildungszentrum St. Stefan im Lavanttal</span>
</div>
</footer>
<script src="lib/web/viewer.js"></script>
<script src="ressources/jquery-3.js"></script>
<script src="ressources/popper.js"></script>
<script src="ressources/bootstrap.js"></script>
</body></html>

121
output/IT-LAB-Labor.html Normal file
View File

@ -0,0 +1,121 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="https://getbootstrap.com/favicon.ico">
<!-- please dont judge me, im not getting paid for this. -->
<title>IT-LAB-Labor</title>
<!-- Bootstrap core CSS -->
<link href="ressources/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="ressources/sticky-footer-navbar.css" rel="stylesheet">
</head>
<header><nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto">
<a class="navbar-brand" href="#">Navigation</a>
<li class="nav-item">
<a class="nav-link" href="IT-LAB-Coaches.html">IT-LAB-Coaches</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#">IT-LAB-Labor</a>
</li>
<li class="nav-item">
<a class="nav-link" href="IT-LAB-Lehrsaal.html">IT-LAB-Lehrsaal</a>
</li>
<li class="nav-item">
<a class="nav-link" href="IT-LAB-Leitung.html">IT-LAB-Leitung</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Metallic-DMC_50.html">Metallic-DMC_50</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Metallic-DMC_635.html">Metallic-DMC_635</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Metallic-EMCO_332.html">Metallic-EMCO_332</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Metallic-EMCO_360.html">Metallic-EMCO_360</a>
</li>
</ul>
</div>
</nav></header>
<body>
<main role="main" class="container">
<div class="container mt-3">
<div class="container-fluid">
<h2>IT - Labor</h2>
<div class="row" style="padding: 25px">
<div class="col-md-8">
<p>Das Labor ist der perfekte Raum um die vielen Projektideen zu realisieren.</p>
</div>
<div class="col-md-4">
<img src="ressources/IT-Labor.jpg" width="100%">
</div>
</div>
<h2>Projekte</h2>
<div class="row" style="padding: 25px">
<div class="col-md-8">
<h3>LED - Cube</h3>
<p>Der LED Cube besteht aus <b>512 LEDs</b> welche über einem Arduino (Micro Controller) gesteuert wird. Darunter wurden mehrere Elektronische Komponenten verbaut die was für den Verbrauch und für die Aufteilung der Stromflüsse zuständig sind.
Durch die <b>8x8x8 Aufteilung</b> bestehen viele Möglichkeiten Strukturen sowie 3D-Abbildungen zu reproduzieren. Man kann jede einzelne LED programmieren und sowohl auch über eine Fernbedienung steuern.</p>
</div>
<div class="col-md-4">
<img src="ressources/LEDCube.jpg" width="100%">
</div>
</div>
<div class="row" style="padding: 25px">
<div class="col-md-8">
<h3>3D - Drucker</h3>
<p>Der 3D-Drucker <b>Ultimater 3 Extented</b> dient dazu 3D-Modelle auszudrucken. Wir haben mit dem Drucker schon viele Objekte ausgedruckt, darunter auch die Teile für das <b>Projekt „Roboterhand“</b>. Der Drucker arbeitet mit 2 Düsen, die mit Haupt- und Stützmaterial ausgestattet sind.</p>
</div>
<div class="col-md-4">
<img src="ressources/3DDrucker.jpg" width="100%">
</div>
</div>
<div class="row" style="padding: 25px">
<div class="col-md-8">
<h3>Ampel</h3>
<p>Unter <b>zwei Raspberry Pis</b> wird eine Verbindung aufgebaut. Ein Raspberry Pi fungiert als Server und der zweite als Client. Die Kommunikation unter den Zwei Raspberry Pis geschieht durch das interne Netzwerk mit einem <b>selbst geschrieben Python Script</b>. Durch eine Taste am Arduino Board wird ein Python-Script am Server ausgeführt, welches die Ampel Steuerung startet.</p>
</div>
<div class="col-md-4">
<img src="ressources/Ampel.jpg" width="100%">
</div>
</div>
<div class="row" style="padding: 25px">
<div class="col-md-8">
<h3>Cluster</h3>
<p>Die <b>Webserver</b> sind in einem Cluster zusammengeschalten.
Der Loadbalancer sorgt dafür, dass die Webserver <b>gleichmäßig ausgelastet</b> sind, beziehungsweise die User gleichmäßig auf den Servern aufgeteilt sind. Der Loadbalancer bekommt von einem PC eine Anfrage, ob dieser auf einen der Server zugreifen kann. Daraufhin sieht der Loadbalancer nach, welcher Server frei bzw. die wenigsten User hat und verbindet den PC mit dem Server.</p>
</div>
<div class="col-md-4">
<img src="ressources/cluster.png" width="100%">
</div>
</div>
</div>
</div>
</main>
<footer class="footer">
<div class="container">
<span class="text-muted">© 2019, BFI Ausbildungszentrum St. Stefan im Lavanttal</span>
</div>
</footer>
<script src="lib/web/viewer.js"></script>
<script src="ressources/jquery-3.js"></script>
<script src="ressources/popper.js"></script>
<script src="ressources/bootstrap.js"></script>
</body></html>

115
output/IT-LAB-Lehrsaal.html Normal file
View File

@ -0,0 +1,115 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="https://getbootstrap.com/favicon.ico">
<!-- please dont judge me, im not getting paid for this. -->
<title>IT-LAB-Lehrsaal</title>
<!-- Bootstrap core CSS -->
<link href="ressources/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="ressources/sticky-footer-navbar.css" rel="stylesheet">
</head>
<header><nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto">
<a class="navbar-brand" href="#">Navigation</a>
<li class="nav-item">
<a class="nav-link" href="IT-LAB-Coaches.html">IT-LAB-Coaches</a>
</li>
<li class="nav-item">
<a class="nav-link" href="IT-LAB-Labor.html">IT-LAB-Labor</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#">IT-LAB-Lehrsaal</a>
</li>
<li class="nav-item">
<a class="nav-link" href="IT-LAB-Leitung.html">IT-LAB-Leitung</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Metallic-DMC_50.html">Metallic-DMC_50</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Metallic-DMC_635.html">Metallic-DMC_635</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Metallic-EMCO_332.html">Metallic-EMCO_332</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Metallic-EMCO_360.html">Metallic-EMCO_360</a>
</li>
</ul>
</div>
</nav></header>
<body>
<main role="main" class="container">
<div class="container mt-3">
<div class="container-fluid">
<div class="bg-light">
<div class="row" style="padding: 5px">
<div class="col-md-12">
<h3>Lehrsaal1</h3>
</div>
</div>
<div class="row" style="padding: 5px">
<div class="col-md-7">
<p>In diesem Raum finden die theoretischen Lehrstunden statt. Jeder Trainer unterrichtet verschiedenste IT-Fachbezogene Gegenstände in diesen Lehrsälen.</p>
</div>
<div class="col-md-5">
<img src="ressources/Lehrsaal1.jpg" width="100%" class="rounded">
</div>
</div>
</div>
<div class= bg-light">
<div class="row"style="padding: 5px">
<div class="col-md-12">
<h3>Lehrsaal 2</h3>
</div>
</div>
<div class="row" style="padding: 5px">
<div class="col-md-5">
<img src="ressources/Lehrsaal2.jpg" width="100%" class="rounded">
</div>
<div class="col-md-7">
<p>In diesem Raum finden die theoretischen Lehrstunden statt. Jeder Trainer unterrichtet verschiedenste IT-Fachbezogene Gegenstände.</p>
</div>
</div>
</div>
<div class="bg-light">
<div class="row" style="padding: 5px">
<div class="col-md-12">
<h3>Seminarraum</h3>
</div>
</div>
<div class="row" style="padding: 25px">
<div class="col-md-7">
<p>Dieser Raum wird für Besprechungen und Projektplannung verwenden.</p>
</div>
<div class="col-md-5">
<img src="ressources/Seminarraum.jpg" width="100%" class="rounded">
</div>
</div>
</div>
</div>
</main>
<footer class="footer">
<div class="container">
<span class="text-muted">© 2019, BFI Ausbildungszentrum St. Stefan im Lavanttal</span>
</div>
</footer>
<script src="lib/web/viewer.js"></script>
<script src="ressources/jquery-3.js"></script>
<script src="ressources/popper.js"></script>
<script src="ressources/bootstrap.js"></script>
</body></html>

View File

@ -0,0 +1,74 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="https://getbootstrap.com/favicon.ico">
<!-- please dont judge me, im not getting paid for this. -->
<title>IT-LAB-Leitung</title>
<!-- Bootstrap core CSS -->
<link href="ressources/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="ressources/sticky-footer-navbar.css" rel="stylesheet">
</head>
<header><nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto">
<a class="navbar-brand" href="#">Navigation</a>
<li class="nav-item">
<a class="nav-link" href="IT-LAB-Coaches.html">IT-LAB-Coaches</a>
</li>
<li class="nav-item">
<a class="nav-link" href="IT-LAB-Labor.html">IT-LAB-Labor</a>
</li>
<li class="nav-item">
<a class="nav-link" href="IT-LAB-Lehrsaal.html">IT-LAB-Lehrsaal</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#">IT-LAB-Leitung</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Metallic-DMC_50.html">Metallic-DMC_50</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Metallic-DMC_635.html">Metallic-DMC_635</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Metallic-EMCO_332.html">Metallic-EMCO_332</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Metallic-EMCO_360.html">Metallic-EMCO_360</a>
</li>
</ul>
</div>
</nav></header>
<body>
<main role="main" class="container">
<div class="container mt-3">
<div class="row" style="padding: 25px">
<div class="col-md-8">
<h3>IT - Leitung</h3>
<p>Von diesem Raum aus steuert die Leitung des IT@-L@Bs St. Stefan die gesamte Institution. Der Hauptverantwortliche in diesem Unterfangen ist Arthur Streussnig, ein Mann der die Leitung des IT-L@Bs mit Leidenschaft und Ehrgeiz durchführt und nur das Beste für seine Lehrlinge im Sinn hat.</p>
</div>
<div class="col-md-4">
<img src="ressources/streussnig.jpg" width="100%">
</div>
</div>
</div>
</main>
<footer class="footer">
<div class="container">
<span class="text-muted">© 2019, BFI Ausbildungszentrum St. Stefan im Lavanttal</span>
</div>
</footer>
<script src="lib/web/viewer.js"></script>
<script src="ressources/jquery-3.js"></script>
<script src="ressources/popper.js"></script>
<script src="ressources/bootstrap.js"></script>
</body></html>

View File

@ -0,0 +1,93 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="https://getbootstrap.com/favicon.ico">
<!-- please dont judge me, im not getting paid for this. -->
<title>Metallic-DMC_50</title>
<!-- Bootstrap core CSS -->
<link href="ressources/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="ressources/sticky-footer-navbar.css" rel="stylesheet">
</head>
<header><nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto">
<a class="navbar-brand" href="#">Navigation</a>
<li class="nav-item">
<a class="nav-link" href="IT-LAB-Coaches.html">IT-LAB-Coaches</a>
</li>
<li class="nav-item">
<a class="nav-link" href="IT-LAB-Labor.html">IT-LAB-Labor</a>
</li>
<li class="nav-item">
<a class="nav-link" href="IT-LAB-Lehrsaal.html">IT-LAB-Lehrsaal</a>
</li>
<li class="nav-item">
<a class="nav-link" href="IT-LAB-Leitung.html">IT-LAB-Leitung</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#">Metallic-DMC_50</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Metallic-DMC_635.html">Metallic-DMC_635</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Metallic-EMCO_332.html">Metallic-EMCO_332</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Metallic-EMCO_360.html">Metallic-EMCO_360</a>
</li>
</ul>
</div>
</nav></header>
<body>
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
#myIframe {
width: 100%;
height: 1000px;
}
}
@media (max-width: 640px) {
#myIframe {
width: auto;
height: 500px;
}
#viewerContainer {
overflow-x: inherit;
}
}
</style>
<main role="main" class="container">
<div class="container">
<p><iframe id="myIframe" src="lib/web/viewer.html?file=../../ressources/DMU_50.pdf"></iframe></p>
<p><a class="btn btn-primary btn-lg" href="lib/web/viewer.html?file=../../ressources/DMU_50.pdf" role="button">PDF öffnen</a></p>
</div>
</main>
<footer class="footer">
<div class="container">
<span class="text-muted">© 2019, BFI Ausbildungszentrum St. Stefan im Lavanttal</span>
</div>
</footer>
<script src="lib/web/viewer.js"></script>
<script src="ressources/jquery-3.js"></script>
<script src="ressources/popper.js"></script>
<script src="ressources/bootstrap.js"></script>
</body></html>

View File

@ -0,0 +1,93 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="https://getbootstrap.com/favicon.ico">
<!-- please dont judge me, im not getting paid for this. -->
<title>Metallic-DMC_635</title>
<!-- Bootstrap core CSS -->
<link href="ressources/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="ressources/sticky-footer-navbar.css" rel="stylesheet">
</head>
<header><nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto">
<a class="navbar-brand" href="#">Navigation</a>
<li class="nav-item">
<a class="nav-link" href="IT-LAB-Coaches.html">IT-LAB-Coaches</a>
</li>
<li class="nav-item">
<a class="nav-link" href="IT-LAB-Labor.html">IT-LAB-Labor</a>
</li>
<li class="nav-item">
<a class="nav-link" href="IT-LAB-Lehrsaal.html">IT-LAB-Lehrsaal</a>
</li>
<li class="nav-item">
<a class="nav-link" href="IT-LAB-Leitung.html">IT-LAB-Leitung</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Metallic-DMC_50.html">Metallic-DMC_50</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#">Metallic-DMC_635</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Metallic-EMCO_332.html">Metallic-EMCO_332</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Metallic-EMCO_360.html">Metallic-EMCO_360</a>
</li>
</ul>
</div>
</nav></header>
<body>
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
#myIframe {
width: 100%;
height: 1000px;
}
}
@media (max-width: 640px) {
#myIframe {
width: auto;
height: 500px;
}
#viewerContainer {
overflow-x: inherit;
}
}
</style>
<main role="main" class="container">
<div class="container">
<p><iframe id="myIframe" src="lib/web/viewer.html?file=../../ressources/DMC_635.pdf"></iframe></p>
<p><a class="btn btn-primary btn-lg" href="lib/web/viewer.html?file=../../ressources/DMC_635.pdf" role="button">PDF öffnen</a></p>
</div>
</main>
<footer class="footer">
<div class="container">
<span class="text-muted">© 2019, BFI Ausbildungszentrum St. Stefan im Lavanttal</span>
</div>
</footer>
<script src="lib/web/viewer.js"></script>
<script src="ressources/jquery-3.js"></script>
<script src="ressources/popper.js"></script>
<script src="ressources/bootstrap.js"></script>
</body></html>

View File

@ -0,0 +1,93 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="https://getbootstrap.com/favicon.ico">
<!-- please dont judge me, im not getting paid for this. -->
<title>Metallic-EMCO_332</title>
<!-- Bootstrap core CSS -->
<link href="ressources/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="ressources/sticky-footer-navbar.css" rel="stylesheet">
</head>
<header><nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto">
<a class="navbar-brand" href="#">Navigation</a>
<li class="nav-item">
<a class="nav-link" href="IT-LAB-Coaches.html">IT-LAB-Coaches</a>
</li>
<li class="nav-item">
<a class="nav-link" href="IT-LAB-Labor.html">IT-LAB-Labor</a>
</li>
<li class="nav-item">
<a class="nav-link" href="IT-LAB-Lehrsaal.html">IT-LAB-Lehrsaal</a>
</li>
<li class="nav-item">
<a class="nav-link" href="IT-LAB-Leitung.html">IT-LAB-Leitung</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Metallic-DMC_50.html">Metallic-DMC_50</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Metallic-DMC_635.html">Metallic-DMC_635</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#">Metallic-EMCO_332</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Metallic-EMCO_360.html">Metallic-EMCO_360</a>
</li>
</ul>
</div>
</nav></header>
<body>
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
#myIframe {
width: 100%;
height: 1000px;
}
}
@media (max-width: 640px) {
#myIframe {
width: auto;
height: 500px;
}
#viewerContainer {
overflow-x: inherit;
}
}
</style>
<main role="main" class="container">
<div class="container">
<p><iframe id="myIframe" src="lib/web/viewer.html?file=../../ressources/EMCO_332.pdf"></iframe></p>
<p><a class="btn btn-primary btn-lg" href="lib/web/viewer.html?file=../../ressources/EMCO_332.pdf" role="button">PDF öffnen</a></p>
</div>
</main>
<footer class="footer">
<div class="container">
<span class="text-muted">© 2019, BFI Ausbildungszentrum St. Stefan im Lavanttal</span>
</div>
</footer>
<script src="lib/web/viewer.js"></script>
<script src="ressources/jquery-3.js"></script>
<script src="ressources/popper.js"></script>
<script src="ressources/bootstrap.js"></script>
</body></html>

View File

@ -0,0 +1,93 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="https://getbootstrap.com/favicon.ico">
<!-- please dont judge me, im not getting paid for this. -->
<title>Metallic-EMCO_360</title>
<!-- Bootstrap core CSS -->
<link href="ressources/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="ressources/sticky-footer-navbar.css" rel="stylesheet">
</head>
<header><nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto">
<a class="navbar-brand" href="#">Navigation</a>
<li class="nav-item">
<a class="nav-link" href="IT-LAB-Coaches.html">IT-LAB-Coaches</a>
</li>
<li class="nav-item">
<a class="nav-link" href="IT-LAB-Labor.html">IT-LAB-Labor</a>
</li>
<li class="nav-item">
<a class="nav-link" href="IT-LAB-Lehrsaal.html">IT-LAB-Lehrsaal</a>
</li>
<li class="nav-item">
<a class="nav-link" href="IT-LAB-Leitung.html">IT-LAB-Leitung</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Metallic-DMC_50.html">Metallic-DMC_50</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Metallic-DMC_635.html">Metallic-DMC_635</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Metallic-EMCO_332.html">Metallic-EMCO_332</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#">Metallic-EMCO_360</a>
</li>
</ul>
</div>
</nav></header>
<body>
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
#myIframe {
width: 100%;
height: 1000px;
}
}
@media (max-width: 640px) {
#myIframe {
width: auto;
height: 500px;
}
#viewerContainer {
overflow-x: inherit;
}
}
</style>
<main role="main" class="container">
<div class="container">
<p><iframe id="myIframe" src="lib/web/viewer.html?file=../../ressources/EMCO_360.pdf"></iframe></p>
<p><a class="btn btn-primary btn-lg" href="lib/web/viewer.html?file=../../ressources/EMCO_360.pdf" role="button">PDF öffnen</a></p>
</div>
</main>
<footer class="footer">
<div class="container">
<span class="text-muted">© 2019, BFI Ausbildungszentrum St. Stefan im Lavanttal</span>
</div>
</footer>
<script src="lib/web/viewer.js"></script>
<script src="ressources/jquery-3.js"></script>
<script src="ressources/popper.js"></script>
<script src="ressources/bootstrap.js"></script>
</body></html>

23518
output/lib/build/pdf.js Normal file

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

55251
output/lib/build/pdf.worker.js vendored Normal file

File diff suppressed because it is too large Load Diff

1
output/lib/build/pdf.worker.js.map vendored Normal file

File diff suppressed because one or more lines are too long

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -0,0 +1,3 @@
àRCopyright 1990-2009 Adobe Systems Incorporated.
All rights reserved.
See ./LICENSEáCNS2-H

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -0,0 +1,3 @@
àRCopyright 1990-2009 Adobe Systems Incorporated.
All rights reserved.
See ./LICENSEá ETen-B5-H` ^

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -0,0 +1,4 @@
àRCopyright 1990-2009 Adobe Systems Incorporated.
All rights reserved.
See ./LICENSE!!<21>º]aX!!]`<60>21<32>> <09>p <0B>z<EFBFBD>$]<06>"Rd<E2809A>-Uƒ7<C692>*4„%<25>+ „Z „{<7B>/%…<<3C>9K…b<E280A6>1]†.<2E>" ‰`]‡,<2C>"]ˆ
<EFBFBD>"]ˆh<CB86>"]‰F<E280B0>"]Š$<24>"]<02>"]`<60>"]Œ><3E>"]<5D><1C>"]<5D>z<EFBFBD>"]ŽX<C5BD>"]<5D>6<EFBFBD>"]<5D><14>"]<5D>r<EFBFBD>"]P<E28098>"].<2E>"]“ <0C>"]“j<E2809C>"]”H<E2809D>"]•&<26>"]<04>"]b<E28093>"]—@<40>"]˜<1E>"]˜|<7C>"]™Z<E284A2>"]š8<C5A1>"]<16>"]t<E280BA>"]œR<C593>"]<5D>0<EFBFBD>"]ž<0E>"]žl<C5BE>"]ŸJ<C5B8>"] (<28>"]¡<06>"]¡d<C2A1>"]¢B<C2A2>"]£ <20>"X£~<7E>']¤W<C2A4>"]¥5<C2A5>"]¦<13>"]¦q<C2A6>"]§O<C2A7>"]¨-<2D>"]© <0B>"]©i<C2A9>"]ªG<C2AA>"]«%<25>"]¬<03>"]¬a<C2AC>"]­?<3F>"]®<1D>"]®{<7B>"]¯Y<C2AF>"]°7<C2B0>"]±<15>"]±s<C2B1>"]²Q<C2B2>"]³/<2F>"]´ <0A>"]´k<C2B4>"]µI<C2B5>"]¶'<27>"]·<05>"]·c<C2B7>"]¸A<C2B8>"]¹<1F>"]¹}<7D>"]º[<5B>"]»9

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Some files were not shown because too many files have changed in this diff Show More