diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index adcab64f44708014fe074d065552bf7dc442b352..0fbe41ce95196826df786a9a8298eb4bca43f827 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -173,4 +173,41 @@ nav a:hover {
.hamburger {
display: none;
+}
+
+.legal {
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+ background-color: #252525;
+ padding: 10px 80px;
+}
+
+.legal-text-container {
+ display: flex;
+ flex-wrap: wrap;
+ flex: 1;
+ justify-content: center;
+}
+
+.legal-text {
+ color: #c5c5c5;
+ font-size: 0.8em;
+ margin-right: 20px;
+ text-decoration: none;
+}
+
+.top {
+ display: flex;
+ align-items: center;
+ opacity: 0.8;
+}
+
+.top a {
+ display: inline-block;
+ line-height: 0;
+}
+
+.top:hover {
+ opacity: 1;
}
\ No newline at end of file
diff --git a/public/assets/images/top.png b/public/assets/images/top.png
new file mode 100644
index 0000000000000000000000000000000000000000..cc720292bcae1ce38dad9e0a104d37384f81efd0
Binary files /dev/null and b/public/assets/images/top.png differ
diff --git a/public/home/index.html b/public/home/index.html
index 26fa9da92ffc734bb53fceaf3bf0cf0a3b096467..b796811bea3898b499f9ecdc5eed1531f077fef3 100644
--- a/public/home/index.html
+++ b/public/home/index.html
@@ -10,62 +10,7 @@
<link rel="stylesheet" href="../assets/css/mobile.css">
<style>
- .cover {
- margin-top: 48px;
- display: flex;
- }
- .cover img {
- width: 250px;
- object-fit: contain;
- margin-bottom: auto;
- box-shadow: 0px 1px 4px -1px #00000069;
- }
- .metadata {
- display: flex;
- flex-direction: column;
- margin-left: 1em;
- }
- .title {
- flex-grow: 1;
- font-size: 2em;
- font-weight: bold;
- }
- .metadata-item {
- display: flex;
- flex-direction: column;
- margin-top: 24px;
- }
- .download-item {
- display: flex;
- margin-top: 24px;
- }
- .metadata-name {
- border-bottom: 1px solid #cacaca;
- border-image: linear-gradient(to right, #cacaca, #ffffff00) 1;
- margin-bottom: 5px;
- }
- .supervisors {
- display: flex;
- flex-direction: column;
- }
- .button {
- background-color: #4CAF50;
- border: none;
- color: white;
- padding: 15px 32px;
- text-align: center;
- text-decoration: none;
- display: inline-block;
- font-size: 16px;
- }
- @media only screen and (max-width : 450px) {
- .cover {
- flex-wrap: wrap;
- }
- .cover img {
- width: 100%;
- }
- }
+ .cover{margin-top:48px;display:flex}.cover img{width:250px;object-fit:contain;margin-bottom:auto;box-shadow:0 1px 4px -1px #00000069}.metadata{display:flex;flex-direction:column;margin-left:1em}.title{flex-grow:1;font-size:2em;font-weight:700}.metadata-item{display:flex;flex-direction:column;margin-top:24px}.download-item{display:flex;margin-top:24px}.metadata-name{border-bottom:1px solid #cacaca;border-image:linear-gradient(to right,#cacaca,#ffffff00) 1;margin-bottom:5px}.supervisors{display:flex;flex-direction:column}.button{background-color:#4caf50;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px}@media only screen and (max-width :450px){.cover{flex-wrap:wrap}.cover img{width:100%}}
</style>
</head>
@@ -129,6 +74,7 @@
</div>
<div class="footer"></div>
+ <div class="legal"></div>
<script src="../settings.js"> </script>
<script src="../main.js"> </script>
diff --git a/public/main.js b/public/main.js
index eaa8722b44caf187641a0c9eb270c3fcea2d7e8e..4b55c9d38f98750187bd34a423dd42bbb368e5fc 100644
--- a/public/main.js
+++ b/public/main.js
@@ -1 +1 @@
-let portal=function(){document.querySelector("title").innerText="M4_LAB";let e=document.createElement("a");e.href="https://hft-stuttgart.de",e.innerHTML="<img src='/assets/images/hft_logo.svg'/>",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
+let portal=function(){document.querySelector("title").innerText="M4_LAB";let e=document.createElement("a");e.href="https://hft-stuttgart.de",e.innerHTML="<img src='/assets/images/hft_logo.svg'/>",document.getElementById("logo").appendChild(e);let t=(e,t,l={},a=null)=>{let i=document.createElement(e);for(cls of t)i.classList.add(cls);return Object.keys(l).forEach(e=>{i.setAttribute(e,l[e])}),a&&(i.innerText=a),i},l=e=>{let l=t("div",["participant-social"]);for(i of e){let e=t("a",["social"],{title:i.agent,href:i.profile}),a=t("img",[],{src:i.icon});e.appendChild(a),l.appendChild(e)}return l},a={projectName:()=>{document.querySelector("#projectname").innerHTML=settings.projectName},menu:()=>{let e=document.createElement("ul");for(m of settings.menu){let l=document.createElement("li"),a=t("a",[],{href:m.link},m.menuText);l.appendChild(a),e.appendChild(l)}let l=document.querySelector("nav");l.appendChild(e);let a=document.querySelector(".hamburger");a.style.display="flex";let i=document.querySelector("header");a.addEventListener("click",()=>{a.classList.toggle("slide-hamburger"),l.classList.toggle("slide-nav"),i.classList.toggle("overflow-visible")})},participants:()=>{let e=document.querySelector(".footer"),a=t("ul",["footer-participants-container"]);for(p of settings.participants){let e=t("li",["participant"]),i=t("div",["participant-avatar"]),n=t("img",[],{src:p.avatar}),r=t("div",[],{},p.name),o=t("div",[],{},p.email);i.appendChild(n),e.appendChild(i),e.appendChild(r),e.appendChild(o),e.appendChild(l(p.social)),a.appendChild(e)}e.appendChild(a)},footerLogos:()=>{let e=document.querySelector(".footer"),l=t("ul",["footer-logo-container"]);for(fl of settings.footerLogos){let e=t("li",["footer-logo"]),a=t("a",[],{title:fl.title,href:fl.href}),i=t("img",[],{src:fl.logo});a.appendChild(i),e.appendChild(a),l.appendChild(e)}e.appendChild(l)}};for(swt of settings.switches)swt.state==ON&&a[swt.name]();let n={legal:()=>{let e=document.querySelector(".legal"),l=t("div",["legal-text-container"]),a=t("div",["legal-text"],{},"Hochschule für Technik Stuttgart"),i=t("a",["legal-text"],{href:"https://www.hft-stuttgart.de/impressum"},"Impressum"),n=t("a",["legal-text"],{href:"https://www.hft-stuttgart.de/datenschutz"},"Datenschutz"),r=t("div",["top"],{}),o=t("a",[],{href:"#header",title:"Top"}),d=t("img",[],{src:"/assets/images/top.png"});o.appendChild(d),r.appendChild(o),l.appendChild(a),l.appendChild(i),l.appendChild(n),e.appendChild(l),e.appendChild(r)}};Object.keys(n).forEach(e=>{n[e]()})}();
\ No newline at end of file