Skip to content

Commit a436340

Browse files
JonnxJonnx
committed
feat(docs): updated homepage / docs components to use new svg icons
1 parent 13807a8 commit a436340

8 files changed

Lines changed: 22 additions & 27 deletions

File tree

‎resources/views/components/icon-spectrum.blade.php‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
<div {{ $attributes->merge(['class' => 'mb-4']) }}>
2-
<img src="/api/v2/font-awesome/v5/icon?icon={{ isset($icon) ? $icon : 'fa-play-circle-regular' }}&size=50&color=6013CC"
2+
<img src="/api/v3/font-awesome/v6/icon?icon={{ isset($icon) ? $icon : 'fa-solid fa-circle-play' }}&size=50&color=6013CC"
33
class="m-0 inline h-12 {{ isset($iconClass) ? $iconClass : '' }}" />
4-
<img src="/api/v2/font-awesome/v5/icon?icon={{ isset($icon) ? $icon : 'fa-play-circle-regular' }}&size=50&color=992DE5"
4+
<img src="/api/v3/font-awesome/v6/icon?icon={{ isset($icon) ? $icon : 'fa-solid fa-circle-play' }}&size=50&color=992DE5"
55
class="m-0 inline h-12 {{ isset($iconClass) ? $iconClass : '' }}" />
6-
<img src="/api/v2/font-awesome/v5/icon?icon={{ isset($icon) ? $icon : 'fa-play-circle-regular' }}&size=50&color=BC5AF4"
6+
<img src="/api/v3/font-awesome/v6/icon?icon={{ isset($icon) ? $icon : 'fa-solid fa-circle-play' }}&size=50&color=BC5AF4"
77
class="m-0 inline h-12 {{ isset($iconClass) ? $iconClass : '' }}" />
8-
<img src="/api/v2/font-awesome/v5/icon?icon={{ isset($icon) ? $icon : 'fa-play-circle-regular' }}&size=50&color=CE86F5"
8+
<img src="/api/v3/font-awesome/v6/icon?icon={{ isset($icon) ? $icon : 'fa-solid fa-circle-play' }}&size=50&color=CE86F5"
99
class="m-0 inline h-12 {{ isset($iconClass) ? $iconClass : '' }}" />
1010
</div>

‎resources/views/docs/font-awesome/v4/index.blade.php‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
<div class="md:grid grid-cols-3 gap-8">
66
<div class="col-span-3">
77
<x-docs-box>
8-
<x-icon-spectrum icon="fa-fort-awesome" class="opacity-40" iconClass="-mr-12 w-[49px]" />
8+
<x-icon-spectrum icon="fa-brands fa-fort-awesome" iconClass="-mr-12 w-[49px]" />
99

1010
<h2>Font Awesome 4</h2>
1111

‎resources/views/docs/font-awesome/v5/index.blade.php‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
<div class="md:grid grid-cols-3 gap-8">
66
<div class="col-span-3">
77
<x-docs-box>
8-
<x-icon-spectrum icon="fa-fort-awesome" class="opacity-40" iconClass="-mr-12 w-[49px]" />
8+
<x-icon-spectrum icon="fa-brands fa-fort-awesome" iconClass="-mr-12 w-[49px]" />
99

1010
<h2>Font Awesome 5</h2>
1111

‎resources/views/docs/font-awesome/v6/index.blade.php‎

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -6,12 +6,7 @@
66
<div class="md:grid grid-cols-3 gap-8">
77
<div class="col-span-3">
88
<x-docs-box>
9-
<div class="mb-4">
10-
<img src="/api/v3/font-awesome/v6/icon?icon=fa-brands+fa-fort-awesome&size=50&color=6013CC" class="m-0 inline h-12 -mr-12 w-[49px]" />
11-
<img src="/api/v3/font-awesome/v6/icon?icon=fa-brands+fa-fort-awesome&&size=50&color=992DE5" class="m-0 inline h-12 -mr-12 w-[49px]" />
12-
<img src="/api/v3/font-awesome/v6/icon?icon=fa-brands+fa-fort-awesome&&size=50&color=BC5AF4" class="m-0 inline h-12 -mr-12 w-[49px]" />
13-
<img src="/api/v3/font-awesome/v6/icon?icon=fa-brands+fa-fort-awesome&&size=50&color=CE86F5" class="m-0 inline h-12 -mr-12 w-[49px]" />
14-
</div>
9+
<x-icon-spectrum icon="fa-brands fa-fort-awesome" iconClass="-mr-12 w-[49px]" />
1510

1611

1712
<h2>Font Awesome 6</h2>

‎resources/views/docs/index.blade.php‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<x-docs-layout>
55

66
<x-docs-box>
7-
<x-icon-spectrum icon="fa-rocket" class="opacity-40" iconClass="-mr-12 w-[49px]" />
7+
<x-icon-spectrum icon="fa-solid fa-rocket" iconClass="-mr-12 w-[49px]" />
88

99
<h2> Getting Started</h2>
1010

‎resources/views/docs/integrations/index.blade.php‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
<div class="md:grid grid-cols-3 gap-8">
66
<div class="col-span-3 mb-8 md:mb-0">
77
<x-docs-box>
8-
<x-icon-spectrum icon="fa-cog" class="opacity-40" iconClass="-mr-12 w-[49px]" />
8+
<x-icon-spectrum icon="fa-solid fa-gear" iconClass="-mr-12 w-[49px]" />
99

1010
<h2>Integrations</h2>
1111

‎resources/views/docs/versions.blade.php‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<x-docs-layout>
55

