diff --git a/app/Http/Controllers/SummonerIconController.php b/app/Http/Controllers/SummonerIconController.php index 095d78a..d282f4b 100644 --- a/app/Http/Controllers/SummonerIconController.php +++ b/app/Http/Controllers/SummonerIconController.php @@ -11,7 +11,7 @@ class SummonerIconController extends Controller public function index() { $icons = QueryBuilder::for(SummonerIcon::class) - ->allowedFilters('title') + ->allowedFilters(['title', 'esports_team', 'release_year']) ->defaultSort('-icon_id') ->paginate(72) ->appends(request()->query()); diff --git a/resources/views/components/icons/view_grid.blade.php b/resources/views/components/icons/view_grid.blade.php index bfa200d..15ababd 100644 --- a/resources/views/components/icons/view_grid.blade.php +++ b/resources/views/components/icons/view_grid.blade.php @@ -1,111 +1,356 @@ -
-
-

- ICON DETAILS

-

- {{ $icon->title }}

-

- Released in: {{ $icon->release_year }}

+
+

+ Icon Spotlight +

+

+ {{ $icon->title }} +

+

+ Released in {{ $icon->release_year }} +

-
- -
+ -
-
-
-

- The {{ $icon->title }}

- {{ $icon->title }} Icon +
+
+
+
+
+
+
+
+ + {{ $icon->title }} Loading + + {{ $icon->title }} Icon +
+
- View in HD + class="inline-flex items-center px-3 py-1 text-sm font-bold text-white transition bg-orange-500 rounded-lg bg-opacity-80 hover:bg-opacity-100"> + View Full Size + + + +
-
-

- {{ $icon->title }} Details -

-
-
    -
  • - Icon ID: - {{ $icon->icon_id }} -
    • -
  • - Icon Name: {{ $icon->title }} -
    • -
  • - Release Year: {{ $icon->release_year }} -
    • -
  • - Legacy*: - {{ $icon->legacy ? 'Yes' : 'No' }} -
    • -
  • - Esports Icon: - {{ $icon->esports_team || $icon->esports_region || $icon->esports_event ? 'Yes' : 'No' }} -
    • +
    +

    + About This Icon +

    +
    +

    + The {{ $icon->title }} is a {{ $icon->legacy ? 'legacy' : 'standard' }} + summoner icon first introduced to League of Legends in {{ $icon->release_year }}. @if ($icon->esports_team || $icon->esports_region || $icon->esports_event) + This is an esports-themed icon @if ($icon->esports_team) -

  • - Esports Team: {{ $icon->esports_team }} -
    • + representing the team {{ $icon->esports_team }} @endif @if ($icon->esports_region) -
  • - Esports Region: {{ $icon->esports_region }} -
    • + from the {{ $icon->esports_region }} region @endif @if ($icon->esports_event) -
  • - Esports Event: {{ $icon->esports_event }} -
    • - @endif + featured during the {{ $icon->esports_event }} event + @endif. @endif -
  • - Description: {{ $icon->description }} -
    • +

    - @if ($icon->icon_id === 6584) -
  • - Guide: How to get the - Hatty Crabby Icon in - League of Legends -
    • +

    {{ $icon->description }}

    + +

    + Summoner icons like the {{ $icon->title }} let you personalize your League of + Legends account, displaying next to your name in friend lists, lobbies, and post-game + screens. + It's also generally shown on 3rd-party sites like op.gg and u.gg. + They're a popular way for players to express their personality, support for + teams or to create a nice looking profile for themselves. +

    + +

    + @if ($icon->release_year < 2016) + This icon comes from the {{ $icon->release_year < 2013 ? 'early' : 'classic' }} era of + League of Legends, when icon releases were less frequent and often tied to significant + game events or milestones. Icons from this period are particularly valued by long-time + players. + @elseif ($icon->release_year >= 2016 && $icon->release_year <= 2020) + Released during {{ $icon->release_year }}, this icon arrived during a period when Riot + began expanding the variety and availability of summoner icons, offering more ways for + players to customize their profiles and express themselves in the game client. + @else + As a more recent addition to League's icon collection, the {{ $icon->title }} features + the modern design aesthetic that matches Riot's current approach to player + customization. @endif +

    -
  • - * Legacy Icons: Legacy Icons don't act the same as legacy - skins. - It seems like some icons that are marked as legacy are still obtainable or the other way - around - where some icons that are not marked as legacy are not obtainable anymore. -
    • -
+ @if ($icon->legacy) +
+

+ Legacy Status: This is considered a + legacy icon, which means it may have limited availability. Unlike legacy skins, + legacy icons don't follow consistent rules. Some can still be obtainable through + special events or promotions, while others might be permanently unavailable. +

+
+ @endif + + @if ($icon->icon_id === 6584) +
+

+ Special Guide: Wondering how to get + this icon? Check out our + href="/post/how-to-get-hatty-crabby-icon-in-league-of-legends" + class="text-orange-400 underline hover:text-orange-300">complete guide on + obtaining the Hatty Crabby Icon. +

+
+ @endif + + @if ($icon->icon_id === 6846) +
+

+ Special Guide: Wondering how to get + this icon? Check out our complete guide on + obtaining the Ez-be-real Icon. +

+
+ @endif
+ +
+
+

+ How to Obtain +

+
+

+ @if ($icon->legacy) + As a legacy icon from {{ $icon->release_year }}, the {{ $icon->title }} icon might not be + directly available for purchase. Legacy icons typically appear during special events, + promotions, or through hextech crafting. + + @if ($icon->esports_team || $icon->esports_region || $icon->esports_event) + Since this is an esports icon, it may reappear during relevant tournaments or team + promotions. + @endif + @else + The {{ $icon->title }} icon, released in {{ $icon->release_year }}, may be available + through the League of Legends store, event passes, missions, or hextech crafting. + + @if ($icon->esports_team || $icon->esports_region || $icon->esports_event) + As an esports-themed icon, it's often available during relevant tournaments or through + team support bundles. + @endif + @endif +

+ +

+ When available in the store, summoner icons usually cost 250 RP, though + special or limited editions may be priced differently. Some icons are also obtainable with Blue + Essence during special promotions or through the Essence Emporium when it's active. +

+ +

+ Riot occasionally brings back legacy content during special events like anniversaries, seasonal + celebrations, or game milestones. If you're specifically looking to add the {{ $icon->title }} + to your collection, watch for event announcements in the client or on the official League of + Legends website. +

+ +

+ Keep an eye on the in-game client for special promotions or events where this icon might become + available again. +

+
+
+ +
+

+ Technical Details +

+
+

+ Each summoner icon in League of Legends has some technical specifications. The + {{ $icon->title }} is identified in Riot's systems by the icon ID {{ $icon->icon_id }}. +

+ +
+
+
+ Icon ID + {{ $icon->icon_id }} +
+ +
+ Release Year + {{ $icon->release_year }} +
+ +
+ Legacy Status + {{ $icon->legacy ? 'Legacy' : 'Standard' }} +
+ +
+ Type + {{ $icon->esports_team || $icon->esports_region || $icon->esports_event ? 'Esports' : 'Standard' }} +
+
+
+
+
+
+ +
+

+ Design & Significance +

+
+

+ The {{ $icon->title }} features a classic design that captures its thematic elements in League + of Legends' iconic art style. A lot of players like to use icons to make their profile look nice, + and match with profile backgrounds, borders, etc. +

+ +

+ @if ($icon->esports_team) + As an esports team icon, it prominently displays {{ $icon->esports_team }}'s branding elements + and color scheme, allowing fans to show their support in the game client. Team icons often + become collectors' items, especially for teams with historical significance or memorable + tournament performances. + @elseif (strpos(strtolower($icon->title), 'poro') !== false) + This icon features League's beloved Poro character, the fluffy creature native to the Howling + Abyss. Poro-themed items are consistently popular among players due to their cute and whimsical + design aesthetic. + @elseif (strpos(strtolower($icon->title), 'champie') !== false || + strpos(strtolower($icon->description), 'champie') !== false || + strpos(strtolower($icon->title), 'illustration') !== false) + This champion-themed icon captures elements of a League character's identity, allowing fans of + that champion to showcase their preference or mastery. + @else + The art style and thematic elements of this icon reflect Riot's approach to visual design in + {{ $icon->release_year }}, with the characteristic attention to detail and distinctive style + that League of Legends is known for. + @endif +

+ +

+ Players often select icons that represent their main role, favorite champion, esports team they + like, or + just looks cool. The {{ $icon->title }} offers a way for summoners to personalize + their League experience and express themselves within the community. +

+
+
+ +
+

+ Related Content +

+
+

+ Interested in more summoner icons or related League of Legends content? Here are some resources that + might help: +

+ +

+ League of Legends has over 1500 summoner icons spanning more than a decade of the game's + history. They range from esports team icons to event commemorations, champion icons, and + ranked achievements. +

+ +
+ +

Icons from {{ $icon->release_year }}

+

Explore other summoner icons released in the same year.

+ + + @if ($icon->esports_team) + +

{{ $icon->esports_team }} Icons

+

View all icons related to this esports team.

+ + @endif + + +

All Summoner Icons

+

Browse our complete collection of League of Legends icons. +

+ +
+
+
+ +@push('bottom_scripts') + +@endpush