moonlight-stream / moonlight-stream.github.io

Moonlight Stream webpage
https://moonlight-stream.org
Other
49 stars 14 forks source link

Added Nintendo Switch Client #23

Closed XITRIX closed 6 months ago

XITRIX commented 6 months ago

I added Nintendo Switch client links, but I'm not sure about grid width as now second row contains not 5 but 6 elements. Maybe it will be better to split it to third row, but I have no idea how to do that 🥲

jorys-paulin commented 6 months ago

You can replace everything after <!---Second row --> until line 341 (included) with this:

<!---Second Row -->
<div class="row oneandhalf">
    <div class="4u">
        <section class="highlight">
            <h3><a href="https://github.com/irtimmer/moonlight-embedded">Moonlight Embedded</a></h3>
            <p>Stream to single-board computers (Community port)</p>
        <ul class="actions">
                <li><a href="https://github.com/irtimmer/moonlight-embedded/wiki/Packages" class="button style1">Download</a></li>
        </ul>
        </section>
    </div>
    <div class="4u">
        <section class="highlight">
            <h3><a href="https://github.com/TheElixZammuto/moonlight-xbox">Moonlight for Xbox</a></h3>
            <p>Stream to Xbox One and Xbox Series S|X Consoles (Community Port)</p>
        <ul class="actions">
                <li><a href="https://apps.microsoft.com/store/detail/moonlight-uwp/9MW1BS08ZBTH"><img
                            src="https://get.microsoft.com/images/en-us%20dark.svg"
                            alt="Download from Microsoft Store" width="200"></a></li>
            </ul>
        </section>
    </div>
    <div class="4u">
        <section class="highlight">
            <h3><a href="https://github.com/xyzz/vita-moonlight">Moonlight for PS Vita (Homebrew)</a></h3>
            <p>Stream to a Homebrew-enabled PlayStation Vita (Community port)</p>
        <ul class="actions">
                <li><a href="https://github.com/xyzz/vita-moonlight/releases" class="button style1">Download</a></li>
        </ul>
        </section>
    </div>

</div>
<!-- Third row -->
<div class="row oneandhalf">
    <div class="4u">
        <section class="highlight">
            <h3><a href="https://github.com/XITRIX/Moonlight-Switch">Moonlight for Nintendo Switch (Homebrew)</a></h3>
            <p>Stream to a Homebrew-enabled Nintendo Switch (Community port)</p>
        <ul class="actions">
                <li><a href="https://github.com/XITRIX/Moonlight-Switch/releases" class="button style1">Download</a></li>
        </ul>
        </section>
    </div>
    <div class="4u">
        <section class="highlight">
            <h3><a href="https://github.com/GaryOderNichts/moonlight-wiiu">Moonlight for Wii U (Homebrew)</a></h3>
            <p>Stream to a Homebrew-enabled Wii U (Community port)</p>
        <ul class="actions">
                <li><a href="https://github.com/GaryOderNichts/moonlight-wiiu#quick-start" class="button style1">Download</a></li>
        </ul>
        </section>
    </div>
    <div class="4u">
        <section class="highlight">
            <h3><a href="https://github.com/mariotaku/moonlight-tv">Moonlight for LG webOS TVs (Homebrew)</a></h3>
            <p>Stream to a LG webOS TV in Developer Mode (Community port)</p>
        <ul class="actions">
                <li><a href="https://github.com/mariotaku/moonlight-tv#download" class="button style1">Download</a></li>
        </ul>
        </section>
    </div>
</div>

This will move the Switch, Wii U and LG webOS clients to a third row, giving enough space for each.

XITRIX commented 6 months ago

Thanks, done