diff --git a/img/footer/Innovative_Hochschule_Initiative_BMBF_GWK_RGB.png b/img/footer/Innovative_Hochschule_Initiative_BMBF_GWK_RGB.png new file mode 100644 index 0000000000000000000000000000000000000000..78dfdf5e1f68b8a7308bfa8f987029d027365150 Binary files /dev/null and b/img/footer/Innovative_Hochschule_Initiative_BMBF_GWK_RGB.png differ diff --git a/img/footer/M4_LAB_LOGO_Graustufen.png b/img/footer/M4_LAB_LOGO_Graustufen.png new file mode 100644 index 0000000000000000000000000000000000000000..a6b0fcf05e607f2ffa3aea44ac7b923b96dcce94 Binary files /dev/null and b/img/footer/M4_LAB_LOGO_Graustufen.png differ diff --git a/img/header/Logozeile_Header.png b/img/header/Logozeile_Header.png new file mode 100644 index 0000000000000000000000000000000000000000..03fdc4c9a551e55e19f540d891ef89fd175d2d4f Binary files /dev/null and b/img/header/Logozeile_Header.png differ diff --git a/includes/headfoot.html b/includes/headfoot.html new file mode 100644 index 0000000000000000000000000000000000000000..e980372d1855896cd740f9564e6b29ae0d7c9bd2 --- /dev/null +++ b/includes/headfoot.html @@ -0,0 +1,227 @@ + + + + + + Transferportal HfT Stuttgart + + + + + + + + + + + +
+

test test test test

+

test test test test 123

+

test test test test

+

test test test test

+

test test test test

+
+

test test test test

+

test test test test

+

test test test test

+

test test test test

+

test test test test

+
+

test test test test

+

test test test test

+

test test test test

+

test test test test

+

test test test test

+
+
+ + +
+
+ +
+ +
+ +
+ Innovative Hochschule +
+ +
+ + M4_LAB +
+ +
+ + +
+ +
+ Hochschule für Technik Stuttgart + +
+ +
+ + + Kontakt + +
+ +
+ + + Impressum + +
+ +
+ + + Datenschutz + +
+
+
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/js/headfoot.js b/js/headfoot.js index dc8a87d3fc482a0fb5b4ecc0d25415518408b30f..d5c002a92e399c1747305575498f9aed271ad60a 100755 --- a/js/headfoot.js +++ b/js/headfoot.js @@ -43,37 +43,53 @@ function sendRequest(URL){ * creates header and prepends it to the documents body */ -function head(){ - let headerdiv = document.createElement('div'); - let alertdiv = document.createElement('div'); - headerdiv.classList.add("wrapper","row1"); - let navheader = document.createElement('header'); +function head() { + let navheader = document.createElement("header"); navheader.id = "header"; navheader.classList.add("clear"); - let alertbutton = document.createElement('button'); + + // disclaimer + let alertdiv = document.createElement("div"); + alertdiv.classList.add("alert", "alert-danger", "alert-dismissible", "fade", "show"); + alertdiv.style = "text-align:center;"; + alertdiv.innerHTML="Disclaimer This website is under construction and in prototype-phase. It is not for public use." + let alertbutton = document.createElement("button"); alertbutton.type = "button"; alertbutton.classList.add("close"); alertbutton.setAttribute("data-dismiss", "alert"); alertbutton.innerHTML = "×"; - alertdiv.innerHTML="Disclaimer This website is under construction and in prototype-phase. It is not for public use." prependChild(alertdiv, alertbutton); - alertdiv.classList.add('alert','alert-danger', 'alert-dismissible', 'fade','show'); - alertdiv.style = "text-align:center;"; - navheader.appendChild(alertdiv); - let navbar = document.createElement('nav'); - navbar.classList.add("navbar", "navbar-default"); - let fluiddiv = document.createElement('div'); - fluiddiv.classList.add("container-fluid"); - let navbardiv = document.createElement('div'); - navbardiv.classList.add("navbar-header"); - let navelements = document.createElement('ul'); - navelements.id="navelemente"; - let logos = document.createElement('li'); + + // navigation header + let navbar = document.createElement("nav"); + navbar.classList.add("navbar", "navbar-expand-md", "navbar-light"); + navbar.style = "background-color: #ffffff;"; + + let navbarcontainer = document.createElement("div"); + navbarcontainer.classList.add("container"); + + let navbarheader = document.createElement("div"); + navbarheader.classList.add("navbar-header"); + // navigation header - logo let link_m4lab = document.createElement('a'); link_m4lab.href = "/"; - link_m4lab.innerHTML = "Logo Innovationslabor M4_LAB"; - logos.appendChild(link_m4lab); - navelements.appendChild(logos); + link_m4lab.classList.add("navbar-brand"); + link_m4lab.innerHTML = "Logo Innovationslabor M4_LAB"; + navbarheader.appendChild(link_m4lab); + // navigation header - toggle button menu for mobile devices + let togglebutton = document.createElement('button'); + togglebutton.classList.add("navbar-toggler") + togglebutton.type = "button"; + togglebutton.setAttribute("data-toggle", "collapse"); + togglebutton.setAttribute("data-target", "#navbarCollapse"); + togglebutton.setAttribute("aria-controls", "navbarCollapse"); + togglebutton.setAttribute("aria-expanded", "false"); + togglebutton.setAttribute("aria-label", "Toggle navigation"); + togglebutton.innerHTML = ""; + // nav menu + let navelements = document.createElement('ul'); + navelements.id="navbarCollapse"; + navelements.classList.add("collapse", "nav", "navbar-collapse", "navbar-nav", "justify-content-end"); for(let j = 0; j