From 358e7c1134fa590152613f02b2de90b5b09c712a Mon Sep 17 00:00:00 2001 From: Rico van Zelst Date: Thu, 15 May 2025 11:24:54 +0200 Subject: [PATCH] feat(skin-info): initial page redesign --- .../components/skins/grid_info.blade.php | 569 +++++++++++++----- 1 file changed, 412 insertions(+), 157 deletions(-) diff --git a/resources/views/components/skins/grid_info.blade.php b/resources/views/components/skins/grid_info.blade.php index efde4e5..6888830 100644 --- a/resources/views/components/skins/grid_info.blade.php +++ b/resources/views/components/skins/grid_info.blade.php @@ -1,188 +1,443 @@

- SKIN DETAILS

+ Skin Spotlight +

- {{ $skin->skin_name }}

+ {{ $skin->skin_name }} +

- View - champion - info + View champion info - +

- -
-
-
-
- {{ $skin->skin_name }} Splash Art + -
- View in - HD -
+ +
+ +
+
+ {{ $skin->skin_name }} Splash Art +
+ View in HD
+
+ +
+

+ Everything You Need to Know About {{ $skin->skin_name }} +

-
+
+
+
+

The Basics

+

+ Looking to spice up your games with a killer new look for {{ $skin->champion->name }}? Let's + dive into everything you need to know about {{ $skin->skin_name }}, a + unique skin for + {{ $skin->champion->name }}. This skin is all about giving your favorite champion a fresh + new look! +

+
-

- {{ $skin->skin_name }} Details

- -
    -
  • - Price: - @if ($skin->rp_price == '99999') - Not Available for RP - @else - - {{ $skin->rp_price }} RP - @endif -
    • -
  • - Release Date: {{ $skin->release_date }} -
    • -
  • - Rarity: {{ $skin->rarity }} -
    • -
  • - Availability: {{ $skin->availability }} -
    • -
  • - Chromas: - @if ($skin->chromas->count() > 0) - {{ $skin->chromas->count() }} - @else - None - @endif -
    • -
  • - Lootable: {{ $skin->loot_eligible ? 'Yes' : 'No' }} -
    • -
  • - New Effects: {{ $skin->new_effects ? 'Yes' : 'No' }} -
    • -
  • - New Animations: {{ $skin->new_animations ? 'Yes' : 'No' }} -
    • -
  • - New Recall: {{ $skin->new_recall ? 'Yes' : 'No' }} -
    • -
  • - New Voice: {{ $skin->new_voice ? 'Yes' : 'No' }} -
    • -
  • - New Quotes: {{ $skin->new_quotes ? 'Yes' : 'No' }} -
    • -
  • - Voice Actor: - @if (count($skin->voice_actor) < 1) - Unknown - @else - @foreach ($skin->voice_actor as $voice_actor) - {{ $voice_actor }} - @endforeach - @endif -
    • -
  • - Splash Artist: - @if (count($skin->splash_artist) < 1) - Unknown - @else - @foreach ($skin->splash_artist as $key => $splash_artist) - {{ $splash_artist }} - @if ($key < count($skin->splash_artist) - 2) - , - @elseif ($key == count($skin->splash_artist) - 2) - & + +
    +

    Quick Facts

    +
    +

    Price: + @if ($skin->rp_price == '99999') + Special Availability + @else + {{ $skin->rp_price }} RP @endif - @endforeach - @endif -

    • +

    +

    Released: + @if ($skin->release_date == '0000-00-00') + Coming Soon + @else + {{ $skin->release_date }} + @endif +

    +

    Rarity: {{ $skin->rarity }}

    +

    Available: {{ $skin->availability }}

    +
+
+
- - -
- - -
-
-

- {{ $skin->name }} Lore

-

- @if ($skin->lore) - {!! $skin->lore !!} +

