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

feat: home seo text

Browse Source
This commit is contained in:
Rico van Zelst
2023-11-07 13:44:00 +01:00
parent ab15e38ac0
commit af1b031240
2 changed files with 31 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
resources/views/components/home/features.blade.php
View File

@@ -6,82 +6,81 @@
Welcome to Heimerdinger.LoL</h2> Welcome to Heimerdinger.LoL</h2>
<p class="mt-4 text-stone-300"> <p class="mt-4 text-stone-300">
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Consequuntur Heimerdinger.LoL is a website dedicated to providing information about League of
aliquam doloribus nesciunt eos fugiat. Vitae aperiam fugit consequuntur Legends. We provide information about the champions, skins, game assets, and more.
saepe laborum.
</p> </p>
</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">
<a class="block p-8 transition border shadow-xl border-stone-800 rounded-xl hover:border-orange-500/10 hover:shadow-orange-500/10" <a class="block p-8 transition border shadow-xl border-stone-800 rounded-xl hover:border-orange-500/10 hover:shadow-orange-500/10"
href="#"> href="#">
<i class="text-3xl text-orange-400 fa-duotone fa-gamepad-modern"></i> <i class="text-3xl text-orange-400 fa-duotone fa-gamepad-modern"></i>
<h2 class="mt-4 text-xl font-bold text-white">All Champions</h2> <h2 class="mt-4 text-xl font-bold text-white">All Champions</h2>
<p class="mt-1 text-sm text-stone-300"> <p class="mt-1 text-sm text-stone-300">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex ut quo Can't decide which champion to play? Check out all the champions
possimus adipisci distinctio alias voluptatum blanditiis laudantium. available in League of Legends along with their skins and played roles.
</p> </p>
</a> </a>
<a class="block p-8 transition border shadow-xl border-stone-800 rounded-xl hover:border-orange-500/10 hover:shadow-orange-500/10" <a class="block p-8 transition border shadow-xl border-stone-800 rounded-xl hover:border-orange-500/10 hover:shadow-orange-500/10"
href="#"> href="#">
<i class="text-3xl text-orange-400 fa-duotone fa-palette"></i> <i class="text-3xl text-orange-400 fa-duotone fa-palette"></i>
<h2 class="mt-4 text-xl font-bold text-white ">Skin Information</h2> <h2 class="mt-4 text-xl font-bold text-white ">Skin Information</h2>
<p class="mt-1 text-sm text-stone-300"> <p class="mt-1 text-sm text-stone-300">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex ut quo All the information you need about skins in League of Legends. Check out the
possimus adipisci distinctio alias voluptatum blanditiis laudantium. latest skins, upcoming skins, and more.
</p> </p>
</a> </a>
<a class="block p-8 transition border shadow-xl border-stone-800 rounded-xl hover:border-orange-500/10 hover:shadow-orange-500/10" <a class="block p-8 transition border shadow-xl border-stone-800 rounded-xl hover:border-orange-500/10 hover:shadow-orange-500/10"
href="#"> href="#">
<i class="text-3xl text-orange-400 fa-duotone fa-cube"></i> <i class="text-3xl text-orange-400 fa-duotone fa-cube"></i>
<h2 class="mt-4 text-xl font-bold text-white">Game Assets</h2> <h2 class="mt-4 text-xl font-bold text-white">Game Assets</h2>
<p class="mt-1 text-sm text-stone-300"> <p class="mt-1 text-sm text-stone-300">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex ut quo Looking for that one specific icon or emote? Don't worry, we've got you covered.
possimus adipisci distinctio alias voluptatum blanditiis laudantium. Check out all the game assets you could ever need.
</p> </p>
</a> </a>
<a class="block p-8 transition border shadow-xl border-stone-800 rounded-xl hover:border-orange-500/10 hover:shadow-orange-500/10" <a class="block p-8 transition border shadow-xl border-stone-800 rounded-xl hover:border-orange-500/10 hover:shadow-orange-500/10"
href="#"> href="#">
<i class="text-3xl text-orange-400 fa-duotone fa-messages-dollar"></i> <i class="text-3xl text-orange-400 fa-duotone fa-messages-dollar"></i>
<h2 class="mt-4 text-xl font-bold text-white">Sale Rotation</h2> <h2 class="mt-4 text-xl font-bold text-white">Sale Rotation</h2>
<p class="mt-1 text-sm text-stone-300"> <p class="mt-1 text-sm text-stone-300">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex ut quo Don't miss out on the latest sales in League of Legends. Check out the latest
possimus adipisci distinctio alias voluptatum blanditiis laudantium. sale rotation and when they will be available.
</p> </p>
</a> </a>
<a class="block p-8 transition border shadow-xl border-stone-800 rounded-xl hover:border-orange-500/10 hover:shadow-orange-500/10" <a class="block p-8 transition border shadow-xl border-stone-800 rounded-xl hover:border-orange-500/10 hover:shadow-orange-500/10"
href="#"> href="#">
<i class="text-3xl text-orange-400 fa-duotone fa-newspaper"></i> <i class="text-3xl text-orange-400 fa-duotone fa-newspaper"></i>
<h2 class="mt-4 text-xl font-bold text-white">Blog Posts</h2> <h2 class="mt-4 text-xl font-bold text-white">Blog Posts</h2>
<p class="mt-1 text-sm text-stone-300"> <p class="mt-1 text-sm text-stone-300">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex ut quo Want to know more about League of Legends? Check out our blog posts for more
possimus adipisci distinctio alias voluptatum blanditiis laudantium. information about the game and its events.
</p> </p>
</a> </a>
<a class="block p-8 transition border shadow-xl border-stone-800 rounded-xl hover:border-orange-500/10 hover:shadow-orange-500/10" <a class="block p-8 transition border shadow-xl border-stone-800 rounded-xl hover:border-orange-500/10 hover:shadow-orange-500/10"
href="#"> href="#">
<i class="text-3xl text-orange-400 fa-duotone fa-block-question"></i> <i class="text-3xl text-orange-400 fa-duotone fa-block-question"></i>
<h2 class="mt-4 text-xl font-bold text-white">About The Game</h2> <h2 class="mt-4 text-xl font-bold text-white">About The Game</h2>
<p class="mt-1 text-sm text-stone-300"> <p class="mt-1 text-sm text-stone-300">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex ut quo Wondering what League of Legends is all about? Check out our About page for more
possimus adipisci distinctio alias voluptatum blanditiis laudantium. information about the game.
</p> </p>
</a> </a>
</div> </div>

18
resources/views/home.blade.php
View File

@@ -15,7 +15,11 @@
<meta name="msapplication-config" content="/icons/browserconfig.xml"> <meta name="msapplication-config" content="/icons/browserconfig.xml">
<meta name="theme-color" content="#ff7c47"> <meta name="theme-color" content="#ff7c47">
<title>Heimerdinger.LoL</title> <title>Heimerdinger.LoL • Home</title>
<meta name="description"
content="Heimerdinger.LoL is a League of Legends fan site that provides information about champions, skins,
game assets, and more.">
<link rel="stylesheet" href="https://rsms.me/inter/inter.css"> <link rel="stylesheet" href="https://rsms.me/inter/inter.css">
<link href="https://cdn.jsdelivr.net/gh/RaiseYour/fa@main/css/fontawesome.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/gh/RaiseYour/fa@main/css/fontawesome.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/gh/RaiseYour/fa@main/css/light.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/gh/RaiseYour/fa@main/css/light.min.css" rel="stylesheet">
@@ -28,12 +32,12 @@
</head> </head>
<body class="antialiased bg-stone-800 dark"> <body class="antialiased bg-stone-800 dark">
<x-navbar /> <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"/>
</body> </body>