mirror of
https://github.com/rico-vz/HeimerdingerLoL.git
synced 2025-12-06 18:20:48 +01:00
About (#46)
* 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
GitHub
164
resources/views/about/index.blade.php
Normal file
164
resources/views/about/index.blade.php
Normal 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>
|
||||
Reference in New Issue
Block a user