File manager - Edit - /home/u300416816/domains/travelwithacam.com/public_html/resources/views/frontend/details/index.blade.php
Back
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>{{$game->name ?? ''}} - {{ old('website_name', $settings['website_name'] ?? '') }}</title> <meta name="description" content="{{$game->meta_description ?? ''}}"> <meta name="keywords" content="{{$game->tags ?? ''}}"> <link rel="icon" type="image/x-icon" href="{{asset('images/favicons/'.$settings['website_favicon'] ?? '')}}"> <!-- Meta Image for Social Sharing --> <meta property="og:title" content="{{$game->name ?? ''}} - HTML Games"> <meta property="og:description" content="{{$game->meta_description ?? ''}}"> <meta property="og:image" content="{{asset('images/games/banner/' . $game->banner ?? '')}}"> <meta property="og:url" content="{{ url('game/' . $game->slug ?? '') }}"> {!! $settings['google_analytics'] ?? '' !!} <!-- Twitter Meta Tags --> <meta name="twitter:card" content="{{asset('images/games/banner/' . $game->banner ?? '')}}"> <meta name="twitter:title" content="{{$game->name ?? ''}} - HTML Games"> <meta name="twitter:description" content="{{$game->meta_description ?? ''}}"> <meta name="twitter:image" content="{{asset('images/games/icons/' . $game->image ?? '')}}"> <!-- Canonical URL (for SEO) --> <link rel="canonical" href="{{ url('game/' . $game->slug ?? '') }}"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="{{asset('frontend/css/style.css')}}"> <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap" rel="stylesheet"> <style> .fixed-size-image-container{position:relative;width:100%;padding-top:100%;overflow:hidden}.fixed-size-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.play-button{width:60px;height:60px;background:rgba(0,0,0,.7);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;transition:background .3s}.popular-game-card,.related-game-card{background-color:#f8f9fa;padding:15px;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;border-radius:8px}.play-button img{width:50%;height:50%}.play-button:hover{background:rgba(0,0,0,.9)}.popular-game-card{min-height:200px}.popular-game-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,.2)}.popular-game-image{width:100%;max-width:120px;height:120px;border-radius:8px;object-fit:cover;margin:0 auto;display:block}.popular-game-card h6{font-size:16px;font-weight:600;margin-top:15px}.category-name{font-size:16px;color:#d47217;top:0}.category-scroll-container{overflow-x:auto;white-space:nowrap;scrollbar-width:none;padding:10px 0}.category-scroll-container::-webkit-scrollbar{display:none}.popular-game-list-item{padding:15px;background:#ddd;border-radius:10px;margin-bottom:15px}.popular-game-list-item .fixed-size-image-container{position:relative;width:80px;height:80px}.popular-game-list-item .fixed-size-image{width:100%;height:100%;object-fit:cover;border-radius:8px}.play-icon{width:24px}@media (max-width:768px){.play-img{width:150px}} </style> </head> <body> <!-- Header --> @include('frontend.partials._header') <div class="container-fluid my-4"> <div class="row"> <div class="col-md-12"> <div class="category-scroll-container" id="categoryScrollContainer"> <div class="d-flex flex-nowrap"> @foreach ($recentGames as $recent) <div class="text-center me-4"> <a style="text-decoration: none;" class="text-white" href="{{route('game', $recent->slug)}}"> <img src="{{asset('images/games/icons/' . $recent->image)}}" class="card-img-top mx-auto" style="width: 80px; height: 80px; object-fit: cover; border-radius: 5px;"> <p>{{ Str::limit($recent->name, 15, '...')}}</p> </a> </div> @endforeach </div> </div> </div> <div class="col-lg-9"> <div class="row"> <div class="col-lg-3 col-md-3 col-sm-12 mb-4 d-none d-lg-block"> <div class="row"> @foreach ($mostLikedGames as $liked) <div class="col-md-4 text-center"> <a class="text-white" style="text-decoration: none;" href="{{route('game', $liked->slug)}}"> <img style="border-radius: 10px;" class="card-img-top mx-auto" src="{{asset('images/games/icons/' . $liked->image)}}" loading="lazy"> <p class="text-truncate">{{Str::limit($liked->name, 15, '...')}}</p> </a> </div> @endforeach </div> </div> <div class="col-lg-9 col-md-6 col-sm-12 mb-4"> @php $categoryName = App\Models\Category::where('id', $game->category_id)->first(); @endphp <h1 class="mb-4">{{$game->name}} <span class="text-red category-name"> ({{$categoryName->name}})</span> </h1> @if ($top_ads && $top_ads->type == 'custom') @if ($top_ads->custom_html == null) <div class="mt-3 mb-3"> <img class="img-fluid mx-auto d-block" src="{{ asset('images/ads/' . $top_ads->custom_image) }}"> </div> @else <div class="mt-3 mb-3"> {!! $top_ads->custom_html !!} </div> @endif @else {!! $top_ads->adsense_code !!} @endif <div class="ratio ratio-16x9 position-relative"> <img src="{{asset('images/games/banner/'.$game->banner)}}" class="img-fluid" alt="Game Thumbnail"> <a href="{{route('game.play', $game->slug)}}" class="play-button1"> <img src="{{asset('frontend/img/main_play.png')}}" alt="Play" class="play-img position-absolute top-50 start-50 translate-middle"> </a> </div> <div class=""> <p class="mt-2">{!! $game->description !!}</p> <a href="{{route('game.play', $game->slug)}}" class="btn btn-primary">Play Now</a> </div> @if ($bottom_ads && $bottom_ads->type == 'custom') @if ($bottom_ads->custom_html == null) <div class="mt-3 mb-3"> <img class="img-fluid mx-auto d-block" src="{{ asset('images/ads/' . $bottom_ads->custom_image) }}"> </div> @else <div class="mt-3 mb-3"> {!! $bottom_ads->custom_html !!} </div> @endif @else {!! $bottom_ads->adsense_code !!} @endif </div> </div> <!-- Most Popular Games Section --> <div class="col-md-12 mt-4 mb-4"> <h3 class="card-title mb-3">Most Popular Games</h3> <div class="row"> @foreach ($popularGames as $popular) <div class="col-md-2 col-sm-4 col-6 mb-4"> <div class="popular-game-card text-center"> <a style="text-decoration: none;" href="{{route('game', $popular->slug)}}"> <img src="{{ asset('images/games/icons/' . $popular->image) }}" class="popular-game-image" alt="{{ $popular->name }}" loading="lazy"> <h6 class="mt-2 text-dark text-truncate">{{ $popular->name }}</h6> </a> </div> </div> @endforeach </div> </div> </div> <div class="col-lg-3 col-md-3 col-sm-12 mb-4"> <div class="bg-light p-4 mb-4"> <h5 class="card-title mb-2">Advertisement</h5> @foreach ($sidebar_ads as $sidebarad) @if($sidebarad->type == 'custom') @if ($sidebarad->custom_html == null) <a href="{{$sidebarad->custom_link}}" target="_blank"> <img src="{{asset('images/ads/'.$sidebarad->custom_image)}}" class="img-fluid w-100" alt="Ad Placeholder" loading="lazy"> </a> @else <div class="mt-3 mb-3"> {!! $sidebarad->custom_html !!} </div> @endif @else {!! $sidebarad->adsense_code !!} @endif @endforeach </div> <div class="bg-light p-4"> <h5 class="card-title mb-3">Related Games</h5> <div class="row related-games"> <div class="col-md-12"> <div class="row"> @foreach ($relatedGames as $related) <div class="col-md-4 col-sm-6 col-6 mb-4"> <div class="related-game-card text-center"> <a href="{{ route('game', $related->slug) }}" class="text-decoration-none"> <div class="fixed-size-image-container"> <img src="{{ asset('images/games/icons/' . $related->image) }}" class="card-img-top fixed-size-image" alt="{{ $related->name }}" loading="lazy"> <a href="{{ route('game', $related->slug) }}" class="play-button position-absolute top-50 start-50 translate-middle"> <img src="{{ asset('frontend/img/play.png') }}" alt="Play" class="play-icon"> </a> </div> <div class="card-body text-center"> <h6 class="mt-2 text-dark text-truncate">{{ $related->name }}</h6> </div> </a> </div> </div> @endforeach </div> </div> </div> </div> </div> </div> </div> <!-- Footer --> @include('frontend.partials._footer') <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> <script> document.addEventListener('DOMContentLoaded', function () { const scrollContainer = document.getElementById('categoryScrollContainer'); let scrollAmount = 0; let autoScrollInterval; function autoScroll() { scrollAmount += 1; scrollContainer.scrollLeft = scrollAmount; if (scrollAmount >= scrollContainer.scrollWidth - scrollContainer.clientWidth) { scrollAmount = 0; } } function startAutoScroll() { autoScrollInterval = setInterval(autoScroll, 50); } function stopAutoScroll() { clearInterval(autoScrollInterval); } startAutoScroll(); scrollContainer.addEventListener('mouseenter', stopAutoScroll); scrollContainer.addEventListener('mouseleave', startAutoScroll); }); </script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 8.2.28 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings