add titles and other edit fixes
This commit is contained in:
parent
21db49fe48
commit
b4529aaab3
2 changed files with 20 additions and 5 deletions
|
@ -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;
|
||||||
|
|
|
@ -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)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue