79 lines
3.4 KiB
Plaintext
79 lines
3.4 KiB
Plaintext
|
each e in relevantArticle.elements
|
||
|
|
case e.type
|
||
|
|
when 'text'
|
||
|
|
p
|
||
|
|
each t in e.items
|
||
|
|
case t.tag
|
||
|
|
when ''
|
||
|
|
| #{t.content}
|
||
|
|
when 'h'
|
||
|
|
| #[span(class='text-hint') #{t.content}]
|
||
|
|
when 'c'
|
||
|
|
| #[span(class='text-code') #{t.content}]
|
||
|
|
when 'a'
|
||
|
|
| #[a(class='link-highlight' target=t.target href=t.href) #{t.content}]
|
||
|
|
when 's'
|
||
|
|
| #[s #{t.content}]
|
||
|
|
when 'b'
|
||
|
|
| #[b #{t.content}]
|
||
|
|
when 'i'
|
||
|
|
| #[i #{t.content}]
|
||
|
|
when 'header'
|
||
|
|
p(class='element-header' id=formatString(e.value)) #{e.value}
|
||
|
|
when 'subheader'
|
||
|
|
p(class='element-subheader' id=formatString(e.value)) #{e.value}
|
||
|
|
when 'quote'
|
||
|
|
p(class='text-quote') > #{e.value}
|
||
|
|
when 'code'
|
||
|
|
div(class='element-code')
|
||
|
|
button(class='default') Copy
|
||
|
|
pre !{e.content}
|
||
|
|
when 'image'
|
||
|
|
div(class='element-gallery')
|
||
|
|
div(class='gallery-item')
|
||
|
|
img(class='special-dropshadow' loading='lazy' src=e.resource alt=e.alt)
|
||
|
|
p #{e.caption}
|
||
|
|
when 'video'
|
||
|
|
div(class='element-gallery')
|
||
|
|
div(class='gallery-item')
|
||
|
|
video(class='special-dropshadow' controls preload='none' poster=e.cover)
|
||
|
|
source(src=e.resource)
|
||
|
|
p #{e.caption}
|
||
|
|
when 'audio'
|
||
|
|
div(class='element-audio special-shadow')
|
||
|
|
audio(preload='auto')
|
||
|
|
//- Audio Metadata
|
||
|
|
div(class='audio-container')
|
||
|
|
p #{e.name}
|
||
|
|
a(class='audio-download' title='Download Track' download=e.resource href=e.resource)
|
||
|
|
img(src='file://icons/icon-download.svg' alt='Icon for Download')
|
||
|
|
//- Audio Controls
|
||
|
|
div(class='audio-container')
|
||
|
|
button(class='audio-button' title='Play/Pause Audio')
|
||
|
|
img(src='file://icons/icon-play.svg' alt='Icon for Play/Pause')
|
||
|
|
input(class='audio-slider' type='range' value='0' disabled)
|
||
|
|
p(class='audio-time') -:--/-:--
|
||
|
|
when 'table'
|
||
|
|
table(class='element-table special-shadow')
|
||
|
|
- var firstRow = e.items.at(0)
|
||
|
|
- var otherRow = e.items.slice(1)
|
||
|
|
thead
|
||
|
|
tr
|
||
|
|
each column in firstRow
|
||
|
|
th #{column}
|
||
|
|
tbody
|
||
|
|
each row in otherRow
|
||
|
|
tr
|
||
|
|
each column in row
|
||
|
|
td #{column}
|
||
|
|
when 'list'
|
||
|
|
ul(class='element-list')
|
||
|
|
each listItem in e.items
|
||
|
|
li • #{listItem}
|
||
|
|
when 'banner'
|
||
|
|
img(class='element-banner' src=e.resource alt=e.alt)
|
||
|
|
when 'beanie'
|
||
|
|
a(href=e.resource download=(e.resource.split('/').at(-1).split('?').at(0)))
|
||
|
|
img(class='element-beanie' src=e.resource alt=e.alt)
|
||
|
|
default
|
||
|
|
- throw "Unknown Type: " + e.type
|