Add slot "title" to app shell

packages/app-shell/README.md

@@ -77,6 +77,12 @@ The content of this slot will be shown left in the header and can be used to set
 
 Example: `<app-shell><template slot="name">TU Graz<br />Graz University of Technology</template></app-shell>`
 
+#### title
+
+The content of this slot will be shown as big h1 headline instead of the `name` in the topic manifest file.
+
+Example: `<app-shell><template slot="title">TU Graz Greenlight</template></app-shell>`
+
 #### logo
 
 The content of this slot will be shown right in the header and can be used to override the logo image.

packages/app-shell/package.json

 {
   "name": "@dbp-toolkit/app-shell",
   "homepage": "https://gitlab.tugraz.at/dbp/web-components/toolkit/-/tree/master/packages/app-shell",
-  "version": "0.2.5",
+  "version": "0.2.6",
   "main": "src/index.js",
   "license": "LGPL-2.1-or-later",
   "repository": {

packages/app-shell/src/app-shell.js

@@ -901,7 +901,11 @@ export class AppShell extends ScopedElementsMixin(DBPLitElement) {
                         </slot>
                     </header>
                     <div id="headline">
-                        <h1 class="title">${this.topicMetaDataText('name')}</h1>
+                        <h1 class="title">
+                            <slot name="title">
+                                ${this.topicMetaDataText('name')}
+                            </slot>
+                        </h1>
                     </div>
                     <aside>
                         <h2 class="subtitle" @click="${this.toggleMenu}">