refactor(*): refact all pages to extend layout

refactor(*): refact all pages to extend layout
fixes #47
This commit is contained in:
Rico
2023-12-08 18:19:54 +01:00
committed by GitHub
22 changed files with 489 additions and 990 deletions

View File

@@ -42,3 +42,7 @@
display: none; display: none;
} }
} }
.shadow-footer {
box-shadow: 0 50vh 0 50vh #292524;
}

View File

@@ -1,52 +1,10 @@
<!DOCTYPE html> @extends('layouts.app')
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head> @section('title', 'Heimerdinger.LoL • FAQ: Heimerdinger')
<meta charset="utf-8"> @section('description', 'Explore answers to frequently asked questions about Heimerdinger, The Revered Inventor.
<meta name="viewport" content="width=device-width, initial-scale=1"> Dive in 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">
<title>Heimerdinger.LoL FAQ: Heimerdinger</title>
<meta name="description"
content="Explore answers to frequently asked questions about Heimerdinger, The Revered Inventor. Dive in now!">
<!-- OpenGraph -->
<meta property="og:site_name" content="Heimerdinger.LoL">
<meta property="og:title" content="Heimerdinger.LoL • FAQ: Heimerdinger">
<meta property="og:description"
content="Explore answers to frequently asked questions about Heimerdinger, The Revered Inventor. 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 • FAQ: Heimerdinger">
<meta property="twitter:description"
content="Explore answers to frequently asked questions about Heimerdinger, The Revered Inventor. 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'])
</head>
<body class="antialiased bg-stone-900 dark scroll-smooth">
<x-navbar/>
@section('content')
<div class="max-w-screen-xl mx-auto px-5 min-h-sceen"> <div class="max-w-screen-xl mx-auto px-5 min-h-sceen">
<div class="flex flex-col items-center"> <div class="flex flex-col items-center">
<h1 class="text-3xl font-bold text-transparent uppercase sm:text-4xl bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text mt-12"> <h1 class="text-3xl font-bold text-transparent uppercase sm:text-4xl bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text mt-12">
@@ -136,7 +94,4 @@
answer="The 'Experimentation' emote is a Heimerdinger emote that was obtainable by linking your League of Legends account to Amazon Prime. It's not availabe anymore."/> answer="The 'Experimentation' emote is a Heimerdinger emote that was obtainable by linking your League of Legends account to Amazon Prime. It's not availabe anymore."/>
</div> </div>
</div> </div>
@endsection
<x-footer/>
</body>
</html>

View File

@@ -1,52 +1,9 @@
<!DOCTYPE html> @extends('layouts.app')
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head> @section('title', 'Heimerdinger.LoL • FAQ: League of Legends')
<meta charset="utf-8"> @section('description', 'Explore answers to frequently asked questions about League of Legends. Dive in now!')
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 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 FAQ: League of Legends</title>
<meta name="description"
content="Explore answers to frequently asked questions about League of Legends. Dive in now!">
<!-- OpenGraph -->
<meta property="og:site_name" content="Heimerdinger.LoL">
<meta property="og:title" content="Heimerdinger.LoL • FAQ: League of Legends">
<meta property="og:description"
content="Explore answers to frequently asked questions about League of Legends. 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 • FAQ: League of Legends">
<meta property="twitter:description"
content="Explore answers to frequently asked questions about League of Legends. 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'])
</head>
<body class="antialiased bg-stone-900 dark scroll-smooth">
<x-navbar/>
@section('content')
<div class="max-w-screen-xl mx-auto px-5 min-h-sceen"> <div class="max-w-screen-xl mx-auto px-5 min-h-sceen">
<div class="flex flex-col items-center"> <div class="flex flex-col items-center">
<h2 class="text-3xl font-bold text-transparent uppercase sm:text-4xl bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text mt-12"> <h2 class="text-3xl font-bold text-transparent uppercase sm:text-4xl bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text mt-12">
@@ -79,7 +36,7 @@
<x-about.faq.dropdown <x-about.faq.dropdown
question="Can League of Legends run on Linux?" question="Can League of Legends run on Linux?"
answer="No. League of Legends is currently unable to be played on Linux."/> answer="No. League of Legends is currently unable to be played on Linux. For up to date status & notice see: <a class='underline decoration-orange-500/50' href='https://leagueoflinux.org/status/' target='_blank'>LeagueofLinux Status</a>"/>
<x-about.faq.dropdown <x-about.faq.dropdown
question="Is League of Legends dying?" question="Is League of Legends dying?"
@@ -162,7 +119,4 @@
answer="Yes, you can change your region. You can purchase a region transfer in the in-game store."/> answer="Yes, you can change your region. You can purchase a region transfer in the in-game store."/>
</div> </div>
</div> </div>
@endsection
<x-footer/>
</body>
</html>

View File

@@ -1,52 +1,10 @@
<!DOCTYPE html> @extends('layouts.app')
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head> @section('title', 'Heimerdinger.LoL • About')
<meta charset="utf-8"> @section('description', 'What is League of Legends? Who is Heimerdinger? What is Heimerdinger.LoL? Explore answers to
<meta name="viewport" content="width=device-width, initial-scale=1"> frequently asked questions about League of Legends, Heimerdinger and us. Dive in 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">
<title>Heimerdinger.LoL About</title>
<meta name="description"
content="What is League of Legends? Who is Heimerdinger? What is Heimerdinger.LoL? Explore answers to frequently asked questions about League of Legends, Heimerdinger and us. Dive in now!">
<!-- OpenGraph -->
<meta property="og:site_name" content="Heimerdinger.LoL">
<meta property="og:title" content="Heimerdinger.LoL • About">
<meta property="og:description"
content="What is League of Legends? Who is Heimerdinger? What is Heimerdinger.LoL? Explore answers to frequently asked questions about League of Legends, Heimerdinger and us. 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 • About">
<meta property="twitter:description"
content="What is League of Legends? Who is Heimerdinger? What is Heimerdinger.LoL? Explore answers to frequently asked questions about League of Legends, Heimerdinger and us. 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'])
</head>
<body class="antialiased bg-stone-900 dark scroll-smooth">
<x-navbar/>
@section('content')
<div class="max-w-screen-xl mx-auto px-5 min-h-sceen"> <div class="max-w-screen-xl mx-auto px-5 min-h-sceen">
<div class="flex flex-col items-center"> <div class="flex flex-col items-center">
<h1 <h1
@@ -61,9 +19,11 @@
<div class="flex justify-center items-center mt-2"> <div class="flex justify-center items-center mt-2">
<a href="{{route('about.faq.heimerdinger')}}" <a href="{{route('about.faq.heimerdinger')}}"
class="bg-orange-500 text-white font-bold py-2 px-4 rounded hover:bg-orange-600 mr-3">FAQ Heimerdinger</a> class="bg-orange-500 text-white font-bold py-2 px-4 rounded hover:bg-orange-600 mr-3">FAQ
Heimerdinger</a>
<a href="{{route('about.faq.leagueoflegends')}}" <a href="{{route('about.faq.leagueoflegends')}}"
class="bg-orange-500 text-white font-bold py-2 px-4 rounded hover:bg-orange-600">FAQ League of Legends</a> class="bg-orange-500 text-white font-bold py-2 px-4 rounded hover:bg-orange-600">FAQ League of
Legends</a>
</div> </div>
<div class="flex flex-col items-center mt-5 justify-center "> <div class="flex flex-col items-center mt-5 justify-center ">
@@ -75,7 +35,8 @@
Games. The game was inspired by DoTA, a custom map for Games. The game was inspired by DoTA, a custom map for
Warcraft III, and was released in October 2009. Since its release, League has been free-to-play and is Warcraft III, and was released in October 2009. Since its release, League has been free-to-play and is
monetized through purchasable skins which provide no competitive advantage. monetized through purchasable skins which provide no competitive advantage.
The game is available for Windows and macOS as "League of Legends" and for mobile devices as "Wild Rift". The game is available for Windows and macOS as "League of Legends" and for mobile devices as "Wild
Rift".
<br><br> <br><br>
In the game, two teams of five players battle, each team defending their half of the map. All of the In the game, two teams of five players battle, each team defending their half of the map. All of the
players control a champion, with players control a champion, with
@@ -85,19 +46,25 @@
<br><br> <br><br>
League of Legends is the world's largest esport, with an international competitive scene consisting of League of Legends is the world's largest esport, with an international competitive scene consisting of
multiple regional leagues; they all come together in an annual League of Legends World Championship. The multiple regional leagues; they all come together in an annual League of Legends World Championship. The
2023 World Championship had over 6 million concurrent unique viewers. Which happened during the finals of 2023 World Championship had over 6 million concurrent unique viewers. Which happened during the finals
of
WBG vs T1. Domestic and international events have been broadcast on livestreaming websites such as WBG vs T1. Domestic and international events have been broadcast on livestreaming websites such as
Twitch, YouTube, Trovo and Bilibili. Twitch, YouTube, Trovo and Bilibili.
<br><br> <br><br>
Aside from its main game mode, League of Legends also offers other game modes like ARAM ("All Random, All Aside from its main game mode, League of Legends also offers other game modes like ARAM ("All Random,
All
Mid") and Teamfight Tactics. ARAM is a 5v5 mode on a single-lane map, with champions randomly Mid") and Teamfight Tactics. ARAM is a 5v5 mode on a single-lane map, with champions randomly
given to players. Teamfight Tactics is an auto-battler/autochess game mode where players build a team and given to players. Teamfight Tactics is an auto-battler/autochess game mode where players build a team
and
battle to battle to
be the last one standing and gain LP. be the last one standing and gain LP.
<br><br> <br><br>
The game and its lores success has led to the development of several spin-off games licensed by Riot Games The game and its lores success has led to the development of several spin-off games licensed by Riot
and media tie-ins, including music, comic books, short stories, and a loved animated series called Arcane. Games
Which boasts a 100% rating on Rotten Tomatoes, 9/10 on IMDB, 10/10 on IGN and a 97/100 on Google Reviews. and media tie-ins, including music, comic books, short stories, and a loved animated series called
Arcane.
Which boasts a 100% rating on Rotten Tomatoes, 9/10 on IMDB, 10/10 on IGN and a 97/100 on Google
Reviews.
</p> </p>
</div> </div>
<hr class="w-48 h-1 mx-auto my-4 border-0 rounded md:my-10 bg-stone-500"> <hr class="w-48 h-1 mx-auto my-4 border-0 rounded md:my-10 bg-stone-500">
@@ -109,9 +76,11 @@
Heimerdinger.lol is a website dedicated to providing information about League of Legends and its events. Heimerdinger.lol is a website dedicated to providing information about League of Legends and its events.
We provide in-depth information about the champions, skins, game assets, and more. We provide in-depth information about the champions, skins, game assets, and more.
<br><br> <br><br>
Heimerdinger.lol is a fan-made website and created + ran by one person. Heimerdinger.lol is free to use and Heimerdinger.lol is a fan-made website and created + ran by one person. Heimerdinger.lol is free to use
and
will will
always be free to use. We currently do not run ads on our website. We are not affiliated with Riot Games in always be free to use. We currently do not run ads on our website. We are not affiliated with Riot Games
in
any way. We are just a fan of League of Legends and any way. We are just a fan of League of Legends and
created this website to help other fans while also learning and practicing our skills. We hope you enjoy created this website to help other fans while also learning and practicing our skills. We hope you enjoy
using our website as much as we enjoy creating it. Heimerdinger.lol is completely open-source, so if you using our website as much as we enjoy creating it. Heimerdinger.lol is completely open-source, so if you
@@ -120,7 +89,8 @@
target="_blank">HeimerdingerLoL. target="_blank">HeimerdingerLoL.
</a> </a>
<br><br> <br><br>
I am always looking for ways to improve this website. If you have any suggestions, feedback, or just want to I am always looking for ways to improve this website. If you have any suggestions, feedback, or just
want to
say hi, you can do so by contacting me through the contact form on my <a say hi, you can do so by contacting me through the contact form on my <a
href="https://rico.sh/contact/" class="underline decoration-orange-500/50" target="_blank">personal href="https://rico.sh/contact/" class="underline decoration-orange-500/50" target="_blank">personal
website</a>. I will try to respond as soon as possible. website</a>. I will try to respond as soon as possible.
@@ -138,7 +108,8 @@
the lore region called Piltover has ever known. He is relentless in his work to the point of neurotic the lore region called Piltover has ever known. He is relentless in his work to the point of neurotic
obsession, thriving on obsession, thriving on
answering the universe's most impenetrable questions. Despite his theories often appearing opaque and answering the universe's most impenetrable questions. Despite his theories often appearing opaque and
esoteric, Heimerdinger has crafted some of Piltover's most miraculous—not to mention lethal—machinery, and esoteric, Heimerdinger has crafted some of Piltover's most miraculous—not to mention lethal—machinery,
and
constantly tinkers with his inventions to make them even more efficient. constantly tinkers with his inventions to make them even more efficient.
<br><br> <br><br>
In terms of gameplay, Heimerdinger is a mage. He builds magic damage. His abilities include laying down In terms of gameplay, Heimerdinger is a mage. He builds magic damage. His abilities include laying down
@@ -148,7 +119,8 @@
Heimerdinger is also a prominent character in Arcane. In the series, he is a brilliant but eccentric Heimerdinger is also a prominent character in Arcane. In the series, he is a brilliant but eccentric
scientist who stands among one of the best scientist who stands among one of the best
inventors Piltover has ever seen. He not only teaches inventors Piltover has ever seen. He not only teaches
at the Piltover Academy but also holds a position among council members. He looks different from the rest of at the Piltover Academy but also holds a position among council members. He looks different from the
rest of
the characters in Arcane because he is a Yordle. the characters in Arcane because he is a Yordle.
<br><br> <br><br>
In Arcane, Heimerdinger has emerged as a beloved and complex character, captivating fans with his In Arcane, Heimerdinger has emerged as a beloved and complex character, captivating fans with his
@@ -158,7 +130,4 @@
</p> </p>
</div> </div>
</div> </div>
@endsection
<x-footer/>
</body>
</html>

View File

@@ -1,51 +1,10 @@
<!DOCTYPE html> @extends('layouts.app')
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head> @section('title', 'Heimerdinger.LoL • Assets')
<meta charset="utf-8"> @section('description', 'Explore game assets on Heimerdinger.LoL. Find detailed information on all icons and emotes
<meta name="viewport" content="width=device-width, initial-scale=1"> available in League of Legends!')
<!-- 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 Assets</title>
<meta name="description"
content="Explore game assets on Heimerdinger.LoL. Find detailed information on all icons and emotes available in League of Legends!">
<!-- OpenGraph -->
<meta property="og:site_name" content="Heimerdinger.LoL">
<meta property="og:title" content="Heimerdinger.LoL • Assets">
<meta property="og:description"
content="Explore game assets on Heimerdinger.LoL. Find detailed information on all icons and emotes available in League of Legends!">
<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 • Assets">
<meta property="twitter:description"
content="Explore game assets on Heimerdinger.LoL. Find detailed information on all icons and emotes available in League of Legends!">
<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 flex flex-col min-h-screen">
<x-navbar/>
<h1 <h1
class="mt-7 text-3xl font-bold text-center text-transparent uppercase sm:text-4xl class="mt-7 text-3xl font-bold text-center text-transparent uppercase sm:text-4xl
bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text"> bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text">
@@ -55,10 +14,10 @@
bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text "> bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text ">
LoL Icons & Emotes</h2> LoL Icons & Emotes</h2>
<div class="container mx-auto p-4 flex items-center justify-center mt-3 flex-grow"> <div class="container mx-auto p-4 flex items-center justify-center mt-3 flex-grow">
<div class="text-center items-center justify-center align-middle"> <div class="text-center items-center justify-center align-middle">
<img class="items-center mx-auto" src="{{asset('img/heimerdinger-emote.webp')}}" alt="Heimerdinger Emote"> <img class="items-center mx-auto" src="{{asset('img/heimerdinger-emote.webp')}}"
alt="Heimerdinger Emote">
<p class="text-gray-100">Tired of endless browsing to find that one icon or emote you love?</p> <p class="text-gray-100">Tired of endless browsing to find that one icon or emote you love?</p>
<p class="text-gray-100 ">We got you covered! Search through <span <p class="text-gray-100 ">We got you covered! Search through <span
class="underline decoration-orange-500/50 font-medium">all</span> class="underline decoration-orange-500/50 font-medium">all</span>
@@ -74,10 +33,4 @@
</div> </div>
</div> </div>
</div> </div>
@endsection
<x-footer/>
</body>
</html>

View File

@@ -1,54 +1,17 @@
<!DOCTYPE html> @extends('layouts.app')
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head> @section('title', 'Heimerdinger.LoL • Champions')
<meta charset="utf-8"> @section('description', 'Explore the world of League of Legends champions on Heimerdinger.LoL. Find detailed
<meta name="viewport" content="width=device-width, initial-scale=1"> information on top picks like Heimerdinger, Ezreal, Jinx and Lux. Dive into the action now!')
<!-- Favicon --> @push('top_scripts')
<link rel="apple-touch-icon" sizes="180x180" href="/img/icons/apple-touch-icon.png"> @vite('resources/js/lane-filter.js')
<link rel="icon" type="image/png" sizes="32x32" href="/img/icons/favicon-32x32.png"> @endpush
<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 Champions</title> @section('content')
<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!">
<!-- 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-champions.list_all :champions="$champions" :roles="$roles"/>
<x-footer/> @endsection
@include('popper::assets')
</body>
</html> @push('bottom_scripts')
@include('popper::assets')
@endpush

View File

@@ -1,55 +1,14 @@
<!DOCTYPE html> @extends('layouts.app')
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head> @section('title', $champion->name . ' • Heimerdinger.LoL')
<meta charset="utf-8"> @section('description', 'Heimerdinger.LoL: ' . $champion->name . ' details showing all the information you need to know
<meta name="viewport" content="width=device-width, initial-scale=1"> about ' . $champion->name . ', ' . $champion->title . '. ' . substr($champion->lore, 0, 50) . '...')
<!-- 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>{{$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)}}...">
<!-- 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-champions.grid_info :champion="$champion"/>
<x-footer/> @endsection
@push('bottom_scripts')
@vite('resources/js/vert-scroll.js') @vite('resources/js/vert-scroll.js')
</body> @endpush
</html>

View File

@@ -8,7 +8,7 @@
</span> </span>
</summary> </summary>
<p class="text-gray-100 mt-3"> <p class="text-gray-100 mt-3">
{{$answer}} {!! $answer !!}
</p> </p>
</details> </details>
</div> </div>

View File

@@ -4,10 +4,10 @@
/** @var App\Models\ChampionRoles $roles */ /** @var App\Models\ChampionRoles $roles */
?> ?>
<section class="max-w-screen-xl mx-auto mt-12"> <section class="max-w-screen-xl mx-auto mt-12">
<h2 <h1
class="text-3xl font-bold text-center text-transparent uppercase sm:text-4xl class="text-3xl font-bold text-center text-transparent uppercase sm:text-4xl
bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text"> bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text">
Champions</h2> Champions</h1>
<div class="flex justify-center items-center mx-auto max-w-screen-xl mt-2.5"> <div class="flex justify-center items-center mx-auto max-w-screen-xl mt-2.5">
<x-champions.lane-selector class="text-center"/> <x-champions.lane-selector class="text-center"/>
</div> </div>

View File

@@ -2,10 +2,10 @@
/** @var App\Models\SummonerEmote $emote */ ?> /** @var App\Models\SummonerEmote $emote */ ?>
<section class="max-w-screen-xl mx-auto mt-12"> <section class="max-w-screen-xl mx-auto mt-12">
<h2 <h1
class="text-3xl font-bold text-center text-transparent uppercase sm:text-4xl class="text-3xl font-bold text-center text-transparent uppercase sm:text-4xl
bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text"> bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text">
Summoner Emotes</h2> Summoner Emotes</h1>
<x-emotes.searchbar/> <x-emotes.searchbar/>

View File

@@ -1,4 +1,4 @@
<footer class="p-4 mt-7 md:p-8 lg:p-10 bg-stone-800"> <footer class="p-4 mt-7 md:p-8 lg:p-10 bg-stone-800 shadow-footer">
<div class="mx-auto max-w-screen-xl text-center"> <div class="mx-auto max-w-screen-xl text-center">
<a href="/" class="flex justify-center items-center text-2xl font-semibold text-gray-100"> <a href="/" class="flex justify-center items-center text-2xl font-semibold text-gray-100">
<x-logo class="w-auto mr-2 h-9" alt="Heimerdinger.lol Logo"/> <x-logo class="w-auto mr-2 h-9" alt="Heimerdinger.lol Logo"/>

View File

@@ -1,14 +1,14 @@
<section class="text-white bg-stone-900"> <section class="text-white bg-stone-900">
<div class="max-w-screen-xl px-4 py-8 mx-auto sm:py-12 sm:px-6 lg:py-16 lg:px-8"> <div class="max-w-screen-xl px-4 py-8 mx-auto sm:py-12 sm:px-6 lg:py-16 lg:px-8">
<div class="max-w-lg mx-auto text-center"> <div class="max-w-lg mx-auto text-center">
<h2 <h1
class="text-3xl font-bold text-transparent uppercase sm:text-4xl bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text"> class="text-3xl font-bold text-transparent uppercase sm:text-4xl bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text">
Welcome to Heimerdinger.LoL</h2> Welcome to Heimerdinger.LoL</h1>
<p class="mt-4 text-stone-300"> <h2 class="mt-4 text-stone-300">
Heimerdinger.LoL is a website dedicated to providing information about League of Heimerdinger.LoL is a website dedicated to providing information about League of
Legends. We provide information about the champions, skins, game assets, and more. Legends. We provide information about the champions, skins, game assets, and more.
</p> </h2>
</div> </div>
<div class="grid grid-cols-1 gap-8 mt-8 md:grid-cols-2 lg:grid-cols-3"> <div class="grid grid-cols-1 gap-8 mt-8 md:grid-cols-2 lg:grid-cols-3">

View File

@@ -2,10 +2,10 @@
/** @var App\Models\SummonerIcon $icon */ ?> /** @var App\Models\SummonerIcon $icon */ ?>
<section class="max-w-screen-xl mx-auto mt-12"> <section class="max-w-screen-xl mx-auto mt-12">
<h2 <h1
class="text-3xl font-bold text-center text-transparent uppercase sm:text-4xl class="text-3xl font-bold text-center text-transparent uppercase sm:text-4xl
bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text"> bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text">
Summoner Icons</h2> Summoner Icons</h1>
<x-icons.searchbar/> <x-icons.searchbar/>

View File

@@ -2,10 +2,10 @@
/** @var App\Models\ChampionSkin $skin */ ?> /** @var App\Models\ChampionSkin $skin */ ?>
<section class="max-w-screen-xl mx-auto mt-12"> <section class="max-w-screen-xl mx-auto mt-12">
<h2 <h1
class="text-3xl font-bold text-center text-transparent uppercase sm:text-4xl class="text-3xl font-bold text-center text-transparent uppercase sm:text-4xl
bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text"> bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text">
Champion Skins</h2> Champion Skins</h1>
<x-skins.searchbar/> <x-skins.searchbar/>
<div class="flex justify-center items-center mx-auto max-w-screen-xl mt-2.5"> <div class="flex justify-center items-center mx-auto max-w-screen-xl mt-2.5">

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>

View File

@@ -1,56 +1,13 @@
<!DOCTYPE html> @extends('layouts.app')
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head> @section('title', 'Heimerdinger.LoL • Home')
<meta charset="utf-8"> @section('description', 'Explore League of Legends champions, skins, and game assets on Heimerdinger.LoL.
<meta name="viewport" content="width=device-width, initial-scale=1"> Your ultimate source for in-depth information on LoL gaming. Dive in now!')
<!-- 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 Home</title>
<meta name="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!">
<!-- OpenGraph -->
<meta property="og:site_name" content="Heimerdinger.LoL">
<meta property="og:title" content="Heimerdinger.LoL • Home">
<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 • Home">
<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'])
</head>
<body class="antialiased bg-stone-800 dark scroll-smooth">
<x-navbar/>
<x-home.features/> <x-home.features/>
@if ($upcomingSkins != []) @if ($upcomingSkins != [])
<x-home.upcoming_skins :upcomingSkins="$upcomingSkins"/> <x-home.upcoming_skins :upcomingSkins="$upcomingSkins"/>
@endif @endif
<x-home.recent_skins :latestSkins="$latestSkins"/> <x-home.recent_skins :latestSkins="$latestSkins"/>
<x-footer/> @endsection
</body>
</html>

View File

@@ -1,54 +1,9 @@
<!DOCTYPE html> @extends('layouts.app')
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head> @section('title', 'Heimerdinger.LoL • Icons')
<meta charset="utf-8"> @section('description', 'Explore all LoL icons on Heimerdinger.LoL. Find detailed information on popular summoner icons
<meta name="viewport" content="width=device-width, initial-scale=1"> such as Qiyana Champie 2, Omen of the Cursed Revenant, Lil\' Sprout, Dominion Retirement, Winterblessed Hwei 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 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/>
<x-icons.list_all :icons="$icons"/> <x-icons.list_all :icons="$icons"/>
<x-footer/> @endsection
</body>
</html>

View File

@@ -1,53 +1,8 @@
<!DOCTYPE html> @extends('layouts.app')
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head> @section('title', $icon->title . ' • Heimerdinger.LoL')
<meta charset="utf-8"> @section('description', 'Heimerdinger.LoL: ' . $icon->title . ' details showing all the information about the icon released in ' . $icon->release_year . '. ' . substr($icon->description, 0, 64) . '...')
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 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>{{$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/>
<x-icons.view_grid :icon="$icon"/> <x-icons.view_grid :icon="$icon"/>
<x-footer/> @endsection
</body>
</html>

View File

@@ -0,0 +1,51 @@
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 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>@yield('title')</title>
<meta name="description" content="@yield('description')">
<!-- OpenGraph -->
<meta property="og:site_name" content="Heimerdinger.LoL">
<meta property="og:title" content="@yield('title')">
<meta property="og:description" content="@yield('description')">
<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="@yield('title')">
<meta property="twitter:description" content="@yield('description')">
<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'])
@stack('top_scripts')
</head>
<body class="antialiased bg-stone-900 dark scroll-smooth">
<x-navbar/>
@yield('content')
<x-footer/>
@stack('bottom_scripts')
</body>
</html>

View File

@@ -1,53 +1,9 @@
<!DOCTYPE html> @extends('layouts.app')
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head> @section('title', 'Heimerdinger.LoL • Sale Rotation')
<meta charset="utf-8"> @section('description', 'Explore the current LoL Sale on Heimerdinger.LoL. Find detailed information on what champions
<meta name="viewport" content="width=device-width, initial-scale=1"> and skins are currently on sale and grab a good deal!')
<!-- 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 Sale Rotation</title>
<meta name="description"
content="Explore the current LoL Sale on Heimerdinger.LoL. Find detailed information on what champions and skins are currently on sale and grab a good deal!">
<!-- OpenGraph -->
<meta property="og:site_name" content="Heimerdinger.LoL">
<meta property="og:title" content="Heimerdinger.LoL • Sale Rotation">
<meta property="og:description"
content="Explore the current LoL Sale on Heimerdinger.LoL. Find detailed information on what champions and skins are currently on sale and grab a good deal!">
<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 • Sale Rotation">
<meta property="twitter:description"
content="Explore the current LoL Sale on Heimerdinger.LoL. Find detailed information on what champions and skins are currently on sale and grab a good deal!">
<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-sales.current_sales :sales="$sales"/> <x-sales.current_sales :sales="$sales"/>
<x-footer/> @endsection
</body>
</html>

View File

@@ -1,54 +1,9 @@
<!DOCTYPE html> @extends('layouts.app')
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head> @section('title', 'Heimerdinger.LoL • Skins')
<meta charset="utf-8"> @section('description', 'Explore all champion skins on Heimerdinger.LoL. Find detailed information on popular skins
<meta name="viewport" content="width=device-width, initial-scale=1"> such as Dark Cosmic Jhin, HEARTSTEEL Ezreal, PROJECT: Vayne 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 Skins</title>
<meta name="description"
content="Explore all champion skins on Heimerdinger.LoL. Find detailed information on popular skins such as Dark Cosmic Jhin, HEARTSTEEL Ezreal, PROJECT: Vayne and more!">
<!-- OpenGraph -->
<meta property="og:site_name" content="Heimerdinger.LoL">
<meta property="og:title" content="Heimerdinger.LoL • Skins">
<meta property="og:description"
content="Explore all champion skins on Heimerdinger.LoL. Find detailed information on popular skins such as Dark Cosmic Jhin, HEARTSTEEL Ezreal, PROJECT: Vayne 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 • Skins">
<meta property="twitter:description"
content="Explore all champion skins on Heimerdinger.LoL. Find detailed information on popular skins such as Dark Cosmic Jhin, HEARTSTEEL Ezreal, PROJECT: Vayne 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-skins.paginatedlist :skins="$skins" :rarity-color="$rarityColor"/> <x-skins.paginatedlist :skins="$skins" :rarity-color="$rarityColor"/>
<x-footer/> @endsection
</body>
</html>

View File

@@ -1,56 +1,13 @@
<!DOCTYPE html> @extends('layouts.app')
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head> @section('title', $skin->skin_name . ' • Heimerdinger.LoL')
<meta charset="utf-8"> @section('description', 'Heimerdinger.LoL: ' . $skin->skin_name . ' details showing all the information about
<meta name="viewport" content="width=device-width, initial-scale=1"> the ' . $skin->rarity . ' ' . $skin->champion->name . ' skin. ' . substr($skin->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">
<title>{{$skin->skin_name}} Heimerdinger.LoL</title>
<meta name="description"
content="Heimerdinger.LoL: {{$skin->skin_name}} details showing all the information about the {{$skin->rarity}} {{$skin->champion->name}} skin. {{substr($skin->lore, 0, 50)}}...">
<!-- OpenGraph -->
<meta property="og:site_name" content="Heimerdinger.LoL">
<meta property="og:title" content="{{$skin->skin_name}} • Heimerdinger.LoL">
<meta property="og:description"
content="Heimerdinger.LoL: {{$skin->skin_name}} details showing all the information about the {{$skin->rarity}} {{$skin->champion->name}} skin. {{substr($skin->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="{{$skin->skin_name}} • Heimerdinger.LoL">
<meta property="twitter:description"
content="Heimerdinger.LoL: {{$skin->skin_name}} details showing all the information about the {{$skin->rarity}} {{$skin->champion->name}} skin. {{substr($skin->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/>
@section('content')
<x-skins.grid_info :skin="$skin"/> <x-skins.grid_info :skin="$skin"/>
@endsection
<x-footer/> @push('bottom_scripts')
@vite('resources/js/vert-scroll.js') @vite('resources/js/vert-scroll.js')
</body> @endpush
</html>