+
+ Abstract
+ ++ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque diam ipsum, nec + ultricies sem mollis et. Phasellus porttitor nec felis quis ultricies. In venenatis faucibus nisl + sed facilisis. Cras sapien nibh, dignissim at eros quis, commodo lobortis eros. Sed a massa + eleifend, dictum elit at, blandit magna. Nullam auctor enim nec orci luctus sagittis. Nunc blandit + quam nec laoreet egestas. Nulla feugiat nisl lacus, a viverra nisi hendrerit vitae. In nibh arcu, + sodales in enim tincidunt, tempus imperdiet ex. Aliquam fermentum augue magna, vel accumsan augue + consequat et. Vestibulum id interdum orci, a aliquam sapien. Vivamus eu ipsum sollicitudin, aliquet + arcu ut, ornare massa. Suspendisse tincidunt lectus a odio ultrices interdum. Praesent vitae sodales + urna, vitae sagittis ex. Vivamus tincidunt nisi ultrices lectus dapibus, at placerat nisl elementum. + Fusce cursus, sapien in tincidunt pellentesque, mi erat mollis nibh, ut maximus tortor magna vitae + nibh. +
+ +
",document.getElementById("logo").appendChild(e);let t=(e,t,l={},i=null)=>{let o=document.createElement(e);for(cls of t)o.classList.add(cls);return Object.keys(l).forEach(e=>{o.setAttribute(e,l[e])}),i&&(o.innerText=i),o},l=e=>{let l=t("div",["participant-social"]);for(i of e){let e=t("a",["social"],{title:i.agent,href:i.profile}),o=t("img",[],{src:i.icon});e.appendChild(o),l.appendChild(e)}return l},o={projectName:()=>{document.querySelector("#projectname").innerHTML=settings.projectName},menu:()=>{let e=document.createElement("ul");for(m of settings.menu){let l=document.createElement("li"),i=t("a",[],{href:m.link},m.menuText);l.appendChild(i),e.appendChild(l)}let l=document.querySelector("nav");l.appendChild(e);let i=document.querySelector(".hamburger");i.style.display="flex";let o=document.querySelector("header");i.addEventListener("click",()=>{i.classList.toggle("slide-hamburger"),l.classList.toggle("slide-nav"),o.classList.toggle("overflow-visible")})},participants:()=>{let e=document.querySelector(".footer"),i=t("ul",["footer-participants-container"]);for(p of settings.participants){let e=t("li",["participant"]),o=t("div",["participant-avatar"]),n=t("img",[],{src:p.avatar}),a=t("div",[],{},p.name),r=t("div",[],{},p.email);o.appendChild(n),e.appendChild(o),e.appendChild(a),e.appendChild(r),e.appendChild(l(p.social)),i.appendChild(e)}e.appendChild(i)},footerLogos:()=>{let e=document.querySelector(".footer"),l=t("ul",["footer-logo-container"]);for(fl of settings.footerLogos){let e=t("li",["footer-logo"]),i=t("a",[],{title:fl.title,href:fl.href}),o=t("img",[],{src:fl.logo});i.appendChild(o),e.appendChild(i),l.appendChild(e)}e.appendChild(l)}};for(swt of settings.switches)swt.state==ON&&o[swt.name]()}();
\ No newline at end of file
diff --git a/settings.js b/settings.js
new file mode 100644
index 0000000000000000000000000000000000000000..fdd8c26152954c05da658c654066ad149a0f2eae
--- /dev/null
+++ b/settings.js
@@ -0,0 +1,116 @@
+const ON = true;
+const OFF = false;
+const EMPTY_LINK = "javascript:undefined";
+const DEFAULT = {
+ social: {
+ twitter: {
+ icon: "/assets/images/twitter.png",
+ profile: "https://twitter.com/InnolabM4"
+ },
+ facebook: {
+ icon: "/assets/images/facebook.png",
+ profile: "https://www.facebook.com/HfTStuttgart"
+ },
+ linkedin: {
+ icon: "/assets/images/linkedin.png",
+ profile: "https://www.linkedin.com/school/hochschule-f%C3%BCr-technik-stuttgart-%E2%80%93-university-of-applied-sciences"
+ },
+ webpage: {
+ icon: "/assets/images/webpage.png",
+ profile: "https://www.hft-stuttgart.de"
+ }
+ },
+ avatar: "/assets/images/avatar.png"
+}
+
+let settings = {
+
+ switches: [
+ {
+ name: "projectName",
+ state: OFF
+ },
+ {
+ name: "menu",
+ state: OFF
+ },
+ {
+ name: "participants",
+ state: ON
+ },
+ {
+ name: "footerLogos",
+ state: OFF
+ }
+ ],
+
+ projectName: "M4_LAB Page Demo",
+
+ menu: [
+ {
+ menuText: "home",
+ link: "/home"
+ },
+ {
+ menuText: "bio",
+ link: "/bio"
+ },
+ {
+ menuText: "demo",
+ link: "http://example.com"
+ }
+ ],
+
+ participants: [
+ {
+ name: "Charlotte Doe",
+ avatar: "/assets/images/charlotte.jpg",
+ email: "charlotte.doe@lalaland.com",
+ social: [
+ {
+ agent: "twitter",
+ icon: DEFAULT.social.twitter.icon,
+ profile: DEFAULT.social.twitter.profile
+ },
+ {
+ agent: "facebook",
+ icon: DEFAULT.social.facebook.icon,
+ profile: DEFAULT.social.facebook.profile
+ },
+ {
+ agent: "linkedin",
+ icon: DEFAULT.social.linkedin.icon,
+ profile: DEFAULT.social.linkedin.profile
+ },
+ {
+ agent: "webpage",
+ icon: DEFAULT.social.webpage.icon,
+ profile: "http://websiteexample.com"
+ }
+ ]
+ }
+ ],
+
+ footerLogos: [
+ {
+ logo: "/assets/logos/Logo_M4_LAB.jpg",
+ href: EMPTY_LINK,
+ title: "M4_LAB"
+ },
+ {
+ logo: "/assets/logos/logo1.png",
+ href: "http://www.innovative-hochschule.de",
+ title: "Innovative Hochschule"
+ },
+ {
+ logo: "/assets/logos/logo2.png",
+ href: "https://www.bmbf.de",
+ title: "Bundesministerium für Bildung und Forschung"
+ },
+ {
+ logo: "/assets/logos/logo3.png",
+ href: "https://www.gwk-bonn.de",
+ title: "Die Gemeinsame Wissenschaftskonferenz"
+ }
+ ]
+};
\ No newline at end of file