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

refactor(faq): update about + faq

Browse Source 
- Updated the HTML structure and removed unnecessary meta tags
- Replaced the Laravel blade syntax with standard PHP syntax
- Added appropriate section titles and descriptions for better SEO optimization
- Fixed a typo in the class name "min-h-sceen" to "min-h-screen"
- Removed redundant code related to OpenGraph and Twitter metadata
- Improved readability by using consistent indentation and spacing
This commit is contained in:
Rico van Zelst
2023-12-08 18:14:10 +01:00
parent ba5f1f8b10
commit 733e9852ae
4 changed files with 313 additions and 435 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
resources/views/about/faq/heimerdinger.blade.php
View File

@@ -1,52 +1,10 @@
<!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">
<!-- 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('title', 'Heimerdinger.LoL • FAQ: Heimerdinger')
@section('description', 'Explore answers to frequently asked questions about Heimerdinger, The Revered Inventor.
Dive in now!')
@section('content')
<div class="max-w-screen-xl mx-auto px-5 min-h-sceen">
<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">
@@ -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."/>
</div>
</div>
<x-footer/>
</body>
</html>
@endsection

58
resources/views/about/faq/leagueoflegends.blade.php
View File

@@ -1,52 +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">
<!-- 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('title', 'Heimerdinger.LoL • FAQ: League of Legends')
@section('description', 'Explore answers to frequently asked questions about League of Legends. Dive in now!')
@section('content')
<div class="max-w-screen-xl mx-auto px-5 min-h-sceen">
<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">
@@ -79,7 +36,7 @@
<x-about.faq.dropdown
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
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."/>
</div>
</div>
<x-footer/>
</body>
</html>
@endsection

99
resources/views/about/index.blade.php
View File

@@ -1,52 +1,10 @@
<!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">
<!-- 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('title', 'Heimerdinger.LoL • About')
@section('description', '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!')
@section('content')
<div class="max-w-screen-xl mx-auto px-5 min-h-sceen">
<div class="flex flex-col items-center">
<h1
@@ -61,9 +19,11 @@
<div class="flex justify-center items-center mt-2">
<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')}}"
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 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
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.
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>
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
@@ -85,19 +46,25 @@
<br><br>
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
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
Twitch, YouTube, Trovo and Bilibili.
<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
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
be the last one standing and gain LP.
<br><br>
The game and its lores success has led to the development of several spin-off games licensed by Riot Games
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.
The game and its lores success has led to the development of several spin-off games licensed by Riot
Games
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>
</div>
<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.
We provide in-depth information about the champions, skins, game assets, and more.
<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
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
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
@@ -120,7 +89,8 @@
target="_blank">HeimerdingerLoL.
</a>
<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
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.
@@ -138,7 +108,8 @@
the lore region called Piltover has ever known. He is relentless in his work to the point of neurotic
obsession, thriving on
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.
<br><br>
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
scientist who stands among one of the best
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.
<br><br>
In Arcane, Heimerdinger has emerged as a beloved and complex character, captivating fans with his
@@ -158,7 +130,4 @@
</p>
</div>
</div>
<x-footer/>
</body>
</html>
@endsection

2
resources/views/components/about/faq/dropdown.blade.php
View File

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