Archive/HeimerdingerLoL
1
0
Fork 0
mirror of https://github.com/rico-vz/HeimerdingerLoL.git synced 2025-12-06 10:10:48 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(views): update champions index and show views

Browse Source 
- Updated the `index.blade.php` view to extend the `layouts.app` template and added a title, description, and content section.
- Added a new script (`lane-filter.js`) to be included in the `top_scripts` stack.
- Updated the `show.blade.php` view to extend the `layouts.app` template and added a title, description, and content section.
- Added a new script (`vert-scroll.js`) to be included in the `bottom_scripts` stack.
This commit is contained in:
Rico van Zelst
2023-12-08 17:46:45 +01:00
parent b7b3fab027
commit 40fada31bd
2 changed files with 23 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
resources/views/champions/index.blade.php
View File

@@ -1,54 +1,17 @@
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
@extends('layouts.app')
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
@section('title', 'Heimerdinger.LoL • Champions')
@section('description', 'Explore the world of League of Legends champions on Heimerdinger.LoL. Find detailed
information on top picks like Heimerdinger, Ezreal, Jinx and Lux. Dive into the action now!')
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="/img/icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/img/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/img/icons/favicon-16x16.png">
<link rel="manifest" href="/img/icons/site.webmanifest">
<link rel="mask-icon" href="/img/icons/safari-pinned-tab.svg" color="#e6855e">
<link rel="shortcut icon" href="/img/icons/favicon.ico">
<meta name="msapplication-TileColor" content="#ff7c47">
<meta name="msapplication-config" content="/img/icons/browserconfig.xml">
<meta name="theme-color" content="#ff7c47">
@push('top_scripts')
@vite('resources/js/lane-filter.js')
@endpush
<title>Heimerdinger.LoL • Champions</title>
<meta name="description"
content="Explore the world of League of Legends champions on Heimerdinger.LoL. Find detailed information on top picks like Heimerdinger, Ezreal, Jinx and Lux. Dive into the action now!">
@section('content')
<x-champions.list_all :champions="$champions" :roles="$roles"/>
@endsection
<!-- OpenGraph -->
<meta property="og:site_name" content="Heimerdinger.LoL">
<meta property="og:title" content="Heimerdinger.LoL • Champions">
<meta property="og:description" content="Explore League of Legends champions, skins, and game assets on Heimerdinger.LoL.
Your ultimate source for in-depth information on LoL gaming. Dive in now!">
<meta property="og:locale" content="en">
<meta property="og:type" content="website">
<meta property="og:image" content="{{asset('img/og_image.png')}}">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="heimerdinger.lol">
<meta property="twitter:title" content="Heimerdinger.LoL • Champions">
<meta property="twitter:description" content="Explore League of Legends champions, skins, and game assets on Heimerdinger.LoL.
Your ultimate source for in-depth information on LoL gaming. Dive in now!">
<meta property="twitter:image" content="{{asset('img/og_image.png')}}">
<link rel="preconnect" href="https://rsms.me/">
<link rel="preload" href="https://rsms.me/inter/inter.css" as="style">
<link rel="stylesheet" href="https://rsms.me/inter/inter.css" media="print" onload="this.media='all'">
@vite(['resources/css/app.css', 'resources/js/app.js', 'resources/js/lane-filter.js'])
</head>
<body class="antialiased bg-stone-900 dark scroll-smooth">
<x-navbar/>
<x-champions.list_all :champions="$champions" :roles="$roles"/>
<x-footer/>
@include('popper::assets')
</body>
</html>
@push('bottom_scripts')
@include('popper::assets')
@endpush

61
resources/views/champions/show.blade.php
View File

@@ -1,55 +1,14 @@
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
@extends('layouts.app')
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
@section('title', $champion->name . ' • Heimerdinger.LoL')
@section('description', 'Heimerdinger.LoL: ' . $champion->name . ' details showing all the information you need to know
about ' . $champion->name . ', ' . $champion->title . '. ' . substr($champion->lore, 0, 50) . '...')
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="/img/icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/img/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/img/icons/favicon-16x16.png">
<link rel="manifest" href="/img/icons/site.webmanifest">
<link rel="mask-icon" href="/img/icons/safari-pinned-tab.svg" color="#e6855e">
<link rel="shortcut icon" href="/img/icons/favicon.ico">
<meta name="msapplication-TileColor" content="#ff7c47">
<meta name="msapplication-config" content="/img/icons/browserconfig.xml">
<meta name="theme-color" content="#ff7c47">
@section('content')
<x-champions.grid_info :champion="$champion"/>
@endsection
<title>{{$champion->name}} • Heimerdinger.LoL</title>
<meta name="description"
content="Heimerdinger.LoL: {{$champion->name}} details showing all the information you need to know about {{$champion->name}}, {{$champion->title}}. {{substr($champion->lore, 0, 50)}}...">
@push('bottom_scripts')
@vite('resources/js/vert-scroll.js')
@endpush
<!-- OpenGraph -->
<meta property="og:site_name" content="Heimerdinger.LoL">
<meta property="og:title" content="{{$champion->name}} • Heimerdinger.LoL">
<meta property="og:description"
content="Heimerdinger.LoL: {{$champion->name}} details showing all the information you need to know about {{$champion->name}}, {{$champion->title}}. {{substr($champion->lore, 0, 50)}}...">
<meta property="og:locale" content="en">
<meta property="og:type" content="website">
<meta property="og:image" content="{{asset('img/og_image.png')}}">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="heimerdinger.lol">
<meta property="twitter:title" content="{{$champion->name}} • Heimerdinger.LoL">
<meta property="twitter:description"
content="Heimerdinger.LoL: {{$champion->name}} details showing all the information you need to know about {{$champion->name}}, {{$champion->title}}. {{substr($champion->lore, 0, 50)}}...">
<meta property="twitter:image" content="{{asset('img/og_image.png')}}">
<link rel="preconnect" href="https://rsms.me/">
<link rel="preload" href="https://rsms.me/inter/inter.css" as="style">
<link rel="stylesheet" href="https://rsms.me/inter/inter.css" media="print" onload="this.media='all'">
@vite(['resources/css/app.css', 'resources/js/app.js'])
</head>
<body class="antialiased bg-stone-900 dark scroll-smooth">
<x-navbar/>
<x-champions.grid_info :champion="$champion"/>
<x-footer/>
@vite('resources/js/vert-scroll.js')
</body>
</html>