+ @if ($skin->release_date == '0000-00-00') + Riot hasn't dropped this skin on live servers just yet, but it's definitely on the way! + {{ $skin->skin_name }} + might already be available on PBE, or maybe already has a SkinSpotlights video. While we don't + have an exact + release date yet, this {{ $skin->rarity }} tier skin will be joining + {{ $skin->champion->name }}'s collection soon. + @else + Since its release on {{ $skin->release_date }}, this {{ $skin->rarity }} tier + skin has become + @if ($skin->availability == 'Available') + a popular pick among players who want to make their {{ $skin->champion->name }} stand out + from the crowd. + @elseif ($skin->availability == 'Legacy') + a legacy skin. This means it's no longer available for purchase in the store, but you might + be able to + get it from chests, rerolling skins, or during specific periods in the year when Riot brings + it back. + @elseif ($skin->availability == 'Limited') + an extremely rare sight on the Rift. If you spot someone rocking this skin, you know they're + either a long-time player or incredibly lucky. + @elseif ($skin->availability == 'Upcoming') + an upcoming skin addition to the game that some players can't wait to get their hands on. @else - Heimerdinger has looked far and wide but could not find any lore for - {{ $skin->skin_name }}. - But we're sure it's a great skin! The things we do know is that it was released on - {{ $skin->release_date }} and costs {{ $skin->rp_price }} RP. + a unique addition to {{ $skin->champion->name }}'s wardrobe that offers a fresh take on + this champion's look and feel. + @endif + @endif +

+ +

What Makes This Skin Special

+ +

+ Let's talk about what makes {{ $skin->skin_name }} worth your RP. + @if ($skin->rp_price == '99999') + This isn't your standard RP purchase - it's part of a special promotion or event, making it a + bit more exclusive than your typical skin. It might be available exclusively through a + battlepass, gacha systems (The Sanctum), or something else. + @else + At {{ $skin->rp_price }} RP, you're getting + @if ($skin->rp_price < 975) + a budget-friendly option that still gives {{ $skin->champion->name }} a fresh look, so you + can stand out. + @elseif ($skin->rp_price >= 975 && $skin->rp_price < 1350) + a relatively cheap skin with decent quality visuals, sometimes even some new animations or + effects. + @elseif ($skin->rp_price >= 1350 && $skin->rp_price < 1820) + a feature-rich skin with plenty of new visuals that really change how + {{ $skin->champion->name }} looks in-game. + @elseif ($skin->rp_price >= 1820) + a premium experience, likely with completely overhauled visuals, animations, and potentially + voice + work. + @endif + @endif +

+ +
+

+ @if ($skin->new_effects && $skin->new_animations && $skin->new_recall && $skin->new_voice && $skin->new_quotes) + This skin is loaded with upgrades! It's got completely new visual effects, fresh animations, + a custom recall, a new voice over, and unique voice lines. When you buy + {{ $skin->skin_name }}, you're basically getting a completely reimagined version of + {{ $skin->champion->name }}. + @else + Here's what you get with {{ $skin->skin_name }}: + @if ($skin->new_effects) + ✓ Brand new visual effects that add serious flair to your + abilities + @endif + @if ($skin->new_animations) + ✓ Fresh animations that make {{ $skin->champion->name }} move + in new, thematic ways + @endif + @if ($skin->new_recall) + ✓ A custom recall animation that's worth showing off before you + head back to base + @endif + @if ($skin->new_voice) + ✓ A completely new voice that transforms the champion's + personality + @endif + @if ($skin->new_quotes) + ✓ New voice lines that add depth and storytelling to the skin's + theme + @endif + @if (!$skin->new_effects && !$skin->new_animations && !$skin->new_recall && !$skin->new_voice && !$skin->new_quotes) + While this skin doesn't add new effects or animations, it offers a visual + redesign that gives {{ $skin->champion->name }} a fresh look on the Rift. + @endif @endif

-
-
-
-

- {{ $skin->name }} Chromas ({{ count($skin->chromas) }})

-
-
- @if (count($skin->chromas) < 1) -

- Sadly there are no chromas for {{ $skin->skin_name }} yet. -

- @endif - @foreach ($skin->chromas as $key => $chroma) -
- - {{ $chroma->chroma_name }} {{ $chroma->skin_name }} ScreenShot - -
+

