feat(icons): update index and show blade templates

- Updated the `index.blade.php` template to extend the `layouts.app` layout.
- Added a title and description section for SEO purposes in the `index.blade.php` template.
- Removed unnecessary HTML tags from the `index.blade.php` template.
- Updated the `show.blade.php` template to extend the `layouts.app` layout.
- Added a title and description section for SEO purposes in the `show.blade.php` template.
- Removed unnecessary HTML tags from the `show.blade.php` template.
This commit is contained in:
Rico van Zelst
2023-12-08 17:39:24 +01:00
parent 031883ad36
commit 561e53cee6
2 changed files with 13 additions and 103 deletions

View File

@@ -1,54 +1,9 @@
<!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 • Icons')
@section('description', 'Explore all LoL icons on Heimerdinger.LoL. Find detailed information on popular summoner icons
such as Qiyana Champie 2, Omen of the Cursed Revenant, Lil\' Sprout, Dominion Retirement, Winterblessed Hwei and more!')
<!-- 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">
<title>Heimerdinger.LoL Icons</title>
<meta name="description"
content="Explore all LoL icons on Heimerdinger.LoL. Find detailed information on popular summoner icons such as Debonair Rose, Omen of the Cursed Revenant, Lil' Sprout, Dominion Retirement and more!">
<!-- OpenGraph -->
<meta property="og:site_name" content="Heimerdinger.LoL">
<meta property="og:title" content="Heimerdinger.LoL • Icons">
<meta property="og:description"
content="Explore all LoL icons on Heimerdinger.LoL. Find detailed information on popular summoner icons such as Debonair Rose, Omen of the Cursed Revenant, Lil' Sprout, Dominion Retirement 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 • Icons">
<meta property="twitter:description"
content="Explore all LoL icons on Heimerdinger.LoL. Find detailed information on popular summoner icons such as Debonair Rose, Omen of the Cursed Revenant, Lil' Sprout, Dominion Retirement 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/>
@section('content')
<x-icons.list_all :icons="$icons"/>
<x-footer/>
</body>
</html>
@endsection

View File

@@ -1,53 +1,8 @@
<!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', $icon->title . ' • Heimerdinger.LoL')
@section('description', 'Heimerdinger.LoL: ' . $icon->title . ' details showing all the information about the icon released in ' . $icon->release_year . '. ' . substr($icon->description, 0, 64) . '...')
<!-- 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">
<title>{{$icon->title}} Heimerdinger.LoL</title>
<meta name="description"
content="Heimerdinger.LoL: {{$icon->title}} details showing all the information about the icon released in {{$icon->release_year}}. {{substr($icon->description, 0, 64)}}...">
<!-- OpenGraph -->
<meta property="og:site_name" content="Heimerdinger.LoL">
<meta property="og:title" content="{{$icon->title}} • Heimerdinger.LoL">
<meta property="og:description"
content="Heimerdinger.LoL: {{$icon->title}} details showing all the information about the icon released in {{$icon->release_year}}. {{substr($icon->description, 0, 64)}}...">
<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="{{$icon->title}} • Heimerdinger.LoL">
<meta property="twitter:description"
content="Heimerdinger.LoL: {{$icon->title}} details showing all the information about the icon released in {{$icon->release_year}}. {{substr($icon->description, 0, 64)}}...">
<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 min-h-screen">
<x-navbar/>
@section('content')
<x-icons.view_grid :icon="$icon"/>
<x-footer/>
</body>
</html>
@endsection