add titles and other edit fixes

This commit is contained in:
j 2021-10-10 16:25:17 +01:00
parent 21db49fe48
commit b4529aaab3
2 changed files with 20 additions and 5 deletions

View file

@ -1,6 +1,8 @@
#ascroll { #ascroll {
font-family: "Noton Sans"; font-family: "Noton Sans";
width: 100vw; width: 100%;
max-width: 1080px;
margin: auto;
h1 { h1 {
margin: 4px; margin: 4px;
@ -13,17 +15,24 @@
.player { .player {
position: absolute; position: absolute;
display: none; display: none;
width: 100vw; width: 100%;
height: auto; height: auto;
max-width: 1080px;
margin: auto;
//transition: opacity 0.4s; //transition: opacity 0.4s;
} }
.annotation { .annotation {
.frame { .frame {
img { img {
width: 100vw; width: 100%;
height: auto; height: auto;
} }
figcaption {
text-align: right;
padding-right: 4px;
font-size: 14px;
}
} }
.text { .text {
margin: 20px 20px; margin: 20px 20px;

View file

@ -156,7 +156,13 @@ function loadEdit(config) {
var div = document.createElement('div') var div = document.createElement('div')
div.classList.add('annotation') div.classList.add('annotation')
div.innerHTML = ` div.innerHTML = `
<div class="frame"><img src="${baseURL}/${annotation.id.split('/')[0]}/${imageResolution}p${annotation.in}.jpg"></div> <div class="frame">
<figure>
<img src="${baseURL}/${annotation.id.split('/')[0]}/${imageResolution}p${annotation.in}.jpg">
<figcaption><a href="${baseURL}/${annotation.id}" target="_blank">${clip.title}</a></figcaption>
</figure>
</div>
<div class="text">${annotation.value}</div> <div class="text">${annotation.value}</div>
` `
@ -173,7 +179,7 @@ function loadEdit(config) {
loaded = true loaded = true
let frame = ascroll.querySelector('.annotation .frame') let frame = ascroll.querySelector('.annotation .frame')
if (frame) { if (frame) {
var src = `${baseURL}/${ifrst.id.split('/')[0]}/480p.webm` var src = `${baseURL}/${first.id.split('/')[0]}/480p.webm`
updatePlayer(video, frame, first['in'], src) updatePlayer(video, frame, first['in'], src)
} }