+ @if (count($skin->chromas) > 0) + If one look isn't enough for you, {{ $skin->skin_name }} comes with + {{ $skin->chromas->count() }} different chroma options. That means once you + own the base skin, you can pick up these color variants to match your mood or your team comp. + Some players collect them all, while others just grab their favorite color. + @else + Unlike some skins that come with a rainbow of chromas, {{ $skin->skin_name }} keeps it focused + with just the base design. So sadly, no chroma options here. + @endif +

-

- - {{ $chroma->chroma_name }} - -

-
-
- @endforeach -
+

+ One thing to keep in mind: this skin is {{ $skin->loot_eligible ? 'available' : 'not available' }} + through the loot system. + @if ($skin->loot_eligible) + So if you're the type to save your RP, you might get lucky with a hextech chest or event orb. + But don't count on it - if you really want this skin, buying it directly is your best bet. + @else + That means you won't find it in hextech chests or event orbs, so direct purchase is your only + option if you want to add it to your collection. + @endif +

+ +
+

Who made {{ $skin->skin_name }}?

+

+ Ever wonder who's responsible for making these skins? We'll break it down for you: +

+ +

+ @if (count($skin->voice_actor) > 0) + When you hear {{ $skin->skin_name }} in game, you're listening to + @if (count($skin->voice_actor) == 1) + the work of voice actor {{ $skin->voice_actor[0] }}, who brings real personality to the + lines. + @else + a team of voice talents including + @foreach ($skin->voice_actor as $key => $voice_actor) + {{ $voice_actor }} + @if ($key < count($skin->voice_actor) - 2) + , + @elseif ($key == count($skin->voice_actor) - 2) + and + @endif + @endforeach, who collaborated to create the skin's unique sound. + @endif + @else + Riot hasn't shared who voiced {{ $skin->skin_name }}, but we hope you enjoy the new lines + and + personality they bring to the game anyway! + @endif +

+ +

+ @if (count($skin->splash_artist) > 0) + That splash art that caught your eye? It came from the tablet of + @if (count($skin->splash_artist) == 1) + {{ $skin->splash_artist[0] }}, one of Riot's talented artists who really captured the + essence of {{ $skin->skin_name }}. + @else + several artists working together: + @foreach ($skin->splash_artist as $key => $splash_artist) + {{ $splash_artist }} + @if ($key < count($skin->splash_artist) - 2) + , + @elseif ($key == count($skin->splash_artist) - 2) + and + @endif + @endforeach. This collaboration resulted in the amazing artwork you + see on the champion select screen. + @endif + @else + Riot hasn't revealed who created the splash art for {{ $skin->skin_name }}, but we can + appreciate the effort that went into it regardless. This could mean the splash art of + {{ $skin->skin_name }} + was created by Riot's internal team, or perhaps still a freelance artist that hasn't been + revealed yet. + @endif +

+
+
+ + +
+

The Story Behind {{ $skin->skin_name }}

+
+ @if ($skin->lore) + {!! $skin->lore !!} + @else +

+ We've dug through all of Riot's lore posts and cosmic archives, but sadly there's no + official backstory for + {{ $skin->skin_name }}... yet! + + @if ($skin->release_date == '0000-00-00') + Since this skin is still on its way to the live servers, we might get some juicy lore + when it officially drops. Keep an eye on Riot's social media and the client for universe + updates. + @else + Don't let that stop you from enjoying this skin though! It first arrived on + {{ $skin->release_date }} and costs + {{ $skin->rp_price == '99999' ? 'a special rate' : $skin->rp_price . ' RP' }}. + @endif + + You can always make up your own headcanon about how {{ $skin->champion->name }} came to + have this look. That's half the fun of League's multiverse of skin lines! +

+ @endif +
+
+ + + + @if (count($skin->chromas) > 0) +
+

+ Color Options: {{ $skin->skin_name }} Chromas +

+ +

+ Can't decide on just one look? We don't blame you! {{ $skin->skin_name }} comes with + {{ count($skin->chromas) }} different chroma options that let you customize your favorite skin. + Whether you want to match your team's color scheme or just feel like switching things up, these + variants have got you covered without changing any of the awesome features of the base skin. +

