suroh
/
mm.site
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added very important video

This commit is contained in:
suroh 2023-10-20 12:39:56 +02:00
parent 762430fced
commit 00a7b0447f
2 changed files with 20 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
public/data/theatre.json
View File

@ -61,5 +61,12 @@
"parent_dir": "theatre", "parent_dir": "theatre",
"media": "impermanence_Brooklyn Academy of Music (BAM), New York, 2006.mp4", "media": "impermanence_Brooklyn Academy of Music (BAM), New York, 2006.mp4",
"image": "impermanence_Brooklyn Academy of Music (BAM), New York, 2006.jpg" "image": "impermanence_Brooklyn Academy of Music (BAM), New York, 2006.jpg"
},
{
"title": "Indra's Net (world premiere)",
"details": "presented by Holland Festival & Hartig Art Foundation, Gashouder, Westergas Fabriek, Amsterdam, The Netherlands, 2023",
"parent_dir": "theatre",
"media": "3012_INDRA'S NET_GROTEKERK_EXPO_DEF-H264 for iPad.m4v",
"image": "3012_INDRA'S NET_GROTEKERK_EXPO_DEF-H264 for iPad.png"
} }
] ]

19
src/components/Footer.js
View File

@ -33,7 +33,6 @@ class Footer extends LitElement {
} }
}) })
const sortedArray = ungrouped const sortedArray = ungrouped
sortedArray.splice(1, 0, Object.values(grouped)[0]) sortedArray.splice(1, 0, Object.values(grouped)[0])
sortedArray.splice(2, 0, Object.values(grouped)[1]) sortedArray.splice(2, 0, Object.values(grouped)[1])
@ -41,15 +40,23 @@ class Footer extends LitElement {
this.navigation = sortedArray this.navigation = sortedArray
} }
navigate({ target }) {
const link = target.closest('.link')
if (link.dataset.href != Router.route.path) {
Router.navigate(link.dataset.href)
}
}
renderLink(r, first = false) { renderLink(r, first = false) {
return html` return html`
${first ? html`<span class="break"></span>` : '' } ${first ? html`<span class="break"></span>` : '' }
${!r.disabled ? html`<a href=${r.path} class="${r.path == this.path ? 'selected' : ''}"> ${!r.disabled ? html`<span data-href=${r.path} class="link ${r.path == this.path ? 'selected' : ''}" @click=${this.navigate}>
<mm-icon name=${r.icon}></mm-icon> <mm-icon name=${r.icon}></mm-icon>
<span> <span>
${r.short} ${r.short}
</span> </span>
</a>` : '' } </span>` : '' }
` `
} }
@ -80,7 +87,7 @@ class Footer extends LitElement {
font-size: 0.9em; font-size: 0.9em;
} }
a { span.link {
display: flex; display: flex;
padding-block: 0.25em; padding-block: 0.25em;
gap: 0.25em; gap: 0.25em;
@ -101,8 +108,8 @@ class Footer extends LitElement {
margin-inline-end: 0.5em; margin-inline-end: 0.5em;
} }
a.selected { .selected {
color: var(--neutral-900, black); color: var(--neutral-900, black) !important;
} }
.break { .break {