studio-variable/popnoire
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Initial commit

Browse source
This commit is contained in:
isUnknown 2026-02-12 15:22:46 +01:00
commit 65e0da7e11
1397 changed files with 596542 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

1
site/OFF_plugins/embed/assets/css/embed.css Normal file
View file

@ -0,0 +1 @@
.embed,.embed iframe,.embed img,.embed object{max-width:100%}.embed{position:relative;margin:0;padding:0}.embed img{display:block;height:auto}.embed--video iframe,.embed--video object,.embed__thumb{top:0;left:0;width:100%;height:100%;position:absolute}.embed--video{background-color:#ddd;overflow:hidden}.embed--error{font-size:.8em}.embed__thumb{background-repeat:no-repeat;background-position:center center;background-size:cover;cursor:pointer}.embed__thumb>img{position:absolute;top:50%;left:50%;width:25%;min-width:75px;max-width:175px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;opacity:.65}.embed__thumb:hover>img{opacity:1}

BIN
site/OFF_plugins/embed/assets/images/play.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.6 KiB

1
site/OFF_plugins/embed/assets/js/embed.js Normal file
View file

@ -0,0 +1 @@
var pluginEmbedLoadLazyVideo=function(){var e=this.parentNode,d=e.children[0];d.src=d.dataset.src,e.removeChild(this)};document.addEventListener("DOMContentLoaded",function(e){for(var d=document.getElementsByClassName("embed__thumb"),t=0;t<d.length;t++)d[t].addEventListener("click",pluginEmbedLoadLazyVideo,!1)});

14
site/OFF_plugins/embed/assets/js/src/embed.js Normal file
View file

@ -0,0 +1,14 @@
var pluginEmbedLoadLazyVideo = function() {
var wrapper = this.parentNode;
var embed = wrapper.children[0];
embed.src = embed.dataset.src;
wrapper.removeChild(this);
};
document.addEventListener("DOMContentLoaded", function(event) {
var thumb = document.getElementsByClassName('embed__thumb');
for (var i = 0; i < thumb.length; i++) {
thumb[i].addEventListener('click', pluginEmbedLoadLazyVideo, false);
}
});

71
site/OFF_plugins/embed/assets/scss/embed.scss Normal file
View file

@ -0,0 +1,71 @@
$col-bg: #ddd;
.embed {
position: relative;
max-width: 100%;
margin: 0;
padding: 0;
iframe,
object {
max-width: 100%;
}
img {
display: block;
max-width: 100%;
height: auto;
}
&--video {
background-color: $col-bg;
overflow: hidden;
iframe,
object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
&--error {
font-size: .8em;
}
&__thumb {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
cursor: pointer;
> img {
position: absolute;
top: 50%;
left: 50%;
width: 25%;
min-width: 75px;
max-width: 175px;
transform: translate(-50%, -50%);
transition: opacity .3s ease-in-out;
opacity: .65;
}
&:hover {
> img {
opacity: 1;
}
}
}
}