Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit f76ad0d

Browse files
ReenigneArcherReenigneArcher
authored
docs(website): use cdn for branded icons (#3803)
1 parent 4f2603f commit f76ad0d

File tree

1 file changed

+45
-30
lines changed

1 file changed

+45
-30
lines changed

‎gh-pages-template/index.html‎

Lines changed: 45 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -56,7 +56,7 @@ <h5 class="fw-bolder mb-0">Self-hosted</h5>
5656
<div class="card-body p-4">
5757
<div class="d-flex align-items-center">
5858
<div class="icon text-white">
59-
<img class="icon" src="https://moonlight-stream.org/images/moonlight.svg" alt="Moonlight">
59+
<img class="icon" src="https://moonlight-stream.org/images/moonlight.svg" alt="Moonlight"/>
6060
</div>
6161
<div class="ms-3">
6262
<h5 class="fw-bolder mb-0">Moonlight Support</h5>
@@ -163,7 +163,7 @@ <h2 class="text-center text-white fw-bolder my-5">Clients</h2>
163163
<div class="card-body p-4">
164164
<div class="d-flex align-items-center">
165165
<div class="icon text-white">
166-
<i class="fa-fw fa-2x fab fa-android"></i>
166+
<img class="invert" src="https://cdn.jsdelivr.net/npm/simple-icons@v14/icons/android.svg" alt="Android"/>
167167
</div>
168168
<div class="ms-3">
169169
<h5 class="fw-bolder mb-0">
@@ -182,22 +182,22 @@ <h5 class="fw-bolder mb-0">
182182
<a href="https://play.google.com/store/apps/details?id=com.limelight" target="_blank">
183183
<img alt="Get it on Google Play"
184184
src="https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png"
185-
height="60">
185+
height="60"/>
186186
</a>
187187
</div>
188188
<div>
189189
<a href="https://www.amazon.com/gp/product/B00JK4MFN2" target="_blank">
190190
<img alt="Available at Amazon Appstore"
191191
src="https://images-na.ssl-images-amazon.com/images/G/01/mobile-apps/devportal2/res/images/amazon-appstore-badge-english-black.png"
192192
height="60"
193-
style="padding: 10px;">
193+
style="padding: 10px;"/>
194194
</a>
195195
</div>
196196
<div>
197197
<a href="https://f-droid.org/packages/com.limelight" target="_blank">
198198
<img alt="Get it on F-Droid"
199199
src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png"
200-
height="60">
200+
height="60"/>
201201
</a>
202202
</div>
203203
</div>
@@ -210,7 +210,7 @@ <h5 class="fw-bolder mb-0">
210210
<div class="card-body p-4">
211211
<div class="d-flex align-items-center">
212212
<div class="icon text-white">
213-
<i class="fa-fw fa-2x fab fa-chrome"></i>
213+
<img class="invert" src="https://cdn.jsdelivr.net/npm/simple-icons@v14/icons/chromewebstore.svg" alt="Chrome Web Store"/>
214214
</div>
215215
<div class="ms-3">
216216
<h5 class="fw-bolder mb-0">
@@ -229,7 +229,7 @@ <h5 class="fw-bolder mb-0">
229229
<a href="https://chrome.google.com/webstore/detail/moonlight-game-streaming/gemamigbbenahjlfnmlfdjhdnkpbkfjj" target="_blank" class="btn btn-outline-light">
230230
<img alt="Available in the Chrome Web Store"
231231
src="https://developer.chrome.com/static/docs/webstore/branding/image/206x58-chrome-web-043497a3d766e.png"
232-
height="30">
232+
height="30"/>
233233
</a>
234234
</div>
235235
</div>
@@ -242,7 +242,8 @@ <h5 class="fw-bolder mb-0">
242242
<div class="card-body p-4">
243243
<div class="d-flex align-items-center">
244244
<div class="icon text-white">
245-
<i class="fa-fw fa-2x fab fa-apple"></i>
245+
<img class="invert" src="https://cdn.jsdelivr.net/npm/simple-icons@v14/icons/ios.svg" alt="iOS"/>
246+
<img class="invert" src="https://cdn.jsdelivr.net/npm/simple-icons@v14/icons/appletv.svg" alt="Apple TV"/>
246247
</div>
247248
<div class="ms-3">
248249
<h5 class="fw-bolder mb-0">
@@ -261,14 +262,14 @@ <h5 class="fw-bolder mb-0">
261262
<a href="https://apps.apple.com/us/app/moonlight-game-streaming/id1000551566" target="_blank">
262263
<img alt="Download on the App Store"
263264
src="https://developer.apple.com/assets/elements/badges/download-on-the-app-store.svg"
264-
height="40">
265+
height="40"/>
265266
</a>
266267
</div>
267268
<div class="pb-3">
268269
<a href="https://apps.apple.com/us/app/moonlight-game-streaming/id1000551566" target="_blank">
269270
<img alt="Download on Apple TV"
270271
src="https://developer.apple.com/app-store/marketing/guidelines/images/badge-download-on-apple-tv.svg"
271-
height="40">
272+
height="40"/>
272273
</a>
273274
</div>
274275
</div>
@@ -281,10 +282,10 @@ <h5 class="fw-bolder mb-0">
281282
<div class="card-body p-4">
282283
<div class="d-flex align-items-center">
283284
<div class="icon text-white">
284-
<i class="fa-fw fa-2x fab fa-linux"></i>
285-
<i class="fa-fw fa-2x fab fa-apple"></i>
286-
<i class="fa-fw fa-2x fab fa-windows"></i>
287-
<i class="fa-fw fa-2x fab fa-steam"></i>
285+
<img class="invert" src="https://cdn.jsdelivr.net/npm/simple-icons@v14/icons/linux.svg" alt="Linux"/>
286+
<img class="invert" src="https://cdn.jsdelivr.net/npm/simple-icons@v14/icons/macos.svg" alt="macOS"/>
287+
<img class="invert" src="https://cdn.jsdelivr.net/npm/[email protected]/icons/windows.svg" alt="Windows"/>
288+
<img class="invert" src="https://cdn.jsdelivr.net/npm/simple-icons@v14/icons/steam.svg" alt="Steam"/>
288289
</div>
289290
<div class="ms-3">
290291
<h5 class="fw-bolder mb-0">
@@ -314,7 +315,7 @@ <h5 class="fw-bolder mb-0">
314315
<div class="card-body p-4">
315316
<div class="d-flex align-items-center">
316317
<div class="icon text-white">
317-
<i class="fa-fw fa-2x fas fa-microchip"></i>
318+
<img class="invert" src="https://cdn.jsdelivr.net/npm/simple-icons@v14/icons/raspberrypi.svg" alt="Raspberry Pi"/>
318319
</div>
319320
<div class="ms-3">
320321
<h5 class="fw-bolder mb-0">
@@ -344,7 +345,7 @@ <h5 class="fw-bolder mb-0">
344345
<div class="card-body p-4">
345346
<div class="d-flex align-items-center">
346347
<div class="icon text-white">
347-
<i class="fa-fw fa-2x fab fa-xbox"></i>
348+
<img class="invert" src="https://cdn.jsdelivr.net/npm/[email protected]/icons/xbox.svg" alt="Xbox"/>
348349
</div>
349350
<div class="ms-3">
350351
<h5 class="fw-bolder mb-0">
@@ -363,7 +364,7 @@ <h5 class="fw-bolder mb-0">
363364
<a href="https://apps.microsoft.com/store/detail/moonlight-uwp/9MW1BS08ZBTH" target="_blank">
364365
<img alt="Get it from Microsoft"
365366
src="https://get.microsoft.com/images/en-us%20dark.svg"
366-
height="40">
367+
height="40"/>
367368
</a>
368369
</div>
369370
</div>
@@ -376,7 +377,7 @@ <h5 class="fw-bolder mb-0">
376377
<div class="card-body p-4">
377378
<div class="d-flex align-items-center">
378379
<div class="icon text-white">
379-
<i class="fa-fw fa-2x fab fa-playstation"></i>
380+
<img class="invert" src="https://cdn.jsdelivr.net/npm/simple-icons@v14/icons/playstationvita.svg" alt="PlayStation Vita"/>
380381
</div>
381382
<div class="ms-3">
382383
<h5 class="fw-bolder mb-0">
@@ -406,12 +407,16 @@ <h5 class="fw-bolder mb-0">
406407
<div class="card-body p-4">
407408
<div class="d-flex align-items-center">
408409
<div class="icon text-white">
409-
<i class="fa-fw fa-2x fas fa-code"></i>
410+
<img class="invert" src="https://cdn.jsdelivr.net/npm/[email protected]/icons/nintendo-switch.svg" alt="Nintendo Switch"/>
411+
<img class="invert" src="https://cdn.jsdelivr.net/npm/simple-icons@v14/icons/android.svg" alt="Android"/>
412+
<img class="invert" src="https://cdn.jsdelivr.net/npm/simple-icons@v14/icons/appletv.svg" alt="Apple TV"/>
413+
<img class="invert" src="https://cdn.jsdelivr.net/npm/simple-icons@v14/icons/ios.svg" alt="iOS"/>
414+
<img class="invert" src="https://cdn.jsdelivr.net/npm/simple-icons@v14/icons/macos.svg" alt="macOS"/>
410415
</div>
411416
<div class="ms-3">
412417
<h5 class="fw-bolder mb-0">
413418
<a href="https://github.com/XITRIX/Moonlight-Switch" target="_blank" class="text-white text-decoration-none">
414-
Nintendo Switch
419+
Moonlight Switch
415420
</a>
416421
</h5>
417422
</div>
@@ -436,7 +441,7 @@ <h5 class="fw-bolder mb-0">
436441
<div class="card-body p-4">
437442
<div class="d-flex align-items-center">
438443
<div class="icon text-white">
439-
<i class="fa-fw fa-2x fas fa-code"></i>
444+
<img class="invert" src="https://cdn.jsdelivr.net/npm/simple-icons@v12/icons/wiiu.svg" alt="Wii U"/>
440445
</div>
441446
<div class="ms-3">
442447
<h5 class="fw-bolder mb-0">
@@ -466,7 +471,7 @@ <h5 class="fw-bolder mb-0">
466471
<div class="card-body p-4">
467472
<div class="d-flex align-items-center">
468473
<div class="icon text-white">
469-
<i class="fa-fw fa-2x fas fa-code"></i>
474+
<img class="invert" src="https://cdn.jsdelivr.net/npm/simple-icons@v14/icons/lg.svg" alt="LG webOS TV"/>
470475
</div>
471476
<div class="ms-3">
472477
<h5 class="fw-bolder mb-0">
@@ -514,7 +519,7 @@ <h2 class="fw-bolder mb-0">Documentation</h2>
514519
</div>
515520
<div class="card-footer p-3 px-4">
516521
<a class="btn btn-outline-light me-3 mb-3" href="https://docs.lizardbyte.dev/projects/sunshine" target="_blank">
517-
<i class="fa-fw fas fa-book"></i>
522+
<img class="icon-sm invert" src="https://cdn.jsdelivr.net/npm/simple-icons@v14/icons/readthedocs.svg" alt="ReadTheDocs"/>
518523
Read the Docs
519524
</a>
520525
</div>
@@ -537,27 +542,37 @@ <h2 class="fw-bolder mb-0">Download</h2>
537542
</div>
538543
<div class="card-footer p-3 px-4">
539544
<a class="latest-button btn btn-outline-light me-3 mb-3 d-none" href="https://github.com/LizardByte/Sunshine/releases/latest" target="_blank">
540-
<i class="fa-fw fab fa-github"></i>
545+
<img class="icon-sm invert" src="https://cdn.jsdelivr.net/npm/simple-icons@v14/icons/github.svg" alt="GitHub"/>
546+
<img class="icon-sm invert" src="https://cdn.jsdelivr.net/npm/[email protected]/icons/windows.svg" alt="Windows"/>
547+
<img class="icon-sm invert" src="https://cdn.jsdelivr.net/npm/simple-icons@v14/icons/debian.svg" alt="Debian"/>
548+
<img class="icon-sm invert" src="https://cdn.jsdelivr.net/npm/simple-icons@v14/icons/ubuntu.svg" alt="Ubuntu"/>
549+
<img class="icon-sm invert" src="https://cdn.jsdelivr.net/npm/simple-icons@v14/icons/flatpak.svg" alt="Flatpak"/>
550+
<img class="icon-sm invert" src="https://cdn.jsdelivr.net/npm/simple-icons@v14/icons/linux.svg" alt="AppImage"/>
541551
Latest: <span id="latest-version" class="crowdin-ignore"></span>
542552
</a>
543553
<a class="beta-button btn btn-outline-light me-3 mb-3 d-none" href="#" target="_blank">
544-
<i class="fa-fw fas fa-flask"></i>
554+
<i class="fa-fw fa-lg fas fa-flask"></i>
555+
<img class="icon-sm invert" src="https://cdn.jsdelivr.net/npm/[email protected]/icons/windows.svg" alt="Windows"/>
556+
<img class="icon-sm invert" src="https://cdn.jsdelivr.net/npm/simple-icons@v14/icons/debian.svg" alt="Debian"/>
557+
<img class="icon-sm invert" src="https://cdn.jsdelivr.net/npm/simple-icons@v14/icons/ubuntu.svg" alt="Ubuntu"/>
558+
<img class="icon-sm invert" src="https://cdn.jsdelivr.net/npm/simple-icons@v14/icons/flatpak.svg" alt="Flatpak"/>
559+
<img class="icon-sm invert" src="https://cdn.jsdelivr.net/npm/simple-icons@v14/icons/linux.svg" alt="AppImage"/>
545560
Beta: <span id="beta-version" class="crowdin-ignore"></span>
546561
</a>
547562
<a class="btn btn-outline-light me-3 mb-3" href="https://github.com/LizardByte/pacman-repo" target="_blank">
548-
<i class="fa-fw fab fa-linux"></i>
549-
ArchLinux
563+
<img class="icon-sm invert" src="https://cdn.jsdelivr.net/npm/simple-icons@v14/icons/archlinux.svg" alt="Arch Linux"/>
564+
Arch Linux
550565
</a>
551566
<a class="btn btn-outline-light me-3 mb-3" href="https://hub.docker.com/r/lizardbyte/sunshine" target="_blank">
552-
<i class="fa-fw fab fa-docker"></i>
567+
<img class="icon-sm invert" src="https://cdn.jsdelivr.net/npm/simple-icons@v14/icons/docker.svg" alt="Docker"/>
553568
Docker
554569
</a>
555570
<a class="btn btn-outline-light me-3 mb-3" href="https://flathub.org/apps/dev.lizardbyte.app.Sunshine" target="_blank">
556-
<i class="fa-fw fab fa-linux"></i>
571+
<img class="icon-sm invert" src="https://cdn.jsdelivr.net/npm/simple-icons@v14/icons/flathub.svg" alt="Flathub"/>
557572
Flathub
558573
</a>
559574
<a class="btn btn-outline-light me-3 mb-3" href="https://github.com/LizardByte/homebrew-homebrew" target="_blank">
560-
<i class="fa-fw fas fa-beer-mug-empty"></i>
575+
<img class="icon-sm invert" src="https://cdn.jsdelivr.net/npm/simple-icons@v14/icons/homebrew.svg" alt="Homebrew"/>
561576
Homebrew
562577
</a>
563578
</div>

0 commit comments

Comments
 (0)