+ +
+
+ @foreach ($skin->chromas as $key => $chroma) +
+ + {{ $chroma->chroma_name }} {{ $chroma->skin_name }} ScreenShot + +

+ + {{ $chroma->chroma_name }} + +

+
+ @endforeach
+ +

+ Each chroma costs 290 RP, or you can often grab them all in a bundle at a discount. Keep an eye out + for essence emporiums too, where you might be able to snag these with Blue Essence instead of RP. + Which one's your favorite? +

+
+ @endif + + +
+

+ Is {{ $skin->skin_name }} Worth It? +

+ +
+

+ So, should you pick up {{ $skin->skin_name }} for your collection? Let's break it down: +

+ +
+
+

Reasons to Buy:

+
    + @if ($skin->new_effects) +
  • Fresh visual effects that make abilities pop
    • + @endif + @if ($skin->new_animations) +
  • Smooth new animations that feel great to play
    • + @endif + @if ($skin->new_recall) +
  • A recall animation worth showing off
    • + @endif + @if ($skin->new_voice) +
  • New voice lines and personality
    • + @endif + @if (count($skin->chromas) > 0) +
  • {{ count($skin->chromas) }} chroma options for variety
    • + @endif +
  • {{ $skin->rarity }} tier quality visuals
    • + @if ($skin->availability == 'Limited' || $skin->availability == 'Legacy') +
  • Rare skin that not everyone has
    • + @endif +
+
+ +
+

Consider This:

+
    + @if ($skin->rp_price > 1350) +
  • Higher price point than basic skins
    • + @endif + @if (!$skin->new_effects) +
  • Doesn't have new visual effects
    • + @endif + @if (!$skin->new_animations) +
  • Uses the base animation set
    • + @endif + @if (!$skin->loot_eligible) +
  • Can't be obtained through loot
    • + @endif + @if ($skin->availability == 'Upcoming' || $skin->release_date == '0000-00-00') +
  • Not available just yet
    • + @endif + @if (count($skin->chromas) == 0) +
  • No chroma options for variety
    • + @endif +
+
+
+ +

+ @if ($skin->rp_price <= 975) + At just {{ $skin->rp_price }} RP, {{ $skin->skin_name }} offers good value for a visual + refresh on {{ $skin->champion->name }}. It's a budget-friendly option if you main this champion + or just want to change things up without breaking the bank. + @elseif ($skin->rp_price > 975 && $skin->rp_price <= 1350) + For {{ $skin->rp_price }} RP, {{ $skin->skin_name }} sits in the mid-range of skin pricing. It + offers a solid upgrade from the base skin with enough new features to feel fresh and exciting + while playing. {{ $skin->rp_price }} RP is a common price point for skins, so if you want to + invest a little more in your {{ $skin->champion->name }} experience, this skin could be a great + choice. If {{ $skin->rp_price }} RP is a bit steep, consider checking out our sale + rotation page from time to time + to see when it goes on sale. + @elseif ($skin->rp_price > 1350 && $skin->rp_price != 99999) + At {{ $skin->rp_price }} RP, {{ $skin->skin_name }} is definitely higher priced than most + skins. But for + dedicated {{ $skin->champion->name }} players, the comprehensive changes and high production + value make it worth considering if you spend a lot of time on this champion. If you're a casual + {{ $skin->champion->name }} player, you might want to wait for a sale or consider other skins + that + offer a better bang for your buck. To find out when this skin goes on sale, check out our sale + rotation page + @else + With its special availability, {{ $skin->skin_name }} is for the collectors and dedicated + {{ $skin->champion->name }} enthusiasts. If you're passionate about this champion or the skin's + theme, you'll want to keep an eye out for how to add this to your collection. + If you're still looking for a {{ $skin->champion->name }} skin, check out the champion + page for more options. + @endif +

+ +

+ Ultimately, skins are about personal preference and how much you enjoy playing + {{ $skin->champion->name }}. If you're looking for a fresh experience with this champion and the + theme of {{ $skin->skin_name }} appeals to you, it could be the perfect addition to your + collection! If you want to consider other options, check out our dedicated {{ $skin->champion->name }} + page for more {{ $skin->champion->name }} skins and their details. +