refactor(emotes): update emotes index view

- Refactored the emotes index view to extend the 'layouts.app' blade template.
- Updated the title and description sections with dynamic content using Blade directives.
- Removed unnecessary meta tags related to favicon, OpenGraph, and Twitter.
- Added a new section for content and included the 'x-emotes.list_all' component.

This commit improves the structure and organization of the emotes index view by utilizing reusable components and dynamic content.
This commit is contained in:
Rico van Zelst
2023-12-08 17:41:33 +01:00
parent 561e53cee6
commit b7b3fab027

View File

@@ -1,53 +1,9 @@
<!DOCTYPE html> @extends('layouts.app')
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head> @section('title', 'Heimerdinger.LoL • Emotes')
<meta charset="utf-8"> @section('description', 'Explore all LoL Emotes on Heimerdinger.LoL. Find detailed information on popular emotes such as
<meta name="viewport" content="width=device-width, initial-scale=1"> Dab Pengu, Bee Mad, Little Camper, Super Shy, PENGUMODE and more!')
<!-- Favicon --> @section('content')
<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">
<title>Heimerdinger.LoL Emotes</title>
<meta name="description"
content="Explore all LoL Emotes on Heimerdinger.LoL. Find detailed information on popular emotes such as Dab Pengu, Bee Mad, Little Camper and more!">
<!-- OpenGraph -->
<meta property="og:site_name" content="Heimerdinger.LoL">
<meta property="og:title" content="Heimerdinger.LoL • Emotes">
<meta property="og:description"
content="Explore all LoL Emotes on Heimerdinger.LoL. Find detailed information on popular emotes such as Dab Pengu, Bee Mad, Little Camper and more!">
<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 • Emotes">
<meta property="twitter:description"
content="Explore all LoL Emotes on Heimerdinger.LoL. Find detailed information on popular emotes such as Dab Pengu, Bee Mad, Little Camper and more!">
<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-emotes.list_all :emotes="$emotes"/> <x-emotes.list_all :emotes="$emotes"/>
<x-footer/> @endsection
</body>
</html>