Merge pull request #29 from ipb-halle/feature/branding-update

Update branding in home page and footer

ontology-manager-client/src/layout/footer.component.tsx

@@ -5,6 +5,7 @@ import logoDaad from '../assets/logo_daad.png';
 import logoDip from '../assets/logo_dip.png';
 import logoLeibniz from '../assets/logo_leibniz.png';
 import logoIpb from '../assets/logo_ipb.png';
+import logoForeign from "../assets/logo_foreign_office.png";
 import './footer.component.scss';
 
 const Footer: React.FC = () => {
@@ -25,7 +26,8 @@ const Footer: React.FC = () => {
             </div>
             <div className='col-5' style={{display: 'flex', alignItems: 'center'}}>
                 <img alt="logo" src={logoGlacier} height="60" style={{marginRight: '3px', marginLeft: 'auto'}}></img>
-                <img alt="logo" src={logoDaad} height="60" style={{marginRight: '3px'}}></img>
+                <img alt="logo" src={logoForeign} height="80" style={{marginRight: '3px'}}></img>
+                <img alt="logo" src={logoDaad} height="80" style={{marginRight: '3px'}}></img>
                 <img alt="logo" src={logoDip} height="40" style={{marginRight: '3px'}}></img>
                 <img alt="logo" src={logoLeibniz} height="60" style={{marginRight: '3px'}}></img>
             </div>

ontology-manager-client/src/pages/home/home-page.component.tsx

@@ -1,6 +1,7 @@
 import heroSectionImage from '../../assets/img/hero-section-bg.png';
 import logoGlacier from '../../assets/logo_glacier.png';
 import logoIpb from '../../assets/logo_ipb.png';
+import logoForeign from "../../assets/logo_foreign_office.png";
 import { Button } from 'primereact/button';
 import { Card } from 'primereact/card';
 import neighborhoodExplorerImage from "../../assets/img/neighborhood-explorer.png";
@@ -88,6 +89,13 @@ const HomePageComponent: React.FC = () => {
                             <img alt="logo" src={logoGlacier} height="80" style={{marginRight: '3px', marginLeft: '50px'}}></img>
                             <img alt="logo" src={logoIpb} height="80" style={{marginRight: '3px', marginLeft: '50px'}}></img>
 
+                            <div style={{marginTop: "15px"}}>
+
+                            <small style={{textAlign: 'center'}}>funded by the German Federal Foreign Office</small>
+                            <img alt="logo" src={logoForeign} height="100" style={{marginRight: '3px', marginLeft: '50px'}}></img>
+                            </div>
+
+
 
                             <div style={{height: "20px"}}></div>
                             <small>