Integrate TU Graz specifics for AppShell slots

assets/dbp-signature.html.ejs

@@ -52,6 +52,29 @@
  /*           --dbp-override-downloaded-bg-color: #9fdf9f; */
             --dbp-override-image-nextcloud: url(<%= getUrl('') %>icons/nextcloud.svg);
         }
+
+        #main-logo {
+            padding: 0 50px 0 0;
+        }
+
+        .footer-links {
+            margin-top: 0.5em;
+        }
+
+        .footer-links a {
+            border-bottom: 1px solid rgba(0, 0, 0, 0.3);
+            padding: 0;
+            margin-left: 1em;
+            transition: background-color 0.15s ease 0s, color 0.15s ease 0s;
+            color: #6c757d;
+            cursor: pointer;
+            text-decoration: none;
+        }
+
+        .footer-links a:hover {
+            color: #fff;
+            background-color: #000;
+        }
     </style>
 
     <!-- Preloading/Preconnecting -->
@@ -85,7 +108,36 @@
     env='<%= buildInfo.env %>'
     shell-name='<%= siteName %>'
     shell-subname='<%= siteSubName %>'
-><dbp-loading-spinner></dbp-loading-spinner></<%= name %>>
+><dbp-loading-spinner></dbp-loading-spinner>
+<div slot="name">
+    TU Graz<br />
+    <dbp-translated subscribe="lang">
+        <div slot="de">
+            Technische Universität Graz
+        </div>
+        <div slot="en">
+            Graz University of Technology
+        </div>
+    </dbp-translated>
+</div>
+<div slot="logo">
+    <dbp-tugraz-logo id="main-logo" subscribe="lang"></dbp-tugraz-logo>
+</div>
+<div slot="footer-links">
+    <dbp-translated subscribe="lang">
+        <div slot="de" class="footer-links">
+            <a target="_blank" rel="noopener" href="https://www.tugraz.at/ueber-diese-seite/datenschutzerklaerung/">Datenschutz</a>
+            <a target="_blank" rel="noopener" href="https://www.tugraz.at/ueber-diese-seite/impressum/">Impressum</a>
+            <a rel="noopener" href="mailto:it-support@tugraz.at">Kontakt</a>
+        </div>
+        <div slot="en" class="footer-links">
+            <a target="_blank" rel="noopener" href="https://www.tugraz.at/en/about-this-page/privacy-policy/">Privacy Policy</a>
+            <a target="_blank" rel="noopener" href="https://www.tugraz.at/en/about-this-page/legal-notice/">Legal Notice</a>
+            <a rel="noopener" href="mailto:it-support@tugraz.at">Contact</a>
+        </div>
+    </dbp-translated>
+</div>
+</<%= name %>>
 
 <!-- Error handling for too old browsers -->
 <script src="<%= getPrivateUrl('browser-check.js') %>" defer></script>

src/dbp-signature.js

 import {AppShell} from '@dbp-toolkit/app-shell';
 import * as commonUtils from '@dbp-toolkit/common/utils';
+import {Translated} from "@dbp-toolkit/common/src/translated";
+import {TUGrazLogo} from "@dbp-toolkit/app-shell/src/tugraz-logo";
 
 commonUtils.defineCustomElement('dbp-signature', AppShell);
+commonUtils.defineCustomElement('dbp-translated', Translated);
+commonUtils.defineCustomElement('dbp-tugraz-logo', TUGrazLogo);

toolkit @ f27593b9

-Subproject commit 7d22103d1c5e7ea698d6d589c1f068ee6f757c73
+Subproject commit f27593b98d5d5a5169b168443e07d0a80f4f88bc