Skip to content

Instantly share code, notes, and snippets.

View marioloncarek's full-sized avatar

Mario Loncarek marioloncarek

View GitHub Profile
import CustomVideoPlayer from "./CustomVideoPlayer";
/**
* Custom video playlist using CustomVideoPlayer.js
*/
export default class VideoPlaylist {
constructor() {
/**
* Video playlist DOM elements and states
* @type {{currentDescription: string, currentTitle: string, videoPlaylist: string, videoDurationEl: string, playlistItem: string, video: string, timeInput: string, videoPlayer: string, videoProgressBarEl: string, states: {paused: string, playing: string}}}
{
"id": 6587416805442,
"title": "Rainbow Trout 2",
"handle": "rainbow-trout-2",
"description": "<meta charset=\"utf-8\"><meta charset=\"utf-8\"><!--(figmeta)eyJmaWxlS2V5IjoiMnpRVUV2ZXlVRFRGMHoxU1NoblFnTyIsInBhc3RlSUQiOjE3NjI2OTkwNDAsImRhdGFUeXBlIjoic2NlbmUifQo=(/figmeta)--><!--(figma)ZmlnLWtpd2kEAAAAvyIAALV7f5wsS1VfVc/sr7v33veTx3uIiIiIiPp+8d4DEent6dnpuzPT/bp7du99IkPvTO9uvzs7M0zP7L37RARCiCGIiPokiAQJUUSjqPgrQUVi1CSKvxERfyEakxhjfhljjMn3W9W/5u59fvJP7udzp06dOnXq1KlzTp2q6n1SduI0jQ7j8HQaC3HLJdfp9oPQ9EOBf123YfetltndtgNUZS+w/UrdUNR2twG4FjjbXbMNqB6EV9o2gBUF9AObvFYVreLcD3Ycr+/bbddkz7WuGzrNK/2g5fbajX7P2/bNBvuvZ2C/4XZZ38jrvt307aAF1LnAsrt2H2iv1X+0Z/tXgNysIn3baxN5vuE0mygvWG3H7ob9LR+jW2ZA2S6a15MU07kMWJBYmoMB1AKUb5uNvttVLISq7PlOSGlkdzKMvaMojUFmoSm0ORsQddxdBcq9ZDxMxof+YkSartt9zPZdNAi3odrJQev9TjTaQImGa/U6kA+gtMzurhkAMrZ9t+cBqDV9s0O6+pbrtm2z23c92zdDx+0CubJrW6HrA1qlnlGutR3Fdt1utx0vILjhgwgLqFbonG9v99qm3/fc9pVtxWQTQ3UbdgOKK+nOh/ZlinQhaDsWEReDK50tl6t9i9PFYF2FvTUIHWuHqrotaJme3d9zwlY/63u75Xa74KkEvCM4iqbxXjI/CuPrc62D9eD
&:after {
@include fluidValue("height", "s-2");
@include fluidValue("bottom", null, -5px);
content: "";
position: absolute;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NCIgaGVpZ2h0PSIyIiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjRjE1RDUyIiBkPSJNNzIuNzMgMmMtLjk1MyAwLTEuOTA3LS4yNy0yLjU1Mi0uODA5LTEuMDU1LS44ODItMy4yLS44ODItNC4yNTYgMC0xLjI4OSAxLjA3OS0zLjgxNSAxLjA3OS01LjEwMiAwLTEuMDU1LS44ODItMy4yLS44ODItNC4yNTUgMC0xLjI5IDEuMDc5LTMuODE2IDEuMDc5LTUuMTAyIDAtMS4wNTMtLjg4NC0zLjItLjg4NC00LjI1MyAwLTEuMjg3IDEuMDc5LTMuODEzIDEuMDc5LTUuMTAyIDAtMS4wNTUtLjg4NC0zLjItLjg4NC00LjI1NiAwLTEuMjg2IDEuMDc5LTMuODE2IDEuMDc5LTUuMTAyIDAtMS4wNTItLjg4Mi0zLjItLjg4Mi00LjI1NSAwLTEuMjkgMS4wNzktMy44MTYgMS4wNzktNS4xMDIgMC0xLjA1My0uODg0LTMuMi0uODg0LTQuMjU2IDAtMS4yODYgMS4wNzktMy44MTYgMS4wNzktNS4xMDIgMC0xLjA1Mi0uODg0LTMuMi0uODg0LTQuMjUzIDAtMS4yODkgMS4wNzktMy44MTYgMS4wNzktNS4xMDIgMC0xLjA1NS0uODg0LTMuMjAzLS44ODQtNC
import "lightgallery.js";
export default class LightboxController {
constructor() {
this.init();
}
init() {
let lightbox = document.querySelectorAll(".js-lightbox");
/**
* Spacings
*/
$settings-spacings: (
"s-4": (
$breakpoint-sm: 4px,
$breakpoint-xl: 4px,
$breakpoint-xxl: 8px,
),
"s-8": (
<!--CUSTOM VIDEO PLAYER-->
<div class="c-custom-video-player is-paused js-custom-video-player">
<!--video source-->
<video class="c-custom-video-player__video js-custom-video-player-media"
preload="metadata"
poster="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg">
<source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4"
type="video/mp4"/>
</video>
<!--CUSTOM VIDEO PLAYER-->
<div class="c-custom-video-player is-paused js-custom-video-player">
<!--video source-->
<video class="c-custom-video-player__video js-custom-video-player-media"
preload="metadata"
poster="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg">
<source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4"
type="video/mp4"/>
</video>
Emoji skripte,
emoji preload,
embeds skripte,
jquery,
jquery core,
jquery migrate,
block library css,
admin bar css (admin bar js se mice ako nisi logiran),
wpml css
hummingbird css (od plugina za optimizaciju)
/*!
*
* @bornfight/gocart v1.0.6
*
*
* Copyright (c) Bornfight (https://www.bornfight.com/)
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
<label className="c-form-step__column">
<div className="c-form-step__choice-preview">
<span className={"u-b0"}>Meni</span>
<span className={"u-b0"}>Oblačno</span>
<span className={"u-b0"}>Više</span>
<span className={"u-b0"}>Izlaz</span>
</div>
<div className="c-form-step__choice">