From 95288503dfde87d5b74e45123e7a1268fd6a8473 Mon Sep 17 00:00:00 2001
From: Athanasios <ath.kouk.oid@gmail.com>
Date: Fri, 12 Mar 2021 09:19:45 +0100
Subject: [PATCH] Added footer bar
---
public/assets/css/style.css | 37 +++++++++++++++++++++++++++++++++++
public/assets/images/top.png | Bin 0 -> 1237 bytes
public/home/index.html | 1 +
public/main.js | 2 +-
4 files changed, 39 insertions(+), 1 deletion(-)
create mode 100644 public/assets/images/top.png
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index adcab64..0fbe41c 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
GIT binary patch
literal 1237
zcmV;`1S<Q9P)<h;3K|Lk000e1NJLTq0015U0015c1^@s6J20-I00004b3#c}2nYxW
zd<bNS00009a7bBm000ie000ie0hKEb8vp<R8FWQhbW?9;ba!ELWdL_~cP?peYja~^
zaAhuUa%Y?FJQ@H11X4*vK~zYIwU^s(RYeqszcr^VR-i>oN}>gg5Ul4AqVk{xiSY&T
zMXs$RCi-R+xmD1lB(~F2rHP1rK&t-$iIJPtXeuTogp0mvIBi3!Aq7nU6%o?=**_m<
z(^5F?X|>MVn!RRyYt5e7>$i<b3{jmRS-Bh%Yd|Z2N5JljpI!rg0XqZPHafb_8i%s^
zV%mhjirQjIXKzFH7EnH!B!Mf)_HpC-e!JAtH)XI=ej`!~P!UfJgPp=Sj-rb=_bUJq
z6%frwwhCt}krHv}i&#`^ne>rKfrWP@)dZ>oGq4+2w3qBqt93R1F;S_itSci?xEZ;(
zL9;=^+#WL28$KErEW9J7gNRM>)L{k(H(Ph})ro+2C9u?&GfXRJLrnRMjJ<q2+>Ke0
zR8xRTV2yM%)=U)&U_bdQbogqpMvxGjNRb}nGm>S>Z$#1O@%A=ahxbzj<{C<R4{8Y8
zPW7#KZV;c|l9Ka;gLIgV#u@`n3mA;Y8V+Nu2YTqWN9}^|4_jSYx;=*8#0_nkE+~M3
z7#e&X_#0S2akLe{iRuJWZSc|uc5ct*>4J{HyPL0qJ_?50DZDEPUnI(bVX{N5lL@3{
z{$6@%#WcX+pWCc^|3KbF!|niuyo)rCR8-}_t&Q_KmG7PcDCK9-&o`J}1zw}5tW6cQ
z#rf9RdH*|bIs|cR9k4t+;dox?B42`NM|u_*1|rb&l$3t0rMqV4TaRLfSne=e7*F?1
zxaM&`ha!C&nuHDE>?P1EApt$d@XU5C@+EoDfnm1LA(aM$-zJ0((hfWg3?gdmoIh$E
z>4TWogAD-BFoP4StScKAJIa_d`sGrTvtg*Ru8cuWfSv;Sk*%{%|HVkGO!_N~8n6MR
zWw@f_O8NWqRF1>!dLZyXPLITlTF?`i^&!1zo&KA<3d#5{G1g+%2Rw<iJ!h;@#$OKT
zj*SJmbITsW>=+TNtuy`IcokU2x0B7jfY~ve<!ptwF}e#7XMrkYtAOUa12+8#tRD|J
z#<#2KBye&9m({^hXB=eP0C2Wai~Zcm0RGJghfY-iY;BH?uCu@uqy&Z08~+y=SGWZz
z0K3dNesIR2EV6weEqg~xcF&t`rk470a65w)?KON9uG5X{`@t>(vxtfgD31u75)_Oq
zp9U#J554XH#0tbNwe(?8ZBQQCK+-o%7nr1PKw1}+h<4Zo-#-EduuS?0=Jo_Ds#ntc
z|5CZYlx%2(s6I@%_pCF0Y=k$~`3|usj*=MKJk=hpCA;ULqEAAl<P>|k<!y>IigpM6
z#ZAoiGDK_K+QtVi_H!wS-UQnP%nCZo-X~)X6Uy5$K~nV_kZS?W51y6<PRFgS2aAHB
zmwOOJ4`H?nvlXL)o*twfw{P#HzyNyK-$QY<6>~d5le}hj8TgQ1KE8F3rVJiQ0Pjd;
zt01w4NGn1QSNzjv*N}e3#XoJC#P@e@Yp(GR7ir8DSe@jA00000NkvXXu0mjfxG*l;
literal 0
HcmV?d00001
diff --git a/public/home/index.html b/public/home/index.html
index 8b7603f..29865f0 100644
--- a/public/home/index.html
+++ b/public/home/index.html
@@ -81,6 +81,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 eaa8722..4b55c9d 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
--
GitLab