performance updates
This commit is contained in:
parent
507146945d
commit
ffd96af2ad
20 changed files with 3349 additions and 74 deletions
|
|
@ -37,7 +37,7 @@ public function index(ApiClient $api, TmdbClient $tmdb)
|
|||
$comingsoon = $this->formatTmdbResponse($tmdb->getComingSoonMovies(1), false, [], 6)['data'];
|
||||
$airing = $this->formatTmdbResponse($tmdb->getAiringShows(1), false, [], 12)['data'];
|
||||
|
||||
$hero = $this->getHomeHeroSliderData($api->getTrendingMovies(1, 7), $tmdb);
|
||||
$hero = $this->getHomeHeroSliderData($api->getTrendingMovies(1, 5), $tmdb);
|
||||
// dd($hero);
|
||||
|
||||
|
||||
|
|
|
|||
12
public/build/assets/animate-CTR4MslQ.css
Normal file
12
public/build/assets/animate-CTR4MslQ.css
Normal file
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
1
public/build/assets/home-BGX3ALD4.css
Normal file
1
public/build/assets/home-BGX3ALD4.css
Normal file
|
|
@ -0,0 +1 @@
|
|||
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-track{height:auto}*,*:before,*:after{box-sizing:border-box}@media (max-width: 1199px){.hero{margin-top:70px}}.hero .hero__slider{display:flex;flex-direction:row;width:auto;flex-wrap:nowrap}.hero .movie-slide{padding-top:50px;padding-bottom:50px;position:relative;z-index:1;display:flex!important;flex-wrap:wrap;align-items:center;height:695px}@media (max-width: 1199px){.hero__slider .movie-slide{height:600px}}@media (max-width: 991px){.hero__slider .movie-slide{height:450px}}@media (max-width: 767px){.hero__slider .movie-slide{height:400px}}@media (max-width: 575px){.hero__slider .movie-slide{height:290px}}@media (max-width: 400px){.hero__slider .movie-slide{height:195px}}
|
||||
1
public/build/assets/home-BWWQaQZ-.js
Normal file
1
public/build/assets/home-BWWQaQZ-.js
Normal file
|
|
@ -0,0 +1 @@
|
|||
function r(){var e=$(".hero__slider");e&&(e.on("init",function(a,o){var i=$(".movie-slide:first-child").find("[data-animation]");t(i)}),e.on("beforeChange",function(a,o,i,s){var n=$('.movie-slide[data-slick-index="'+s+'"]').find("[data-animation]");t(n)}),e.slick({autoplay:!0,autoplaySpeed:3e3,lazyLoad:"ondemand",dots:!0,fade:!1,arrows:!1,responsive:[{breakpoint:1024,settings:{slidesToShow:1,slidesToScroll:1,infinite:!0}},{breakpoint:991,settings:{slidesToShow:1,slidesToScroll:1,arrows:!1}},{breakpoint:767,settings:{slidesToShow:1,slidesToScroll:1,arrows:!1}}]}));function t(a){var o="webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend";a.each(function(){var i=$(this),s=i.data("delay"),n="animated "+i.data("animation");i.css({"animation-delay":s,"-webkit-animation-delay":s}),i.addClass(n).one(o,function(){i.removeClass(n)})})}}r();$(".movie-slider-one").slick({lazyLoad:"ondemand",autoplay:!0,slidesToShow:7,slidesToScroll:1,infinite:!0,speed:700,dots:!1,arrows:!0,nextArrow:'<div class="next"><svg class="si"><use href="#si-long-arrow-right"></svg></i></div>',prevArrow:'<div class="prev"><svg class="si"><use href="#si-long-arrow-left"></svg></i></div>',responsive:[{breakpoint:1650,settings:{slidesToShow:5}},{breakpoint:1200,settings:{slidesToShow:4}},{breakpoint:992,settings:{slidesToShow:3}},{breakpoint:768,settings:{slidesToShow:2}},{breakpoint:512,settings:{slidesToShow:2}}]});(function(e){"user strict"})(jQuery);document.addEventListener("readystatechange",e=>{});
|
||||
|
|
@ -1 +0,0 @@
|
|||
function l(){var e=$(".hero__slider");e&&(e.on("init",function(s,t){var i=$(".movie-slide:first-child").find("[data-animation]");o(i)}),e.on("beforeChange",function(s,t,i,a){var n=$('.movie-slide[data-slick-index="'+a+'"]').find("[data-animation]");o(n)}),e.slick({autoplay:!0,autoplaySpeed:3e3,dots:!0,fade:!1,arrows:!1,responsive:[{breakpoint:1024,settings:{slidesToShow:1,slidesToScroll:1,infinite:!0}},{breakpoint:991,settings:{slidesToShow:1,slidesToScroll:1,arrows:!1}},{breakpoint:767,settings:{slidesToShow:1,slidesToScroll:1,arrows:!1}}]}));function o(s){var t="webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend";s.each(function(){var i=$(this),a=i.data("delay"),n="animated "+i.data("animation");i.css({"animation-delay":a,"-webkit-animation-delay":a}),i.addClass(n).one(t,function(){i.removeClass(n)})})}}l();$(".movie-slider-one").slick({lazyLoad:"ondemand",autoplay:!0,slidesToShow:7,slidesToScroll:1,infinite:!0,speed:700,dots:!1,arrows:!0,nextArrow:'<div class="next"><i class="las la-long-arrow-alt-right"></i></div>',prevArrow:'<div class="prev"><i class="las la-long-arrow-alt-left"></i></div>',responsive:[{breakpoint:1650,settings:{slidesToShow:5}},{breakpoint:1200,settings:{slidesToShow:4}},{breakpoint:992,settings:{slidesToShow:3}},{breakpoint:768,settings:{slidesToShow:2}},{breakpoint:512,settings:{slidesToShow:2}}]});(function(e){"user strict"})(jQuery);document.addEventListener("readystatechange",e=>{});
|
||||
|
|
@ -1 +0,0 @@
|
|||
.hero__slider .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.hero__slider .movie-slide{padding-top:50px;padding-bottom:50px;position:relative;z-index:1;display:flex!important;flex-wrap:wrap;align-items:center;height:695px}.hero__slider .movie-slide:before{height:695px}@media (max-width: 1199px){.hero__slider .movie-slide{height:600px}}@media (max-width: 991px){.hero__slider .movie-slide{height:450px}}@media (max-width: 767px){.hero__slider .movie-slide{height:400px}}@media (max-width: 575px){.hero__slider .movie-slide{height:290px}}@media (max-width: 400px){.hero__slider .movie-slide{height:195px}}
|
||||
|
|
@ -6,7 +6,7 @@
|
|||
"isEntry": true
|
||||
},
|
||||
"resources/js/home.js": {
|
||||
"file": "assets/home-BhWzZn8-.js",
|
||||
"file": "assets/home-BWWQaQZ-.js",
|
||||
"name": "home",
|
||||
"src": "resources/js/home.js",
|
||||
"isEntry": true
|
||||
|
|
@ -35,8 +35,13 @@
|
|||
"src": "resources/js/watch.js",
|
||||
"isEntry": true
|
||||
},
|
||||
"resources/scss/animate.scss": {
|
||||
"file": "assets/animate-CTR4MslQ.css",
|
||||
"src": "resources/scss/animate.scss",
|
||||
"isEntry": true
|
||||
},
|
||||
"resources/scss/app.scss": {
|
||||
"file": "assets/app-CKeq77Z2.css",
|
||||
"file": "assets/app-BYCjvQk9.css",
|
||||
"src": "resources/scss/app.scss",
|
||||
"isEntry": true
|
||||
},
|
||||
|
|
@ -46,7 +51,7 @@
|
|||
"isEntry": true
|
||||
},
|
||||
"resources/scss/home.scss": {
|
||||
"file": "assets/home-DrDojpTT.css",
|
||||
"file": "assets/home-BGX3ALD4.css",
|
||||
"src": "resources/scss/home.scss",
|
||||
"isEntry": true
|
||||
},
|
||||
|
|
|
|||
|
|
@ -20,6 +20,7 @@
|
|||
BasicSlider.slick({
|
||||
autoplay: true,
|
||||
autoplaySpeed: 3000,
|
||||
lazyLoad: 'ondemand',
|
||||
dots: true,
|
||||
fade: false,
|
||||
arrows: false,
|
||||
|
|
@ -84,8 +85,8 @@ $('.movie-slider-one').slick({
|
|||
speed: 700,
|
||||
dots: false,
|
||||
arrows: true,
|
||||
nextArrow: '<div class="next"><i class="las la-long-arrow-alt-right"></i></div>',
|
||||
prevArrow: '<div class="prev"><i class="las la-long-arrow-alt-left"></i></div>',
|
||||
nextArrow: '<div class="next"><svg class="si"><use href="#si-long-arrow-right"></svg></i></div>',
|
||||
prevArrow: '<div class="prev"><svg class="si"><use href="#si-long-arrow-left"></svg></i></div>',
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 1650,
|
||||
|
|
|
|||
|
|
@ -1938,7 +1938,7 @@ a:hover {
|
|||
position: absolute;
|
||||
width: 30px;
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
// line-height: 25px;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
color: #ffffff;
|
||||
|
|
|
|||
3137
resources/scss/animate.scss
vendored
Normal file
3137
resources/scss/animate.scss
vendored
Normal file
File diff suppressed because it is too large
Load diff
|
|
@ -1,11 +1,23 @@
|
|||
.hero__slider {
|
||||
.slick-list {
|
||||
position: relative;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
.slick-track {
|
||||
height: auto;
|
||||
}
|
||||
@import "../vendor/css/slick.css";
|
||||
*,*:before,*:after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
@media (max-width: 1199px) {
|
||||
.hero {
|
||||
margin-top: 70px;
|
||||
}
|
||||
}
|
||||
.hero {
|
||||
.hero__slider {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
width: auto;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
.movie-slide {
|
||||
padding-top: 50px;
|
||||
|
|
@ -21,11 +33,11 @@
|
|||
|
||||
&::before {
|
||||
// display: none;
|
||||
height: 695px;
|
||||
// height: 695px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
|
|
|
|||
119
resources/vendor/css/slick.css
vendored
Normal file
119
resources/vendor/css/slick.css
vendored
Normal file
|
|
@ -0,0 +1,119 @@
|
|||
/* Slider */
|
||||
.slick-slider
|
||||
{
|
||||
position: relative;
|
||||
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
-webkit-touch-callout: none;
|
||||
-khtml-user-select: none;
|
||||
-ms-touch-action: pan-y;
|
||||
touch-action: pan-y;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
.slick-list
|
||||
{
|
||||
position: relative;
|
||||
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.slick-list:focus
|
||||
{
|
||||
outline: none;
|
||||
}
|
||||
.slick-list.dragging
|
||||
{
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
|
||||
.slick-slider .slick-track,
|
||||
.slick-slider .slick-list
|
||||
{
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
-o-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.slick-track
|
||||
{
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.slick-track:before,
|
||||
.slick-track:after
|
||||
{
|
||||
display: table;
|
||||
|
||||
content: '';
|
||||
}
|
||||
.slick-track:after
|
||||
{
|
||||
clear: both;
|
||||
}
|
||||
.slick-loading .slick-track
|
||||
{
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.slick-slide
|
||||
{
|
||||
display: none;
|
||||
float: left;
|
||||
|
||||
height: 100%;
|
||||
min-height: 1px;
|
||||
}
|
||||
[dir='rtl'] .slick-slide
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
.slick-slide img
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
.slick-slide.slick-loading img
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
.slick-slide.dragging img
|
||||
{
|
||||
pointer-events: none;
|
||||
}
|
||||
.slick-initialized .slick-slide
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
.slick-loading .slick-slide
|
||||
{
|
||||
visibility: hidden;
|
||||
}
|
||||
.slick-vertical .slick-slide
|
||||
{
|
||||
display: block;
|
||||
|
||||
height: auto;
|
||||
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.slick-arrow.slick-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -53,6 +53,12 @@
|
|||
<symbol id="si-caret-down" viewBox="0 0 32 32">
|
||||
<path d="M 3.59375 12 L 5.28125 13.71875 L 15.28125 23.71875 L 16 24.40625 L 16.71875 23.71875 L 26.71875 13.71875 L 28.40625 12 Z M 8.4375 14 L 23.5625 14 L 16 21.5625 Z"/>
|
||||
</symbol>
|
||||
<symbol id="si-long-arrow-left" viewBox="0 0 32 32">
|
||||
<path d="M 10.8125 9.28125 L 4.09375 16 L 10.8125 22.71875 L 12.21875 21.28125 L 7.9375 17 L 28 17 L 28 15 L 7.9375 15 L 12.21875 10.71875 Z"/>
|
||||
</symbol>
|
||||
<symbol id="si-long-arrow-right" viewBox="0 0 32 32">
|
||||
<path d="M 21.1875 9.28125 L 19.78125 10.71875 L 24.0625 15 L 4 15 L 4 17 L 24.0625 17 L 19.78125 21.28125 L 21.1875 22.71875 L 27.90625 16 Z"/>
|
||||
</symbol>
|
||||
<symbol id="svg-logo" viewBox="0 0 971 244">
|
||||
<title>logo</title>
|
||||
<ellipse cx="528.2" cy="101.4" fill="#03cf03" rx="100" ry="100.4"/><path fill="#fff" fill-opacity=".4" d="M592 90l-94-56c-8-4-20 0-20 11v112c0 10 11 16 20 11l94-56a13 13 0 000-22zm-28 19l-56 33a9 9 0 01-13-7V68a9 9 0 0113-7l56 33a9 9 0 010 15z"/><path fill="#fff" d="M508 61l56 33a9 9 0 010 15l-56 33a9 9 0 01-13-7V68a9 9 0 0113-7zM67 22v159H28V95l-1-22c-1-2-2-4-5-5-6-2-12-3-17-2H1V47c19-4 33-12 43-25zm100 132v27H81v-23l46-78c4-10 7-18 7-24l-2-9c-2-2-4-4-7-4s-5 1-7 4l-2 14v15H81v-6l1-21c2-12 10-21 21-26 6-3 13-4 20-4 16 0 28 4 36 12 8 7 12 17 12 29 0 9-2 19-7 29-4 10-18 32-40 65h43zm90-63c6 2 10 5 13 10 3 4 4 15 4 32 1 13-1 23-4 30s-8 12-15 15c-8 4-17 6-27 6s-20-2-29-6c-6-4-11-9-14-16-3-10-4-21-3-32v-12h39v25l1 14 6 2c3 0 5-1 6-3l1-19v-11l-2-13c-1-3-3-5-6-5-5-2-10-2-16-2V83l18-1 5-5 1-11v-9c0-6 0-9-2-11-1-2-2-3-5-3s-4 1-5 3l-2 12v13h-39V58c0-16 3-26 10-31 7-6 18-8 33-8 19 0 31 3 38 11 7 7 10 18 10 31 0 9-1 15-3 19-4 5-8 8-13 11zm160-69v159h-36V74l-15 107h-25L326 76v105h-36V22h53l5 34 6 40 9-74h54zm315 0l-20 159h-63L625 22h44c5 44 8 81 10 111l7-81 3-30zm49 0v159h-41V22zm16 0h69v32h-28v30h26v30h-26v35h30v32h-71zm170 48h-38V58l-2-10c0-2-2-2-4-2-3 0-5 1-6 3l-2 9 2 12c3 4 7 7 12 9 18 11 30 20 34 27 5 7 8 19 8 34 0 12-2 20-4 25-4 6-9 11-16 14-8 4-17 5-26 5-11 0-20-2-28-6-7-3-13-9-15-16-3-9-4-18-4-28v-10h38v19l2 12c1 2 3 2 5 2 3 0 5-1 7-3l2-9c0-10-2-16-4-19l-19-14-21-15c-3-3-6-7-8-13l-3-21c0-12 1-21 4-26 3-6 8-10 15-13 8-4 17-5 25-5 11 0 20 2 28 5 6 2 11 7 15 13 2 9 4 18 3 27v6zM296 241v1l-1 1h-9l-1-1-1-1-7-27-6 27v1l-1 1h-10l-1-1v-1l-10-37v-3h9v1l7 33 8-32v-1l1-1h8v1l1 1 8 32 7-33 1-1h7v3zm38 1v1h-1l-2 1-2-1h-1v-3c-3 3-6 4-10 4l-7-2-2-3-1-4 1-5 3-3 5-2h9v-5l-1-1-2-1h-6l-5 2h-2v-1l-1-1 1-3v-1l2-1 6-2 9 1 4 2 3 3v6zm-8-12h-6l-3 1-1 1v2l1 3 3 1 3-1 3-2zm33 9v3l-1 1-2 1h-3l-5-1-3-2-1-3-1-5v-14h-3l-1-1-1-4 1-1v-1h4v-7l1-1h7v8h7l1 1v5l-1 1h-7v13l1 4 3 1h2l1-1h1v3zm27-1v3h-1l-1 1-5 2h-3l-6-1-4-3-3-5-1-7 1-7 3-6 5-3h11l2 1 1 1 1 1v5l-1 1-1-1-2-1-2-1h-3l-5 2-1 8v4l1 3 2 1 3 1h3l4-3h1l1 1v2zm34 4l-1 1h-7l-1-1v-20l-1-2-1-1-2-1-4 1-3 4v20h-8v-44l1-1h6l1 1v16l4-3 5-1 5 1 3 3 2 4 1 5zm76 0l-1 1h-7l-1-1v-34l-12 34v1h-8l-1-1-11-34h-1v35h-7l-1-1v-38l1-2 3-1h8l3 2 1 3 9 25 9-25 1-2 2-2 1-1h9l1 1 1 1v39zm38-15l-1 7-3 5-5 4h-14c-4-1-7-4-8-8v-14c2-4 5-7 8-9l7-1 7 1c4 1 7 5 8 8l1 7zm-9 1v-4l-1-3-2-3h-7l-2 2-2 3a21 21 0 001 12l2 2h7l2-2 2-3v-4zm42-15v1l-1 1-9 27v1h-11v-1l-9-27-1-2 1-1h8v1l7 21v1l6-22 1-1h7l1 1zm13 29l-1 1h-7l-1-1v-29l1-1h7l1 1v29zm0-39l-1 3-3 2-4-1-1-4 1-3 4-1 3 1 1 3zm35 24l-1 2-2 1h-18l1 3 1 3 3 1 3 1 7-1 2-1h2v6h-2l-2 1-7 1-7-1-5-3-3-5v-14l3-5c3-3 7-5 11-5l6 1c3 2 6 4 7 8l1 5zm-8-3l-2-5-4-2h-3l-2 2-1 2-1 3zm35 10l-1 4-3 3-4 2a19 19 0 01-14-1v-6l1-1 1 1 4 2h5l1-1 2-1v-1l-1-2-1-1-8-4-2-1c-2-2-2-4-2-6v-4l3-3 4-2a17 17 0 0111 1h1l1 1v5h-2l-3-2h-5l-1 1-1 1-1 1 1 2 2 1 2 1 5 2 3 2 2 6zm59-12l-1 9-4 7-6 4-9 2-9-1c-5-2-8-6-9-11-2-6-2-13 0-19l4-7c1-2 3-3 6-4 5-2 12-2 17-1l6 4 4 7 1 10zm-9 0v-6l-2-5-3-3-5-1-6 1-3 4-2 4v12l2 5 3 3 5 1 6-1 3-4 2-4v-6zm44 20v1h-8l-1-1v-20l-1-2-3-2-4 1-3 4v20h-8v-31h7v4l5-4 5-1 5 1 3 3 2 4 1 5v18zm16 0v1h-8v-44l1-1h6l1 1zm16 0v1h-8v-31h8v30zm1-39l-1 3-4 1-3-1-1-3 1-3 3-1 4 1 1 3zm35 39v1h-8v-21l-1-2-4-2-3 1-3 4v19l-1 1h-7l-1-1v-29l1-1h6v4l5-4 6-1 5 1 3 3 2 4v23zm35-15l-1 2-1 1h-18v3l2 3 2 1 4 1 6-1 2-1h2l1 1-1 4v1h-1l-3 1-7 1-7-1c-3-1-6-4-7-8-2-5-2-9 0-14 1-4 3-7 7-9l6-1 7 1c3 2 5 4 6 8l1 5zm-8-3l-1-5-5-2h-2l-2 2-2 2v3z"/>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
|
|
@ -3,10 +3,10 @@
|
|||
@push('head')
|
||||
<style>
|
||||
{!! Vite::content('resources/scss/home.scss') !!}
|
||||
{!! Vite::content('resources/scss/animate.scss') !!}
|
||||
</style>
|
||||
<link href="{{ asset('css/vendor/animate.min.css') }}" rel="stylesheet">
|
||||
{{-- <link href="{{ asset('css/vendor/nice-select.css') }}" rel="stylesheet"> --}}
|
||||
<link href="{{ asset('css/vendor/slick.css') }}" rel="stylesheet">
|
||||
{{-- @vite(['resources/scss/animate.scss']) --}}
|
||||
|
||||
@endpush
|
||||
|
||||
@section('app')
|
||||
|
|
@ -15,52 +15,35 @@
|
|||
<section class="hero">
|
||||
<div class="hero__slider">
|
||||
@foreach ($hero as $slider)
|
||||
{{-- {{dd($slider)}} --}}
|
||||
{{-- @if ($slider->caption_show != 1)
|
||||
<div class="single-slide">
|
||||
<a href="{{ route('watch', $slider->item->id) }}">
|
||||
<img src="{{ getImage(getFilePath('slider') . '/' . $slider->image) }}" alt="hero-image">
|
||||
</a>
|
||||
</div>
|
||||
@else --}}
|
||||
<div class="movie-slide lazy bg_img" data-bg="{{ $slider['backdrop'] }}" >
|
||||
<div class="movie-slide__content">
|
||||
<h2 class="movie-name" data-animation="fadeInUp" data-delay=".2s">{{ __($slider['title']) }}</h2>
|
||||
<ul class="movie-meta justify-content-lg-start justify-content-center" data-animation="fadeInUp" data-delay=".4s">
|
||||
@if($slider['vote_average'] && $slider['vote_average'] != 0)
|
||||
<li><i class="color--glod">
|
||||
<svg class="si">
|
||||
<use href="#si-star-fill"></use>
|
||||
</svg>
|
||||
</i> <span>({{$slider['vote_average'] ?? 'NA'}})</span></li>
|
||||
@endif
|
||||
@foreach($slider['genres'] as $genre)
|
||||
<li><span>{{ $genre['name'] }}</span></li>
|
||||
@endforeach
|
||||
</ul>
|
||||
<p data-animation="fadeInUp" data-delay=".7s">{{ __($slider['overview']) }}</p>
|
||||
<div class="btn-area justify-content-lg-start justify-content-center align-items-center mt-lg-5 mt-sm-3 mt-2" data-animation="fadeInLeft" data-delay="1s">
|
||||
{{-- @if ($slider->item->item_type == 3) --}}
|
||||
<a class="video-btn justify-content-lg-start justify-content-center" href="{{ route('movie', ['slug' => $slider['slug'], 'id' => $slider['id']]) }}">
|
||||
<div class="icon">
|
||||
<svg class="si">
|
||||
<use href="#si-play"></use>
|
||||
</svg>
|
||||
</div>
|
||||
<span>@lang('Watch')</span>
|
||||
</a>
|
||||
{{-- @else
|
||||
<a class="video-btn justify-content-lg-start justify-content-center" href="/">
|
||||
<div class="icon">
|
||||
<i class="fas fa-play"></i>
|
||||
</div>
|
||||
<span>@lang('Watch Now')</span>
|
||||
</a>
|
||||
@endif --}}
|
||||
</div>
|
||||
<div class="movie-slide lazy bg_img" data-bg="{{ $slider['backdrop'] }}" >
|
||||
<div class="movie-slide__content">
|
||||
<h2 class="movie-name" data-animation="fadeInUp" data-delay=".2s">{{ __($slider['title']) }}</h2>
|
||||
<ul class="movie-meta justify-content-lg-start justify-content-center" data-animation="fadeInUp" data-delay=".4s">
|
||||
@if($slider['vote_average'] && $slider['vote_average'] != 0)
|
||||
<li><i class="color--glod">
|
||||
<svg class="si">
|
||||
<use href="#si-star-fill"></use>
|
||||
</svg>
|
||||
</i> <span>({{$slider['vote_average'] ?? 'NA'}})</span></li>
|
||||
@endif
|
||||
@foreach($slider['genres'] as $genre)
|
||||
<li><span>{{ $genre['name'] }}</span></li>
|
||||
@endforeach
|
||||
</ul>
|
||||
<p data-animation="fadeInUp" data-delay=".7s">{{ __($slider['overview']) }}</p>
|
||||
<div class="btn-area justify-content-lg-start justify-content-center align-items-center mt-lg-5 mt-sm-3 mt-2" data-animation="fadeInLeft" data-delay="1s">
|
||||
{{-- @if ($slider->item->item_type == 3) --}}
|
||||
<a class="video-btn justify-content-lg-start justify-content-center" href="{{ route('movie', ['slug' => $slider['slug'], 'id' => $slider['id']]) }}">
|
||||
<div class="icon">
|
||||
<svg class="si">
|
||||
<use href="#si-play"></use>
|
||||
</svg>
|
||||
</div>
|
||||
<span>@lang('Watch')</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{{-- @endif --}}
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -82,6 +65,5 @@
|
|||
|
||||
@section('footer')
|
||||
<script type="module" src="{{ asset('js/vendor/slick.min.js') }}"></script>
|
||||
<script type="module" src="{{ asset('js/vendor/wow.min.js') }}"></script>
|
||||
@vite(['resources/js/home.js'])
|
||||
@endsection
|
||||
|
|
|
|||
|
|
@ -40,13 +40,13 @@
|
|||
</head>
|
||||
<body @stack('context')>
|
||||
<!-- preloader start -->
|
||||
{{-- <div id="preloader">
|
||||
<div id="preloader">
|
||||
<div class="pre-logo">
|
||||
<div class="gif">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><radialGradient id="a12" cx=".66" fx=".66" cy=".3125" fy=".3125" gradientTransform="scale(1.5)"><stop offset="0" stop-color="#03CF03"></stop><stop offset=".3" stop-color="#03CF03" stop-opacity=".9"></stop><stop offset=".6" stop-color="#03CF03" stop-opacity=".6"></stop><stop offset=".8" stop-color="#03CF03" stop-opacity=".3"></stop><stop offset="1" stop-color="#03CF03" stop-opacity="0"></stop></radialGradient><circle transform-origin="center" fill="none" stroke="url(#a12)" stroke-width="20" stroke-linecap="round" stroke-dasharray="200 1000" stroke-dashoffset="0" cx="100" cy="100" r="70"><animateTransform type="rotate" attributeName="transform" calcMode="spline" dur="0.7" values="360;0" keyTimes="0;1" keySplines="0 0 1 1" repeatCount="indefinite"></animateTransform></circle><circle transform-origin="center" fill="none" opacity=".2" stroke="#03CF03" stroke-width="20" stroke-linecap="round" cx="100" cy="100" r="70"></circle></svg>
|
||||
</div>
|
||||
</div>
|
||||
</div> --}}
|
||||
</div>
|
||||
<!-- preloader end -->
|
||||
|
||||
<div class="page-wrapper" id="main-scrollbar" data-scrollbar>
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
|
||||
<div class="movie-card" data-text="@lang('Free')">
|
||||
<div class="movie-card__thumb">
|
||||
<img class="lazy" data-lazy="{{$featured['image']}}" src="data:image/svg+xml,%3Csvg width='300' height='450' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='300' height='450' x='0' y='0' fill='%231B1B3F' /%3E%3C/svg%3E" alt="@lang('image')">
|
||||
<img class="lazy" data-lazy="{{$featured['image']}}" width="300" height="450" src="data:image/svg+xml,%3Csvg width='300' height='450' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='300' height='450' x='0' y='0' fill='%231B1B3F' /%3E%3C/svg%3E" alt="@lang('image')">
|
||||
<a class="icon" href="{{ route($featured['route'], ['id' => $featured['id'], 'slug' => $featured['slug']]) }}">
|
||||
<svg class="si">
|
||||
<use href="#si-play"></use>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<div class="row align-items-center">
|
||||
<div class="col-xl-5 col-lg-6">
|
||||
<div class="single-movie-thumb">
|
||||
<img class="lazy w-100" data-src="{{ $item['backdrop'] }}" src="data:image/svg+xml,%3Csvg width='780' height='439' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='780' height='439' x='0' y='0' fill='%231B1B3F' /%3E%3C/svg%3E" alt="image">
|
||||
<img class="lazy w-100" width="780" height="439" data-src="{{ $item['backdrop'] }}" src="data:image/svg+xml,%3Csvg width='780' height='439' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='780' height='439' x='0' y='0' fill='%231B1B3F' /%3E%3C/svg%3E" alt="image">
|
||||
<a class="video-btn" href="{{ route($item['route'], ['id' => $item['id'], 'slug' => $item['slug']]) }}">
|
||||
<div class="icon">
|
||||
<i>
|
||||
|
|
|
|||
|
|
@ -43,7 +43,7 @@
|
|||
@foreach ($col2_items as $trending)
|
||||
<li class="movie-small" data-text="{{ str($trending['type'])->apa() }}">
|
||||
<div class="movie-small__thumb">
|
||||
<img class="lazy" data-src="{{ $trending['image'] }}" src="data:image/svg+xml,%3Csvg width='300' height='450' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='300' height='450' x='0' y='0' fill='%231B1B3F' /%3E%3C/svg%3E" alt="{{$trending['title']}}">
|
||||
<img class="lazy" data-src="{{ $trending['image'] }}" width="300" height="450" src="data:image/svg+xml,%3Csvg width='300' height='450' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='300' height='450' x='0' y='0' fill='%231B1B3F' /%3E%3C/svg%3E" alt="{{$trending['title']}}">
|
||||
</div>
|
||||
<div class="movie-small__content">
|
||||
<h5>{{$trending['title'] }}</h5>
|
||||
|
|
@ -72,7 +72,7 @@
|
|||
<div class="col-xxl-6 col-xl-4">
|
||||
<div class="single-movie">
|
||||
<div class="single-movie__thumb">
|
||||
<img class="w-100 lazy opacity-50" data-src="{{ $item['backdrop'] }}" alt="{{$item['title']}}" src="data:image/svg+xml,%3Csvg width='780' height='439' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='780' height='439' x='0' y='0' fill='%231B1B3F' /%3E%3C/svg%3E">
|
||||
<img class="w-100 lazy opacity-50" width="780" height="439" data-src="{{ $item['backdrop'] }}" alt="{{$item['title']}}" src="data:image/svg+xml,%3Csvg width='780' height='439' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='780' height='439' x='0' y='0' fill='%231B1B3F' /%3E%3C/svg%3E">
|
||||
</div>
|
||||
@if (@$trending_movies)
|
||||
<a class="video-btn" href="{{ route($item['route'], ['id' => $item['id'], 'slug' => $item['slug']]) }}">
|
||||
|
|
|
|||
|
|
@ -32,6 +32,7 @@ export default defineConfig({
|
|||
'resources/scss/google-fonts.scss',
|
||||
'resources/scss/watch.scss',
|
||||
'resources/scss/home.scss',
|
||||
'resources/scss/animate.scss',
|
||||
// 'resources/vendor/css/fontawesome-all.min.css',
|
||||
// 'resources/vendor/css/line-awesome.min.css',
|
||||
'resources/js/app.js',
|
||||
|
|
@ -47,7 +48,7 @@ export default defineConfig({
|
|||
templates: ['blade'],
|
||||
safelist: {
|
||||
deep: [/dropdown-menu$/, /navbar$/],
|
||||
greedy: [/loaded/, /la-(long|facebook|linkedin|twitter|pinterest|plus-circle)/, /fa-(search|play)/, /show$/, /collapsing$/, /aos/, /data/, /reveal/, /show-filters/, /modal/, /collapsed/, /expand/, /slideout/, /^navbar/, /collapse/, /slick/, /prev/, /next/, /animated/, /menu-fixed/, /fadeInDown/, /open/, /show/]
|
||||
greedy: [/loaded/, /la-(long|facebook|linkedin|twitter|pinterest|plus-circle)/, /fa-(search|play)/, /show$/, /collapsing$/, /aos/, /data/, /reveal/, /show-filters/, /modal/, /collapsed/, /expand/, /slideout/, /^navbar/, /collapse/, /slick/, /prev/, /next/, /animated/, /menu-fixed/, /fadeInDown/, /open/, /show/, /slick-slider/, /slick-track/]
|
||||
},
|
||||
})
|
||||
],
|
||||
|
|
|
|||
Loading…
Reference in a new issue