Files
HeimerdingerLoL/resources/views/components/navbar.blade.php
Rico 51e95ecf84 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>
2023-12-07 23:37:12 +01:00

85 lines
5.2 KiB
PHP

<nav class="drop-shadow-md border-stone-200 bg-stone-800">
<div class="flex flex-wrap items-center justify-between max-w-screen-xl p-4 mx-auto">
<a href="/" class="flex items-center transition-transform hover:scale-105">
<x-logo class="w-auto mr-2 transition-transform h-9 hover:scale-125" alt="Heimerdinger Logo"/>
<span class="self-center text-2xl font-semibold text-orange-400 whitespace-nowrap">Heimerdinger.LoL</span>
<span class="sr-only">Home</span>
</a>
<button data-collapse-toggle="navbar-default" type="button"
class="inline-flex items-center justify-center w-10 h-10 p-2 text-sm rounded-lg text-stone-500
md:hidden hover:bg-stone-100 focus:outline-none focus:ring-2 focus:ring-stone-200 dark:text-stone-400
dark:hover:bg-stone-700 dark:focus:ring-stone-600"
aria-controls="navbar-default" aria-expanded="false">
<span class="sr-only">Open main menu</span>
<svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 17 14">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M1 1h15M1 7h15M1 13h15"/>
</svg>
</button>
<div id="navbar-default" class="hidden w-full md:block md:w-auto">
<ul
class="flex flex-col p-2 items-center
md:flex-row md:space-x-6 md:mt-0 md:border-0 md:bg-white dark:bg-stone-800 md:dark:bg-stone-800
dark:border-stone-700">
<li>
<a href="{{route('champions.index')}}"
class="flex py-2 pl-3 pr-2 rounded hover:bg-stone-100 md:hover:bg-transparent
md:border-0 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('champions.*') ? 'text-orange-400 font-medium' : 'text-white' }}">
<x-iconsax-bul-people class="w-6 h-6 mr-1"/>
Champions</a>
</li>
<li>
<a href="{{route('skins.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('skins.*') ? 'text-orange-400 font-medium' : 'text-white' }}">
<x-iconsax-bul-brush-2 class="w-6 h-6 mr-1"/>
Skins</a>
</li>
<li>
<a href="{{route('assets.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('assets.*') ? 'text-orange-400 font-medium' : 'text-white' }}">
<x-iconsax-bul-3dcube class="w-6 h-6 mr-1"/>
Assets</a>
</li>
<li>
<a href="{{route('sales.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('sales.*') ? 'text-orange-400 font-medium' : 'text-white' }}">
<x-iconsax-bul-card class="w-6 h-6 mr-1"/>
Sale Rotation</a>
</li>
<li>
<a href="#"
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('posts.*') ? 'text-orange-400 font-medium' : 'text-white' }}">
<x-iconsax-bul-receipt-search class="w-6 h-6 mr-1"/>
Posts</a>
</li>
<li>
<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('about.*') ? 'text-orange-400 font-medium' : 'text-white' }}">
<x-iconsax-bul-info-circle class="w-6 h-6 mr-1"/>
About</a>
</li>
</ul>
</div>
</div>
</nav>