Files
SGS/www/resources/views/welcome.blade.php
Fabián Gonzalo Artur de la Villarmois eb4f5fd561 Update github repository link
2025-12-26 19:40:52 +13:00

156 lines
12 KiB
PHP

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ config('app.name') }}</title>
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
@vite(['resources/css/app.css', 'resources/js/app.js'])
</head>
<body class="font-sans antialiased dark:bg-black dark:text-white/50">
<div class="bg-gray-50 text-black/50 dark:bg-black dark:text-white/50">
<div class="relative min-h-screen flex flex-col items-center selection:bg-[#FF2D20] selection:text-white pt-8">
<div class="relative w-full max-w-2xl px-6 lg:max-w-7xl flex-grow">
<header class="grid grid-cols-2 items-center gap-2 py-0 lg:grid-cols-3">
<div class="flex lg:justify-center lg:col-start-2">
<img src="{{ asset('sgs-icon.png') }}" alt="SGS Logo" class="h-24 w-auto">
</div>
</header>
<main class="mt-0">
<div class="text-center mb-12">
<h1 class="text-4xl font-bold tracking-tight text-[#FF2D20] dark:text-[#FF2D20] sm:text-6xl">
Switch Games Server
</h1>
<p class="mt-6 text-lg leading-8 text-gray-600 dark:text-gray-400">
Share your Nintendo Switch games over the network with Tinfoil and DBI
</p>
</div>
<div class="grid gap-6 lg:grid-cols-2 lg:gap-8">
<a
href="{{ route('docs', ['page' => 'TINFOIL']) }}"
class="flex flex-col items-start gap-6 overflow-hidden rounded-lg bg-white p-6 shadow-[0px_14px_34px_0px_rgba(0,0,0,0.08)] ring-1 ring-white/[0.05] transition duration-300 hover:text-black/70 hover:ring-black/20 focus:outline-none focus-visible:ring-[#FF2D20] lg:p-10 lg:pb-10 dark:bg-zinc-900 dark:ring-zinc-800 dark:hover:text-white/70 dark:hover:ring-zinc-700 dark:focus-visible:ring-[#FF2D20]"
>
<div class="relative flex items-center gap-6 lg:items-end">
<div class="flex items-start gap-6 lg:flex-col">
<div class="flex size-12 shrink-0 items-center justify-center rounded-full bg-[#FF2D20]/10 sm:size-16">
<svg class="size-5 sm:size-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12 6.042A8.967 8.967 0 0 0 6 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 0 1 6 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 0 1 6-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0 0 18 18a8.967 8.967 0 0 0-6 2.292m0-14.25v14.25" />
</svg>
</div>
<div class="pt-3 sm:pt-5 lg:pt-0">
<h2 class="text-xl font-semibold text-black dark:text-white">Tinfoil Setup</h2>
<p class="mt-4 text-sm/relaxed">
Learn how to connect your Nintendo Switch running Tinfoil to this server. Step-by-step instructions to get started.
</p>
</div>
</div>
<svg class="size-6 shrink-0 self-center stroke-[#FF2D20]" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12h15m0 0l-6.75-6.75M19.5 12l-6.75 6.75"/>
</svg>
</div>
</a>
<a
href="{{ route('docs', ['page' => 'DBI']) }}"
class="flex flex-col items-start gap-6 overflow-hidden rounded-lg bg-white p-6 shadow-[0px_14px_34px_0px_rgba(0,0,0,0.08)] ring-1 ring-white/[0.05] transition duration-300 hover:text-black/70 hover:ring-black/20 focus:outline-none focus-visible:ring-[#FF2D20] lg:p-10 lg:pb-10 dark:bg-zinc-900 dark:ring-zinc-800 dark:hover:text-white/70 dark:hover:ring-zinc-700 dark:focus-visible:ring-[#FF2D20]"
>
<div class="relative flex items-center gap-6 lg:items-end">
<div class="flex items-start gap-6 lg:flex-col">
<div class="flex size-12 shrink-0 items-center justify-center rounded-full bg-[#FF2D20]/10 sm:size-16">
<svg class="size-5 sm:size-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.75 9.776c.112-.017.227-.026.344-.026h15.812c.117 0 .232.009.344.026m-16.5 0a2.25 2.25 0 0 0-1.883 2.542l.857 6a2.25 2.25 0 0 0 2.227 1.932H19.05a2.25 2.25 0 0 0 2.227-1.932l.857-6a2.25 2.25 0 0 0-1.883-2.542m-16.5 0V6A2.25 2.25 0 0 1 6 3.75h3.879a1.5 1.5 0 0 1 1.06.44l2.122 2.12a1.5 1.5 0 0 0 1.06.44H18A2.25 2.25 0 0 1 20.25 9v.776" />
</svg>
</div>
<div class="pt-3 sm:pt-5 lg:pt-0">
<h2 class="text-xl font-semibold text-black dark:text-white">DBI Setup</h2>
<p class="mt-4 text-sm/relaxed">
Configure DBI on your Nintendo Switch to browse and install games from this server using directory listing.
</p>
</div>
</div>
<svg class="size-6 shrink-0 self-center stroke-[#FF2D20]" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12h15m0 0l-6.75-6.75M19.5 12l-6.75 6.75"/>
</svg>
</div>
</a>
<div class="flex items-start gap-4 rounded-lg bg-white p-6 shadow-[0px_14px_34px_0px_rgba(0,0,0,0.08)] ring-1 ring-white/[0.05] lg:pb-10 dark:bg-zinc-900 dark:ring-zinc-800">
<div class="flex size-12 shrink-0 items-center justify-center rounded-full bg-[#FF2D20]/10 sm:size-16">
<svg class="size-5 sm:size-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 0 0 8.716-6.747M12 21a9.004 9.004 0 0 1-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 0 1 7.843 4.582M12 3a8.997 8.997 0 0 0-7.843 4.582m15.686 0A11.953 11.953 0 0 1 12 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0 1 21 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0 1 12 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 0 1 3 12c0-1.605.42-3.113 1.157-4.418" />
</svg>
</div>
<div class="pt-3 sm:pt-5">
<h2 class="text-xl font-semibold text-black dark:text-white">API Endpoints</h2>
<p class="mt-4 text-sm/relaxed">
Direct access to the API endpoints:
</p>
<div class="mt-4 space-y-2">
<div class="text-sm">
<strong class="text-black dark:text-white">Tinfoil:</strong>
<code class="ml-2 rounded bg-gray-100 px-2 py-1 text-xs dark:bg-zinc-800">
{{ url('/api/tinfoil') }}
</code>
</div>
<div class="text-sm">
<strong class="text-black dark:text-white">DBI:</strong>
<code class="ml-2 rounded bg-gray-100 px-2 py-1 text-xs dark:bg-zinc-800">
{{ url('/api/dbi') }}
</code>
</div>
<div class="text-sm">
<strong class="text-black dark:text-white">Generic (work for Tinfoil and DBI):</strong>
<code class="ml-2 rounded bg-gray-100 px-2 py-1 text-xs dark:bg-zinc-800">
{{ url('/') }}
</code>
</div>
</div>
</div>
</div>
<div class="flex items-start gap-4 rounded-lg bg-white p-6 shadow-[0px_14px_34px_0px_rgba(0,0,0,0.08)] ring-1 ring-white/[0.05] lg:pb-10 dark:bg-zinc-900 dark:ring-zinc-800">
<div class="flex size-12 shrink-0 items-center justify-center rounded-full bg-[#FF2D20]/10 sm:size-16">
<svg class="size-5 sm:size-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.25 6.75 22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3-4.5 16.5" />
</svg>
</div>
<div class="pt-3 sm:pt-5">
<h2 class="text-xl font-semibold text-black dark:text-white">GitHub Repository</h2>
<p class="mt-4 text-sm/relaxed">
View the source code, report issues, or contribute to the project on GitHub.
</p>
<a
href="https://github.com/notf0und/SGS"
target="_blank"
class="mt-4 inline-flex items-center gap-2 text-sm font-semibold text-[#FF2D20] hover:text-[#FF2D20]/80"
>
View on GitHub
<svg class="size-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" />
</svg>
</a>
</div>
</div>
</div>
</main>
</div>
<footer class="w-full py-6 text-center text-sm text-black dark:text-white/70">
Laravel v{{ Illuminate\Foundation\Application::VERSION }} (PHP v{{ PHP_VERSION }})
</footer>
</div>
</div>
</body>
</html>