performance test

This commit is contained in:
Constantin Plaiasu 2024-08-26 20:50:06 +03:00
parent 384f6df548
commit 1d6a5fdfaa
29 changed files with 204 additions and 825 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1 +0,0 @@
import{L as e}from"./lazyload.esm-2_xOKgVb.js";window.lLoad=new e({elements_selector:".lazy"});

File diff suppressed because one or more lines are too long

View file

@ -1 +0,0 @@
import{L as s}from"./lazyload.esm-2_xOKgVb.js";window.lazyFunctions={more:function(a){const n=a,e=JSON.parse(atob(a.dataset.params)),r=new Headers;r.append("Content-Type","application/json"),r.append("Accept","application/json");const o={page:e.page,route:e.route};"genre"in e.route_parameters&&(o.genre=e.route_parameters.genre);const p={method:"POST",headers:r,body:JSON.stringify(o)};fetch(e.route,p).then(t=>t.json()).then(t=>{const i=a.parentNode;i.innerHTML+=t.html,window.lLoad.update(),a.remove(),document.getElementById(a.getAttribute("id")).remove(),t.has_more_pages&&(e.page=t.current_page+1,n.setAttribute("href",n.getAttribute("href").replace(new RegExp(t.current_page+"$"),t.current_page+1)),n.setAttribute("data-params",btoa(JSON.stringify(e))),n.removeAttribute("data-ll-status"),n.classList.remove("entered"),i.appendChild(n),window.lMore.update())}).catch(t=>console.error(t))}};function c(a){var n=a.getAttribute("data-lazy-function"),e=window.lazyFunctions[n];e&&e(a)}window.lMore=new s({elements_selector:"#next-page",unobserve_entered:!0,callback_enter:c});

View file

@ -0,0 +1 @@
window.lazyFunctions={more:function(a){const n=a,e=JSON.parse(atob(a.dataset.params)),r=new Headers;r.append("Content-Type","application/json"),r.append("Accept","application/json");const o={page:e.page,route:e.route};"genre"in e.route_parameters&&(o.genre=e.route_parameters.genre);const p={method:"POST",headers:r,body:JSON.stringify(o)};fetch(e.route,p).then(t=>t.json()).then(t=>{const i=a.parentNode;i.innerHTML+=t.html,window.lLoad.update(),a.remove(),document.getElementById(a.getAttribute("id")).remove(),t.has_more_pages&&(e.page=t.current_page+1,n.setAttribute("href",n.getAttribute("href").replace(new RegExp(t.current_page+"$"),t.current_page+1)),n.setAttribute("data-params",btoa(JSON.stringify(e))),n.removeAttribute("data-ll-status"),n.classList.remove("entered"),i.appendChild(n),window.lMore.update())}).catch(t=>console.error(t))}};function s(a){var n=a.getAttribute("data-lazy-function"),e=window.lazyFunctions[n];e&&e(a)}window.lMore=new window.LazyLoad({elements_selector:"#next-page",unobserve_entered:!0,callback_enter:s});

View file