66
<x-docs-box class="mb-8">
7-
<x-icon-spectrum icon="fa-boxes" class="opacity-40" iconClass="-mr-12 w-[49px]" />
7+
<x-icon-spectrum icon="fa-solid fa-boxes-stacked" iconClass="-mr-12 w-[49px]" />
88

99
<h2>API Versions</h2>
1010

‎resources/views/welcome.blade.php‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -19,53 +19,53 @@
1919
{{-- PINS --}}
2020
<div class="prose prose-invert text-center pt-10 pb-4">
2121
<div class="-mb-4">
22-
<img src="/api/v2/font-awesome/v5/pin?text=A&background=992DE5&size=50" class="inline h-12 m-0 mx-1" />
23-
<img src="/api/v2/font-awesome/v5/pin?text=AC&background=BC5AF4&size=50" class="inline h-12 m-0 mx-1" />
24-
<img src="/api/v2/font-awesome/v5/pin?icon=fa-star-solid&background=CE86F5&size=50"
22+
<img src="/api/v3/font-awesome/v6/pin?text=A&background=992DE5&size=50" class="inline h-12 m-0 mx-1" />
23+
<img src="/api/v3/font-awesome/v6/pin?text=AC&background=BC5AF4&size=50" class="inline h-12 m-0 mx-1" />
24+
<img src="/api/v3/font-awesome/v6/pin?icon=fa-solid+fa-star&background=CE86F5&size=50"
2525
class="inline-block h-12 m-0 mx-1" />
2626
</div>
2727
<x-markdown>
2828
### Pins
2929
Create pins that look native to any map but contain more contextual information for your users.
3030
</x-markdown>
31-
<a href="/documentation/font-awesome/v5/pins"
31+
<a href="/documentation/font-awesome/v6/pins"
3232
class="no-underline -mb-4 mt-4 inline-block px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
3333
Get Started
3434
</a>
3535
</div>
3636
{{-- ICONS --}}
3737
<div class="prose prose-invert text-center pt-10 pb-4">
3838
<div class="-mb-4">
39-
<img src="/api/v2/font-awesome/v5/icon?icon=fa-users&color=992DE5&size=50"
39+
<img src="/api/v3/font-awesome/v6/icon?icon=fa-solid+fa-users&color=992DE5&size=50"
4040
class="inline h-12 m-0 mx-1" />
41-
<img src="/api/v2/font-awesome/v5/icon?icon=fa-box&color=BC5AF4&size=50" class="inline h-12 m-0 mx-1" />
42-
<img src="/api/v2/font-awesome/v5/icon?icon=fa-wind&color=CE86F5&size=50"
41+
<img src="/api/v3/font-awesome/v6/icon?icon=fa-solid+fa-box&color=BC5AF4&size=50" class="inline h-12 m-0 mx-1" />
42+
<img src="/api/v3/font-awesome/v6/icon?icon=fa-solid+fa-wind&color=CE86F5&size=50"
4343
class="inline-block h-12 m-0 mx-1" />
4444
</div>
4545
<x-markdown>
4646
### Icons
4747
When simplicity and a minimal look are the goal. Simple icons as map markers are a good go-to.
4848
</x-markdown>
49-
<a href="/documentation/font-awesome/v5/icons"
49+
<a href="/documentation/font-awesome/v6/icons"
5050
class="no-underline -mb-4 mt-4 inline-block px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
5151
Get Started
5252
</a>
5353
</div>
5454
{{-- ICON STACKS --}}
5555
<div class="prose prose-invert text-center pt-10 pb-4">
5656
<div class="-mb-4">
57-
<img src="/api/v2/font-awesome/v5/icon-stack?size=64&icon=fa-map-marker-alt&color=171719&on=fa-map-solid&oncolor=992DE5&iconsize=14&hoffset=21&voffset=8"
57+
<img src="/api/v3/font-awesome/v6/icon-stack?size=64&icon=fa-solid+fa-location&color=171719&on=fa-solid+fa-map&oncolor=992DE5&iconsize=14&hoffset=23&voffset=8"
5858
class="inline h-12 m-0 mx-1" />
59-
<img src="/api/v2/font-awesome/v5/icon-stack?size=64&icon=fa-amazon&color=171719&on=fa-truck&oncolor=BC5AF4&iconsize=30&voffset=-6&hoffset=-11"
59+
<img src="/api/v3/font-awesome/v6/icon-stack?size=64&icon=fa-brands+fa-amazon&color=171719&on=fa-solid+fa-truck&oncolor=BC5AF4&iconsize=30&voffset=-6&hoffset=-11"
6060
class="inline h-12 m-0 mx-1" />
61-
<img src="/api/v2/font-awesome/v5/icon-stack?size=64&icon=fa-apple&color=171719&on=fa-box&oncolor=CE86F5&iconsize=25&voffset=10"
61+
<img src="/api/v3/font-awesome/v6/icon-stack?size=64&icon=fa-brands+fa-apple&color=171719&on=fa-solid+fa-box&oncolor=CE86F5&iconsize=25&voffset=10"
6262
class="inline h-12 m-0 mx-1" />
6363
</div>
6464
<x-markdown>
6565
### Icon Stacks
6666
You can layer your favorite icons to create unique icons tailored to your application and branding.
6767
</x-markdown>
68-
<a href="/documentation/font-awesome/v5/icon-stacks"
68+
<a href="/documentation/font-awesome/v6/icon-stacks"
6969
class="no-underline -mb-4 mt-4 inline-block px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
7070
Get Started
7171
</a>

0 commit comments

Comments
 (0)