added 2 machines for metallic, and added dropdown menus because we ran out of space

content/Metallic-EMCO_360.html

@@ -27,6 +27,6 @@
 <main role="main" class="container">
   <div class="container">
     <p><iframe id="myIframe" src="ressources/lib/web/viewer.html?file=../../../ressources/EMCO_360.pdf"></iframe></p>
-    <p><a class="btn btn-primary btn-lg" href="ressoures/lib/web/viewer.html?file=../../../ressources/EMCO_360.pdf" role="button">PDF öffnen</a></p>
+    <p><a class="btn btn-primary btn-lg" href="ressources/lib/web/viewer.html?file=../../../ressources/EMCO_360.pdf" role="button">PDF öffnen</a></p>
  </div>
 </main>

content/Metallic-Kunzmann_Voest_DA250.html

@@ -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="ressources/lib/web/viewer.html?file=../../../ressources/Voest_DA250.pdf"></iframe></p>
+    <p><a class="btn btn-primary btn-lg" href="ressources/lib/web/viewer.html?file=../../../ressources/Voest_DA250.pdf" role="button">PDF öffnen</a></p>
+ </div>
+</main>

content/Metallic-Kunzmann_WF_400M.html

@@ -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="ressources/lib/web/viewer.html?file=../../../ressources/Kunzmann_WF_400M.pdf"></iframe></p>
+    <p><a class="btn btn-primary btn-lg" href="ressources/lib/web/viewer.html?file=../../../ressources/Kunzmann_WF_400M.pdf" role="button">PDF öffnen</a></p>
+ </div>
+</main>

genHTML.sh

@@ -40,22 +40,33 @@ insNavbar(){
 
 	cat <<< '<a class="navbar-brand" href="#">Navigation</a>'
 
-	for navitem in content/*.html
+	#dropdown for metallic
+	cat <<< '
+    <li class="nav-item dropdown">
+    <a class="nav-link dropdown-toggle" href="#" id="dropdown-metallic" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Metallic</a>
+	<div class="dropdown-menu" aria-labelledby="dropdown-metallic">
+	'
+	for navitem in content/Metallic-*.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>'
+		cat <<< "<a class=\"dropdown-item\" href=\"$(basename $navitem)\">$pagename</a>"
 	done
-	cat <<< '</ul>'
-	cat <<< '</div>'
-	cat <<< '</nav></header>'
+	cat <<< '</div></li>'
+
+	#dropdown for itlab
+	cat <<< '
+    <li class="nav-item dropdown">
+    <a class="nav-link dropdown-toggle" href="#" id="dropdown-itlab" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">IT-LAB</a>
+	<div class="dropdown-menu" aria-labelledby="dropdown-itlab">
+	'
+	for navitem in content/IT-LAB-*.html
+	do
+		pagename=$(basename $navitem .html)
+		cat <<< "<a class=\"dropdown-item\" href=\"$(basename $navitem)\">$pagename</a>"
+	done
+	cat <<< '</div></li>'
+
+	cat <<< '</ul></div></nav></header>'
 	# end navbar content
 }