@ -0,0 +1 @@
figure{position:absolute;width:100%;top:0;min-height:720px}figure:after{content:"";top:0;left:0;bottom:-6px;width:100%;box-shadow:inset 1px 0 105px 105px #0d0d31;background:linear-gradient(to bottom,#0d0d3105,#0d0d31);background-color:#0d0d3188;position:absolute}figure>img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;height:100%;width:100%;position:absolute;top:0}

View file

@ -1 +0,0 @@
picture{position:absolute;width:100%;top:0;min-height:720px}picture:after{content:"";top:0;left:0;bottom:-6px;width:100%;box-shadow:inset 1px 0 105px 105px #0d0d31;background:linear-gradient(to bottom,#0d0d3105,#0d0d31);background-color:#0d0d3188;position:absolute}picture>img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;height:100%;width:100%;position:absolute;top:0}

View file

@ -1 +0,0 @@
document.addEventListener("readystatechange",e=>{if(document.readyState==="complete"){const t=document.querySelector(".main-watch");t&&setTimeout(()=>{fetch(`https://qa.softcad.pw/${t.dataset.type}/view/${document.location.hostname}/${t.dataset.id}`).catch(a=>{})},800)}});

View file

@ -0,0 +1 @@

View file

@ -1,10 +1,6 @@
{
"_lazyload.esm-2_xOKgVb.js": {
"file": "assets/lazyload.esm-2_xOKgVb.js",
"name": "lazyload.esm"
},
"resources/js/app.js": {
"file": "assets/app-DKJGArX1.js",
"file": "assets/app-BaOZ0czw.js",
"name": "app",
"src": "resources/js/app.js",
"isEntry": true
@ -16,13 +12,10 @@
"isEntry": true
},
"resources/js/img.js": {
"file": "assets/img-BW8E9934.js",
"file": "assets/img-BRqSA2_k.js",
"name": "img",
"src": "resources/js/img.js",
"isEntry": true,
"imports": [
"_lazyload.esm-2_xOKgVb.js"
]
"isEntry": true
},
"resources/js/jqfix.js": {
"file": "assets/jqfix-BaKlTciu.js",
@ -31,22 +24,19 @@
"isEntry": true
},
"resources/js/load-more.js": {
"file": "assets/load-more-CJiZ-Ghi.js",
"file": "assets/load-more-D8TQhGMg.js",
"name": "load-more",
"src": "resources/js/load-more.js",
"isEntry": true,
"imports": [
"_lazyload.esm-2_xOKgVb.js"
]
"isEntry": true
},
"resources/js/watch.js": {
"file": "assets/watch-DyWjwkm3.js",
"file": "assets/watch-l0sNRNKZ.js",
"name": "watch",
"src": "resources/js/watch.js",
"isEntry": true
},
"resources/scss/app.scss": {
"file": "assets/app-BGWnhPPd.css",
"file": "assets/app-BVyoWoDj.css",
"src": "resources/scss/app.scss",
"isEntry": true
},
@ -72,7 +62,7 @@
"isEntry": true
},
"resources/scss/watch.scss": {
"file": "assets/watch-DqwsOmtD.css",
"file": "assets/watch-D88slwFy.css",
"src": "resources/scss/watch.scss",
"isEntry": true
}

View file

@ -1 +1,2 @@
import './bootstrap';

View file

@ -9,19 +9,7 @@ import * as Popper from '@popperjs/core'
// import 'jquery'
// import 'bootstrap'
window.Popper = Popper
// import {Alert} from 'bootstrap'
// import Alert from "./js/dist/alert";
// import Button from "./js/dist/button";
// import Carousel from "./js/dist/carousel";
// import Collapse from "./js/dist/collapse";
// import Dropdown from "./js/dist/dropdown";
// import Modal from "./js/dist/modal";
// import Offcanvas from "./js/dist/offcanvas";
// import Popover from "./js/dist/popover";
// import ScrollSpy from "./js/dist/scrollspy";
// import Tab from "./js/dist/tab";
// import Toast from "./js/dist/toast";
// import Tooltip from "./js/dist/tooltip";
// menu options custom affix
var fixed_top = $(".header");
@ -40,7 +28,7 @@ $('.nav-right__search-btn').on('click', function(){
$('.header-search-area').addClass('active');
});
//close when click off of container
$(document).on('click touchstart', function (e){
$(document).on('click', function (e){
if (!$(e.target).is('.nav-right__search-btn, .nav-right__search-btn *, .header-search-form, .header-search-form *')) {
$('.header-search-area').removeClass('active');
}
@ -67,7 +55,7 @@ $(".scroll-to-top").on("click", function(event) {
});
//preloader js code
$("#preloader").delay(300).animate({
$("#preloader").delay(200).animate({
"opacity" : "0"
}, 300, function() {
$("#preloader").css("display","none");
@ -77,7 +65,7 @@ $("#preloader").delay(300).animate({
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
})

View file

@ -1,10 +1,11 @@
import LazyLoad from 'vanilla-lazyload';
window.LazyLoad = LazyLoad;
// (() => {
// document.addEventListener('readystatechange', event => {
// if (document.readyState === "complete") {
window.lLoad = new LazyLoad({
window.lLoad = new window.LazyLoad({
elements_selector: ".lazy",
// use_native: true,
// load_delay: 100,

View file

@ -1,4 +1,4 @@
import LazyLoad from "vanilla-lazyload";
// import LazyLoad from "vanilla-lazyload";
window.lazyFunctions = {
@ -56,7 +56,7 @@ function executeLazyFunction(element) {
lazyFunction(element);
}
window.lMore = new LazyLoad({
window.lMore = new window.LazyLoad({
elements_selector: "#next-page",
unobserve_entered: true, // <- Avoid executing the function multiple times
callback_enter: executeLazyFunction, // Assigning the function defined above

View file

@ -1,4 +1,4 @@
document.addEventListener('readystatechange', event => {
/* document.addEventListener('readystatechange', event => {
if (document.readyState === "complete") {
const watch = document.querySelector('.main-watch');
if (watch) {
@ -8,4 +8,4 @@ document.addEventListener('readystatechange', event => {
}, 800);
}
}
});
}); */

View file

@ -27,81 +27,7 @@
25) sidebar css
26) footer section
*****************************************************************/
/* reset css start */
/* @import url("https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@400;500;600&family=Roboto&display=swap");*/
html {
scroll-behavior: smooth;
}
body {
font-family: "Roboto", sans-serif;
font-size: 16px;
padding: 0;
margin: 0;
font-weight: 400;
position: relative;
background-color: #0d0d31;
color: #bfbfbf;
}
img {
max-width: 100%;
height: auto;
}
ul,
ol {
padding: 0;
margin: 0;
list-style: none;
}
button {
cursor: pointer;
}
*:focus {
outline: none;
}
button {
border: none;
}
button:focus {
outline: none;
}
select {
padding: 10px 20px;
width: 100%;
border: 1px solid rgba(255, 255, 255, 0.15);
cursor: pointer;
color: #ffffff;
background-color: #0d0d31;
height: 50px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
}
textarea {
min-height: 150px !important;
resize: none;
width: 100%;
}
span {
display: inline-block;
}
a:hover {
color: #ee005f;
}
/* reset css end */
/* global css strat */
@ -1696,58 +1622,7 @@ a:hover {
}
/* button css end */
/* form css start */
.form-control {
min-height: 50px;
padding: 10px 20px;
border: 1px solid rgba(255, 255, 255, 0.15);
width: 100%;
background-color: #1b1b3f;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
color: #ffffff !important;
}
.form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.2);
}
.form-control::-moz-placeholder {
color: rgba(255, 255, 255, 0.2);
}
.form-control:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.2);
}
.form-control:-moz-placeholder {
color: rgba(255, 255, 255, 0.2);
}
.form-control:focus {
background-color: transparent;
box-shadow: none;
border-color: #ee005f;
}
.input-group-text {
background-color: #1b1b3f;
border-color: #1b1b3f;
color: #ffffff;
}
.input-group-text i {
font-size: 18px;
}
.form-group {
margin-bottom: 20px;
}
/* form css end*/
[data-label] {
position: relative;
}
@ -1763,549 +1638,8 @@ a:hover {
display: none;
}
/* header start */
.header {
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 9;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
background: #bdc3c7;
background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.002));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.002));
}
.header.active {
background-color: #070b28;
}
.header.menu-fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
}
.header.menu-fixed .header__top {
display: none;
}
.header.menu-fixed .header__bottom {
padding: 0 30px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
background-color: #070b28;
}
@media (max-width: 1199px) {
.header.menu-fixed .header__bottom {
padding: 15px 30px;
}
}
.header__top {
padding: 15px 0;
border-bottom: 1px solid rgba(90, 75, 204, 0.3);
}
@media (max-width: 1199px) {
.header__top {
padding: 8px 0;
}
}
@media (max-width: 575px) {
.header__top .left {
justify-content: center;
}
}
.header__top .left a {
color: #ffffff;
}
@media (max-width: 1199px) {
.header__top .left a {
font-size: 14px;
}
}
.header__top .left .language {
margin-left: 30px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
}
.header__top .left .language i {
color: #ffffff;
font-size: 18px;
margin-right: 5px;
}
@media (max-width: 1199px) {
.header__top .left .language i {
font-size: 15px;
}
}
.header__top .left .language .nice-select {
width: auto;
background-color: transparent;
padding-left: 0;
padding-right: 10px;
min-height: 40px;
line-height: 47px;
border: none;
}
.header__top .left .language .nice-select::after {
right: 0;
margin-top: -2px;
}
.header__top .left .language .nice-select .list {
background-color: transparent;
background-image: -moz-linear-gradient(7deg, #ec1379 0%, #6c0092 100%);
background-image: -webkit-linear-gradient(7deg, #ec1379 0%, #6c0092 100%);
background-image: -ms-linear-gradient(7deg, #ec1379 0%, #6c0092 100%);
box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
width: 75px;
}
.header__top .left .language .nice-select .option {
background-color: transparent;
padding-left: 10px;
padding-right: 10px;
color: #ffffff;
}
.header__top .left .language .nice-select .current {
color: #ffffff;
}
.header__top .right a {
color: #ffffff;
margin: 5px 15px;
}
.header__top .right a:last-child {
margin-right: 0;
}
.header__bottom {
padding: 0 30px;
}
@media (max-width: 1199px) {
.header__bottom {
background-color: #1b1b3f;
padding: 15px 30px;
}
}
.header .site-logo img {
max-width: 150px;
}
@media (max-width: 1199px) {
.header .main-menu {
padding: 15px 0;
}
}
.header .main-menu li {
position: relative;
}
.header .main-menu li.menu_has_children {
position: relative;
}
.header .main-menu li.menu_has_children.open .sub-menu {
display: block;
}
@media (max-width: 1199px) {
.header .main-menu li.menu_has_children > a {
display: block;
}
}
.header .main-menu li.menu_has_children > a::before {
position: absolute;
content: "\f107";
font-family: "Font Awesome 5 Free";
font-weight: 900;
top: 0;
right: 0;
color: #ffffff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
display: none;
}
@media (max-width: 1199px) {
.header .main-menu li.menu_has_children > a::before {
display: block;
top: 9px;
}
}
.header .main-menu li.menu_has_children:hover > a::before {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
color: #ee005f;
}
.header .main-menu li a {
padding: 20px 15px 20px 0;
text-transform: uppercase;
font-size: 14px;
color: #e7e7f4;
position: relative;
}
@media (max-width: 1199px) {
.header .main-menu li a {
padding: 8px 0;
display: block;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
}
.header .main-menu li a:hover,
.header .main-menu li a:focus {
color: #ee005f;
}
.header .main-menu li .sub-menu {
position: absolute;
width: 220px;
top: 105%;
left: -20px;
z-index: 9999;
background-color: $primary;
padding: 10px 0;
border-top: 2px solid #ee005f;
-webkit-box-shadow: 0px 18px 54px -8px rgba(0, 0, 0, 0.15);
box-shadow: 0px 18px 54px -8px rgba(0, 0, 0, 0.15);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
visibility: hidden;
border-top: 2px solid #ffffff;
z-index: 9;
}
@media (max-width: 1199px) {
.header .main-menu li .sub-menu {
opacity: 1;
visibility: visible;
display: none;
position: static;
-webkit-transition: none;
-o-transition: none;
transition: none;
width: 100%;
}
}
.header .main-menu li .sub-menu li a {
padding: 8px 20px;
display: block;
color: #ffffff;
font-size: 14px;
}
.header .main-menu li .sub-menu li a:hover {
background-color: rgba(255, 255, 255, 0.05);
color: #ffffff;
text-decoration: underline;
}
.header .main-menu li .sub-menu li + li {
margin-left: 0;
}
.header .main-menu li:hover .sub-menu {
top: 100%;
opacity: 1;
visibility: visible;
}
.header .main-menu li + li {
margin-left: 10px;
}
@media (max-width: 1199px) {
.header .main-menu li + li {
margin-left: 0;
}
}
.header .nav-right {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
}
@media (max-width: 575px) {
.header .nav-right {
justify-content: space-between;
margin-top: 20px;
}
}
.header .nav-right a {
color: #ffffff;
text-transform: uppercase;
display: inline-flex;
align-items: center;
font-size: 14px;
}
.header .nav-right a i {
font-size: 20px;
margin-right: 8px;
}
.header .nav-right a + a {
margin-left: 30px;
}
@media (max-width: 575px) {
.header .nav-right a + a {
margin-left: 0;
}
}
.header .nav-right .nice-select {
margin-left: 30px;
width: 90px;
background-color: transparent;
min-height: 40px;
line-height: 40px;
border: 1px solid rgba(255, 255, 255, 0.15);
}
@media (max-width: 575px) {
.header .nav-right .nice-select {
margin-left: 0;
}
}
.header .nav-right .nice-select .current {
color: #ffffff;
}
.header .nav-right .nice-select .list {
background-color: #1b1b3f;
}
.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
background-color: #ffffff26;
}
.header .nav-right__search-btn {
background-color: transparent;
color: #ffffff;
font-size: 18px;
color: #ffffff;
}
@media (max-width: 767px) {
.navbar-collapse {
max-height: 320px;
overflow: auto;
}
}
.navbar-toggler {
padding: 0;
border: none;
}
.navbar-toggler:focus {
outline: none;
}
.menu-toggle {
margin: 10px 0;
position: relative;
display: block;
width: 35px;
height: 20px;
cursor: pointer;
background: transparent;
border-top: 2px solid;
border-bottom: 2px solid;
color: #000000;
font-size: 0;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
cursor: pointer;
}
@media (max-width: 1199px) {
.menu-toggle {
color: #ffffff;
}
}
.menu-toggle:before,
.menu-toggle:after {
content: "";
display: block;
width: 100%;
height: 2px;
position: absolute;
top: 50%;
left: 50%;
background: currentColor;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: -webkit-transform 0.25s ease-in-out;
-webkit-transition: -webkit-transform 0.25s ease-in-out;
-o-transition: -webkit-transform 0.25s ease-in-out;
transition: transform 0.25s ease-in-out;
-moz-transition: -webkit-transform 0.25s ease-in-out;
-ms-transition: -webkit-transform 0.25s ease-in-out;
}
@media (max-width: 1199px) {
.menu-toggle:before,
.menu-toggle:after {
background-color: #ffffff;
}
}
span.is-active {
border-color: transparent;
}
span.is-active:before {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
span.is-active:after {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
span.menu-toggle:hover {
color: #000000;
}
@media (max-width: 1199px) {
span.menu-toggle:hover {
color: #ffffff;
}
}
span.is-active {
border-color: transparent;
}
span.is-active:before {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
span.is-active:after {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
/* header end */
/* header-search-area css start */
.header-search-area {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 99;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
align-items: center;
background-color: rgba(0, 0, 0, 0.65);
cursor: crosshair;
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
transform: scale(1, 0);
transform-origin: center;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.header-search-area.active {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}
.header-search-form {
position: relative;
}
.header-search-form input {
width: 100%;
min-height: 70px;
padding: 10px 20px;
background-color: #000000;
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
color: #ffffff;
padding-right: 80px;
}
.header-search-form button {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 100%;
background-color: #ee005f;
color: #ffffff;
font-size: 24px;
border-radius: 0 5px 5px 0;
}
/* header-search-area css end */
/* header end */
/* hero-section start */
@media (max-width: 1199px) {
.hero {
@ -2585,102 +1919,7 @@ span.is-active:after {
/* inner-hero section css end */
/* featured section css start */
.movie-card {
overflow: hidden;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.movie-card:hover {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.movie-card:hover .movie-card__thumb .icon {
opacity: 1;
visibility: visible;
}
.movie-card__thumb {
position: relative;
}
.movie-card__thumb img {
width: 100%;
// height: 420px;
aspect-ratio: 2/3;
object-fit: cover;
-o-object-fit: cover;
object-position: center;
-o-object-position: center;
}
.movie-card__thumb .icon {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.55);
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
color: #ee005f;
font-size: 24px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.movie-card__content {
padding: 20px;
background-color: #1b1b3f;
}
.movie-card__title {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: block;
}
@media (max-width: 425px) {
.movie-card .movie-card__content {
display: none;
}
}
.movie-card__content .year {
font-size: 14px;
}
.movie-card__meta {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 5px;
}
.movie-card__meta li i {
font-size: 12px;
}
.movie-card__meta li span {
font-size: 12px;
padding-left: 4px;
}
/* movie-card */
.movie-slider-one .slick-arrow {
position: absolute;
width: 30px;

View file

@ -18,9 +18,11 @@ $secondary:#1B1B3F;
@import "reset";
@import "preloader";
@import "header";
@import "components/reset";
@import "components/preloader";
@import "components/header";
@import "components/form";
@import "components/movie-card";
@import "main";
@import "color";
// @import "homesearch";

View file

@ -0,0 +1,52 @@
/* form css start */
.form-control {
min-height: 50px;
padding: 10px 20px;
border: 1px solid rgba(255, 255, 255, 0.15);
width: 100%;
background-color: #1b1b3f;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
color: #ffffff !important;
}
.form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.2);
}
.form-control::-moz-placeholder {
color: rgba(255, 255, 255, 0.2);
}
.form-control:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.2);
}
.form-control:-moz-placeholder {
color: rgba(255, 255, 255, 0.2);
}
.form-control:focus {
background-color: transparent;
box-shadow: none;
border-color: #ee005f;
}
.input-group-text {
background-color: #1b1b3f;
border-color: #1b1b3f;
color: #ffffff;
}
.input-group-text i {
font-size: 18px;
}
.form-group {
margin-bottom: 20px;
}
/* form css end*/

View file

@ -226,7 +226,7 @@
top: 105%;
left: -20px;
z-index: 9999;
background-color: #d50055;
background-color: $primary;
padding: 10px 0;
border-top: 2px solid #ee005f;
-webkit-box-shadow: 0px 18px 54px -8px rgba(0, 0, 0, 0.15);
@ -539,3 +539,5 @@ span.is-active:after {
}
/* header-search-area css end */
/* header end */

View file

@ -0,0 +1,105 @@
.movie-card {
overflow: hidden;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media (hover: none) {
.movie-card:hover {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.movie-card:hover .movie-card__thumb .icon {
opacity: 1;
visibility: visible;
}
}
.movie-card__thumb {
position: relative;
}
.movie-card__thumb img {
width: 100%;
// height: 420px;
aspect-ratio: 2/3;
object-fit: cover;
-o-object-fit: cover;
object-position: center;
-o-object-position: center;
}
.movie-card__thumb .icon {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.55);
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
color: $primary;
font-size: 24px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
@media not (hover) {
opacity: 1;
visibility: visible;
background-color: rgba(0, 0, 0, 0.2);
}
}
.movie-card__content {
padding: 20px;
background-color: #1b1b3f;
}
.movie-card__title {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: block;
}
@media (max-width: 425px) {
.movie-card .movie-card__content {
display: none;
}
}
.movie-card__content .year {
font-size: 14px;
}
.movie-card__meta {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 5px;
}
.movie-card__meta li i {
font-size: 12px;
}
.movie-card__meta li span {
font-size: 12px;
padding-left: 4px;
}

View file

@ -70,7 +70,7 @@ span {
}
a:hover {
color: #ee005f;
color: $primary;
}
/* reset css end */

View file

@ -1,6 +1,6 @@
picture {
figure {
position: absolute;
width:100%;
top:0;

View file

@ -35,13 +35,13 @@
{{-- <style>
{!! Vite::content('resources/scss/google-fonts.scss') !!}
{!! Vite::content('resources/scss/fa.scss') !!}
{!! Vite::content('resources/scss/la.scss') !!}
</style> --}}
@vite(['resources/js/img.js'])
</style> --}}
{{-- {!! Vite::content('resources/scss/la.scss') !!} --}}
{{-- @vite(['resources/js/img.js']) --}}
{{-- <link rel="preload" as="script" href="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script> --}}
{{-- <style> --}}
<link rel="preload" as="image" type="image/svg" href="{{asset('images/logo.svg')}}" fetchpriority="high"/>
<link rel="preload" as="image" type="image/svg+xml" href="{{asset('images/logo.svg')}}" fetchpriority="high"/>
@vite(['resources/scss/app.scss','resources/scss/google-fonts.scss'])
{{-- @vite(['resources/js/jqfix.js']) --}}
@ -82,9 +82,9 @@
{{-- @include('components.svg') --}}
{{-- @vite(['resources/js/img.js']) --}}
{{-- <script type="module">
<script type="module">
{!! Vite::content('resources/js/img.js')!!}
</script> --}}
</script>
{{-- <script type='text/javascript' src='https://code.jquery.com/jquery-3.7.1.min.js'></script> --}}
{{-- <link rel="preload" as="script" href="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"> --}}
<script src="https://code.jquery.com/jquery-3.3.1.min.js" crossorigin></script>

View file

@ -19,13 +19,13 @@
{{-- @endsection --}}
@section('app')
<section class="inner-hero bg_img dark--overlay lazy main-watch" data-id="{{ $movie['id'] }}" data-type="movie">
<picture>
<figure>
{{-- @if(isset($movie['backdrop']) && $movie['backdrop'] !== '')
<source type="image/webp" media="(max-width:767px)" data-src="{{img_url('w1280', $movie['backdrop_path'], true, 400, 225 )}}">
<source type="image/webp" media="(min-width:768px)" data-src="{{img_url('w1280', $movie['backdrop_path'], true, 1280, 720 )}}">
@endif --}}
<img @if(isset($movie['backdrop']) && $movie['backdrop'] !== '') data-src="{{img_url('w1280', $movie['backdrop_path'], true, 360, 200 )}}" data-srcset="{{img_url('w1280', $movie['backdrop_path'], true, 360, 200 )}} 360w, {{img_url('w1280', $movie['backdrop_path'], true, 1280, 720 )}} 1280w" class="lazy" @endif width="100%" height="720" alt="{{ str($movie['title'])->apa() }} ({{ $movie['year'] }})" src="data:image/svg+xml,%3Csvg width='1280' height='720' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1280' height='720' x='0' y='0' fill='%231B1B3F' /%3E%3C/svg%3E" data-sizes="70vw, 100vw">
</picture>
<img @if(isset($movie['backdrop']) && $movie['backdrop'] !== '') {{-- src="{{img_url('w1280', $movie['backdrop_path'], true, 360, 200 )}}" --}} data-srcset="{{img_url('w1280', $movie['backdrop_path'], true, 360, 200 )}} 360w, {{img_url('w1280', $movie['backdrop_path'], true, 1280, 720 )}} 1280w" class="lazy" @endif width="100%" height="720" alt="{{ str($movie['title'])->apa() }} ({{ $movie['year'] }})" src="data:image/svg+xml,%3Csvg width='1280' height='720' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1280' height='720' x='0' y='0' fill='%231B1B3F' /%3E%3C/svg%3E" data-sizes="70vw, 100vw">
</figure>
<div class="container position-relative">
<div class="row">
<div class="col-lg-12">

View file

@ -41,7 +41,7 @@ export default defineConfig({
'resources/js/jqfix.js',
// 'resources/js/components/Player.js',
],
refresh: {paths:['./resources/*','./resources/views/*','./resources/views/*/*', './resources/scss/*', './resources/js/*'], config:true},
refresh: {paths:['./resources/*','./resources/views/*','./resources/views/*/*', './resources/scss/*', './resources/scss/*/*', './resources/js/*'], config:true},
}),
purge({
templates: ['blade'],