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

About (#46)

Browse Source 
* feat(controllers): add AboutController and FAQController

- Added new controllers for the About page and FAQ page.
- The AboutController handles requests related to the About page.
- The FAQController handles requests related to the FAQ page.

feat(components): add Dropdown component

- Created a new Dropdown component for displaying questions and answers in the FAQ page.
- The Dropdown component takes in a question and answer as props.

feat(views): add blade templates for Heimerdinger and League of Legends FAQs

- Added blade templates for displaying frequently asked questions about Heimerdinger and League of Legends.
- The Heimerdinger template includes specific questions and answers about Heimerdinger, along with relevant meta tags for SEO purposes.
- The League of Legends template includes general questions and answers about League of Legends, along with relevant meta tags.

* feat(faq): add Heimerdinger's backstory and naming

- Added a new FAQ dropdown for Heimerdinger's backstory, providing information about his origins, role in Piltover, and association with Ekko.
- Included another FAQ dropdown that explains the inspiration behind Heimerdinger's name, combining J. Robert Oppenheimer and Erwin Schrödinger.
- These additions enhance the user's understanding of Heimerdinger's character and background.

* Apply fixes from StyleCI

* refactor(components): simplify constructor syntax

- Refactored the constructor syntax in the `Dropdown` component to use a simplified format.
- Removed unnecessary line breaks and indentation for improved readability.

* refactor(faq): update Heimerdinger page layout

- Change the heading tag from `<h2>` to `<h1>` for better semantic structure.
- Update the paragraph tag from `<p>` to `<h2>` for consistency with other sections.
- Improve the readability and maintainability of the code.

* feat(controllers): add AboutController and FAQController

- Added new controllers for the About page and FAQ page.
- The AboutController handles requests related to the About page.
- The FAQController handles requests related to the FAQ page.

feat(components): add Dropdown component

- Created a new Dropdown component for displaying questions and answers in the FAQ page.
- The Dropdown component takes in a question and answer as props.

feat(views): add blade templates for Heimerdinger and League of Legends FAQs

- Added blade templates for displaying frequently asked questions about Heimerdinger and League of Legends.
- The Heimerdinger template includes specific questions and answers about Heimerdinger, along with relevant meta tags for SEO purposes.
- The League of Legends template includes general questions and answers about League of Legends, along with relevant meta tags.

* feat(faq): add Heimerdinger's backstory and naming

- Added a new FAQ dropdown for Heimerdinger's backstory, providing information about his origins, role in Piltover, and association with Ekko.
- Included another FAQ dropdown that explains the inspiration behind Heimerdinger's name, combining J. Robert Oppenheimer and Erwin Schrödinger.
- These additions enhance the user's understanding of Heimerdinger's character and background.

* Apply fixes from StyleCI

* refactor(components): simplify constructor syntax

- Refactored the constructor syntax in the `Dropdown` component to use a simplified format.
- Removed unnecessary line breaks and indentation for improved readability.

* refactor(faq): update Heimerdinger page layout

- Change the heading tag from `<h2>` to `<h1>` for better semantic structure.
- Update the paragraph tag from `<p>` to `<h2>` for consistency with other sections.
- Improve the readability and maintainability of the code.

* feat(about): add about page and route

- Added a new AboutController class with an index method to handle the /about route.
- Created a new blade template file, index.blade.php, for the about page.
- Added HTML markup and content for the about page.
- Updated web.php routes file to include the /about route.

* feat(about): add information about League of Legends,  Heimerdinger

- Added a section with detailed information about League of Legends, including its gameplay, competitive scene, and spin-off game modes.
- Included a section introducing Heimerdinger.lol as a fan-made website dedicated to providing information about League of Legends.
- Added a section describing the character Heimerdinger, his role in the game, and his appearance in the animated series Arcane.

* feat(navbar): update About link and fix routing issue

- Updated the href attribute of the About link in the navbar component to point to the correct route.
- Fixed a routing issue where the active class was not being applied correctly when on the About page.

---------

Co-authored-by: Rico <rico-vz@users.noreply.github.com>
This commit is contained in:
Rico
2023-12-07 23:37:12 +01:00
committed by GitHub
parent 37971923e0
commit 51e95ecf84
10 changed files with 560 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

142
resources/views/about/faq/heimerdinger.blade.php Normal file
View File

@@ -0,0 +1,142 @@
<!DOCTYPE html>
<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>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/>
<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">
FAQ • Heimerdinger
</h1>
<h2 class="text-lg text-gray-300">
Frequently Asked Questions about the popular League of Legends champion Heimerdinger.
</h2>
</div>
<div class="grid divide-y divide-neutral-700 max-w-xl mx-auto mt-8">
<x-about.faq.dropdown
question="Is Heimerdinger a yordle?"
answer="Yes! Heimerdinger is a yordle. He is a yordle inventor in the League of Legends universe. On-top of that he also also our mascot."/>
<x-about.faq.dropdown
question="What is Heimerdinger's real name?"
answer="Heimerdinger's real name is Cecil B. Heimerdinger. He is a yordle inventor in the League of Legends universe."/>
<x-about.faq.dropdown
question="Who voices Heimerdinger in Arcane?"
answer="Heimerdinger in Arcane is voiced by the legendary Mick Wingert."/>
<x-about.faq.dropdown
question="What is Heimerdinger his backstory?"
answer="Heimerdinger is a Yordle, a being from the Spirit Realm. He left Piltover and settled in Zaun, where he saw firsthand the hard, difficult, and often miserable ways of living for the people there. He encountered Ekko, who helped him find a new place and a new way to help people. Heimerdinger is a scientist, inventor, and mechanic, and he is the founder of Piltover and the head of the Council of Clans."/>
<x-about.faq.dropdown
question="Who is Heimerdinger named after?"
answer="Heimersdingers name is a combination of the names of J. Robert Oppenheimer, a physicist known for the atomic bomb, and Erwin Schrödinger, one of the original people behind quantum physics."/>
<x-about.faq.dropdown
question="Why does Heimerdinger say 42?"
answer="Heimerdinger saying '42' is a reference to Douglas Adams' science fiction series, 'The Hitchhiker's Guide to the Galaxy,' where the number 42 is famously described as the 'Answer to the Ultimate Question of Life, the Universe, and Everything.'"/>
<x-about.faq.dropdown
question="Is Heimerdinger good?"
answer="Heimerdinger is currently in an okay spot, around B tier. Right now, there are 5 Heimerdinger OTPs (One Trick Pony: maining a singular champion) in Grandmaster. However none in Challenger."/>
<x-about.faq.dropdown
question="Where can Heimerdinger play?"
answer="Heimerdinger is a versatile champion in League of Legends and can be played in various roles. He is currently mostly played Support however he is also seen in Toplane and Midlane."/>
<x-about.faq.dropdown
question="When was Heimerdinger released?"
answer="Heimerdinger was released on October 10, 2009. He was the 28th champion to be released in League of Legends."/>
<x-about.faq.dropdown
question="Should I play Heimerdinger?"
answer="Heimerdinger is a very fun champion to play. He is a versatile champion that can be played in various roles. He is currently mostly played Support however he is also seen in Toplane and Midlane. If you enjoy playing a champion that can be played in multiple roles, Heimerdinger is a great choice!"/>
<x-about.faq.dropdown
question="What core items should I build on Heimerdinger?"
answer="The most build item by various OTPs is Liandry's Anguish. This is followed by Zhonya's Hourglass."/>
<x-about.faq.dropdown
question="Why is Heimerdinger so annoying to play against?"
answer="Heimerdinger is a very annoying champion to play against. He is a lane bully and can be very oppressive in lane. He is also very good at defending objectives and sieging towers."/>
<x-about.faq.dropdown
question="Is Heimerdinger a ranged champion?"
answer="Yes, Heimerdinger is a ranged champion."/>
<x-about.faq.dropdown
question="Is Heimerdinger AD or AP?"
answer="Heimerdinger is an AP champion. He is mostly played in the botlane as a support. However he can also be played in the toplane and midlane."/>
<x-about.faq.dropdown
question="How to get the 'Eureka!' buff on Heimerdinger?"
answer="When Heimerdinger gets a pentakill he will get the 'Eureka!' buff. This buff is purely cosmetic and does not provide any in-game benefits."/>
<x-about.faq.dropdown
question="How to get the 'Harder, Better, Faster, Stronger' buff on Heimerdinger?"
answer="When Heimerdinger activates his ultimate ability, he will get the 'Harder, Better, Faster, Stronger' buff. This buff is purely cosmetic and does not provide any in-game benefits."/>
<x-about.faq.dropdown
question="Why do people refer to Heimerdinger as 'the donger'?"
answer="The nickname 'Donger' for Heimerdinger, comes from the legendary content creator & player Michael 'Imaqtpie' Santana.
He also called his Twitch.tv subscribers the 'dongsquad'. The phrase 'Raise Your Dongers' was also often used by his fans. Together with this kaomoji: ヽ༼ຈل͜ຈ༽ﾉ.
'Donger' as a nickname for Heimerdinger seems to have been adopted as a nickname for Heimerdinger because donger is similar to dinger and Imaqtpie started using it!"/>
<x-about.faq.dropdown
question="How do I get the 'Big Brain' emote?"
answer="The 'Big Brain' emote is a Heimerdinger emote that you can obtain by watching LoL Esports and opting into rewards."/>
<x-about.faq.dropdown
question="How do I get the 'Experimentation' emote?"
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>

168
resources/views/about/faq/leagueoflegends.blade.php Normal file
View File

@@ -0,0 +1,168 @@
<!DOCTYPE html>
<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>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/>
<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">
FAQ • League of Legends
</h2>
<p class="text-lg text-gray-300">
Frequently Asked Questions about League of Legends and Riot Games.
</p>
</div>
<div class="grid divide-y divide-neutral-700 max-w-xl mx-auto mt-8">
<x-about.faq.dropdown
question="Is League of Legends on Steam?"
answer="League of Legends is not available on Steam. It was developed and published by Riot Games and has its own client for downloading and playing the game."/>
<x-about.faq.dropdown
question="Is League of Legends hard?"
answer="Yes, League of Legends is often considered a challenging game, especially for new players."/>
<x-about.faq.dropdown
question="Is League of Legends worth playing?"
answer="Whether League of Legends is worth playing depends on your personal preferences and interests. It's a popular and competitive online multiplayer game, so if you enjoy team-based strategy games and a competitive environment, you might find it worth playing."/>
<x-about.faq.dropdown
question="Can League of Legends run on Mac?"
answer="Yes, unlike VALORANT, League of Legends is available for Mac."/>
<x-about.faq.dropdown
question="Can League of Legends Mobile play with PC?"
answer="No, League of Legends Mobile (also called Wild Rift) and the PC version do not support cross-platform play."/>
<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."/>
<x-about.faq.dropdown
question="Is League of Legends dying?"
answer="No, League of Legends remains a highly popular and actively played game. Against popular believe, League of Legends is actually growing. It is still one of the most popular games ever."/>
<x-about.faq.dropdown
question="Will League of Legends come to console?"
answer="Yes! League of Legends: Wild Rift is planned to come to consoles. There is no set date, however the official website says 'soon'."/>
<x-about.faq.dropdown
question="What League of Legends characters are in Arcane?"
answer="The following League of Legends characters can be seen in Arcane: Vi, Jinx, Ekko, Singed, Caitlyn, Jayce, Heimerdinger and Viktor. A drawing of Teemo is also seen in a flipbook. Not to forget, if you count Teamfight Tactics technically Silco too!"/>
<x-about.faq.dropdown
question="When League of Legends season 13 end?"
answer="Season 13 Split 2 ends on January 3rd 2024 at 12PM of the server's time zone. Season 14 will start January 9th 2024."/>
<x-about.faq.dropdown
question="Is League of Legends Arena mode permanent?"
answer="No, Arena is not a permanent mode. It will come back in December 2023."/>
<x-about.faq.dropdown
question="Which League of Legends server should I play on?"
answer="It's generally recommended to play on the server closest to you. However, if you have the choice between EUW, EUNE, RU & TR the best option would be EU West as it's the biggest and most active. While if you have the option between LAN, LAS & NA the best option is NA for the same reasons."/>
<x-about.faq.dropdown
question="Who is Faker from League of Legends?"
answer="Faker, whose real name is Sang-hyeok Lee, is a renowned professional League of Legends player from South Korea. He is widely considered one of the greatest players in the game's history and has achieved numerous championships with his team, T1 (formerly SK Telecom T1)."/>
<x-about.faq.dropdown
question="Are League of Legends servers down?"
answer="You can check the status of the League of Legends servers on the official Riot Games Service Status page. If the servers are down, you can also check the Riot Games Support Twitter account for updates."/>
<x-about.faq.dropdown
question="How to get League of Legends on PC?"
answer="You can download League of Legends on PC from the official website."/>
<x-about.faq.dropdown
question="How to get League of Legends on Mac?"
answer="You can download League of Legends on Mac from the official website."/>
<x-about.faq.dropdown
question="How to get League of Legends on Android?"
answer="You can download League of Legends: Wild Rift on Android from the Google Play Store."/>
<x-about.faq.dropdown
question="How to get League of Legends on iOS?"
answer="You can download League of Legends: Wild Rift on iOS from the App Store."/>
<x-about.faq.dropdown
question="Is Riot Games owned by China?"
answer="No, Riot Games is not owned by China. Riot Games is owned by Tencent, a Chinese multinational conglomerate holding company. China and/or Tencent do not make direct decisions for Riot Games."/>
<x-about.faq.dropdown
question="Is League of Legends free?"
answer="Yes, League of Legends is free to play. You can download the game for free and play it without spending any money. However, there are in-game purchases available for cosmetics and other items. These are totally optional and don't provide any advantage."/>
<x-about.faq.dropdown
question="Is League of Legends pay to win?"
answer="No, League of Legends is not pay to win. You can't buy any items that provide an advantage over other players. The only things you can buy are cosmetics and other items that don't provide any advantage."/>
<x-about.faq.dropdown
question="Is League of Legends cross-platform?"
answer="No, League of Legends is not cross-platform. You can only play with players on the same platform as you. However, League of Legends: Wild Rift is planned to be cross-platform. So Mobile players will be able to play with console players in the future."/>
<x-about.faq.dropdown
question="Can I cheat in League of Legends?"
answer="No, you can't cheat in League of Legends. Riot Games has a zero-tolerance policy for cheating and will ban any accounts that are found to be cheating."/>
<x-about.faq.dropdown
question="Can I sell my League of Legends account?"
answer="No, you can't sell your League of Legends account. It is against the Terms of Service to sell your account. If you do, your account will be banned."/>
<x-about.faq.dropdown
question="Can I change my League of Legends username?"
answer="No, you can't change your actual username."/>
<x-about.faq.dropdown
question="Can I change my League of Legends region?"
answer="Yes, you can change your region. You can purchase a region transfer in the in-game store."/>
</div>
</div>
<x-footer/>
</body>
</html>

164
resources/views/about/index.blade.php Normal file
View File

@@ -0,0 +1,164 @@
<!DOCTYPE html>
<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>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/>
<div class="max-w-screen-xl mx-auto px-5 min-h-sceen">
<div class="flex flex-col items-center">
<h1
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">
About</h1>
<h2
class="text-lg font-bold text-center text-transparent uppercase
bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text ">
Learn all about League of Legends, Heimerdinger and us.</h2>
</div>
<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>
<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>
</div>
<div class="flex flex-col items-center mt-5 justify-center ">
<h2
class="text-lg font-bold text-center uppercase text-gray-100">
What is League of Legends?</h2>
<p class="text-center text-stone-300 mt-2 max-w-3xl">
League of Legends (LoL), commonly referred to as League, is a MOBA game developed and published by Riot
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".
<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
unique abilities and playstyles. During a match, champions become more powerful by collecting
exp, earning gold, and purchasing items to defeat the opposing team. In League's main mode,
Summoner's Rift, a team wins by pushing through to the enemy base and destroying their Nexus.
<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
WBG vs T1. Domestic and international events have been broadcast on livestreaming websites such as
Twitch, YouTube, Trello and Bilibili.
<br><br>
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
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.
</p>
</div>
<hr class="w-48 h-1 mx-auto my-4 border-0 rounded md:my-10 bg-stone-500">
<div class="flex flex-col items-center mt-5">
<h2
class="text-lg font-bold text-center uppercase text-gray-100">
What is Heimerdinger.lol?</h2>
<p class="text-center text-stone-300 mt-2 max-w-3xl">
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
will
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
are a developer and want to contribute to the project, you can do so on our GitHub page here: <a
href="https://github.com/rico-vz/HeimerdingerLoL" class="underline decoration-orange-500/50"
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
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.
</p>
</div>
<hr class="w-48 h-1 mx-auto my-4 border-0 rounded md:my-10 bg-stone-500">
<div class="flex flex-col items-center mt-5">
<h2
class="text-lg font-bold text-center uppercase text-gray-100">
Who is Heimerdinger?</h2>
<p class="text-center text-stone-300 mt-2 max-w-3xl">
Heimerdinger is a character from the game. He is a brilliant
scientist, Professor Cecil B. Heimerdinger, which is his full name, is one of the most innovative and
esteemed inventors
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
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
a rapid-fire cannon turret, firing long-range rockets, lobbing a grenade at a
location, and upgrading his next spell to have increased effects.
<br><br>
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
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
intelligence, creativity, and moral compass. His unique background, expertise in science, and
commitment to ethical progress have made him an essential part of the series, offering both wisdom and
intrigue to the unfolding story of Arcane. So I'm sure we will be seeing him again in Arcane Season 2.
</p>
</div>
</div>
<x-footer/>
</body>
</html>

14
resources/views/components/about/faq/dropdown.blade.php Normal file
View File

@@ -0,0 +1,14 @@
<div class="py-5">
<details class="group">
<summary class="flex justify-between items-center font-medium cursor-pointer list-none">
<span class="text-orange-400">{{$question}}</span>
<span class="transition text-orange-400 group-open:rotate-180">
<svg fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24"><path d="M6 9l6 6 6-6"></path>
</svg>
</span>
</summary>
<p class="text-gray-100 mt-3">
{{$answer}}
</p>
</details>
</div>

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

@@ -74,7 +74,7 @@
</a>
<a class="block p-8 transition bg-stone-800/40 border shadow-xl border-stone-800 rounded-xl hover:border-orange-500/10 hover:shadow-orange-500/10"
href="#">
href="/about">
<x-iconsax-bul-message-question class="h-10 text-orange-400"/>
<h2 class="mt-4 text-xl font-bold text-white">About The Game</h2>

4
resources/views/components/navbar.blade.php
View File

@@ -70,11 +70,11 @@
Posts</a>
</li>
<li>
<a href="#"
<a href="{{route('about.index')}}"
class="flex py-2 pl-3 pr-2 rounded hover:bg-stone-100 md:hover:bg-transparent
md:border-0 md:hover:text-orange-500 md:p-0 md:dark:hover:text-orange-400
dark:hover:bg-stone-700 dark:hover:text-white md:dark:hover:bg-transparent
{{ request()->routeIs('info.*') ? 'text-orange-400 font-medium' : 'text-white' }}">
{{ request()->routeIs('about.*') ? 'text-orange-400 font-medium' : 'text-white' }}">
<x-iconsax-bul-info-circle class="w-6 h-6 mr-1"/>
About</a>
</li>