You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and dots ('.'), can be up to 35 characters long. Letters must be lowercase.
36 lines
2.0 KiB
36 lines
2.0 KiB
<script setup> |
|
import { Link } from '@inertiajs/vue3'; |
|
|
|
</script> |
|
|
|
<template> |
|
<nav class="fixed top-0 right-0 left-0 h-16 w-full z-40"> |
|
<div class="w-full h-full bg-gray-800/15 flex items-center justify-between px-[10%]"> |
|
<div class="flex text-lg text-textColor-100 items-center font-medium"> |
|
<Link :href="route('home')" class="mr-4"><img src="/img/logo.svg" class="rotate-180 h-11"></Link> |
|
<Link :href="route('home')" class="mr-5">Home</Link> |
|
<Link :href="route('docker.create')" class="mr-5">Spawn server</Link> |
|
<Link :href="route('docker.info')">Management</Link> |
|
</div> |
|
<div class="flex text-lg text-textColor-300 items-center font-medium"> |
|
<Link :href="route('login')" class="mr-5">Login</Link> |
|
<Link :href="route('register')">Register</Link> |
|
</div> |
|
</div> |
|
</nav> |
|
<main class="w-full max-h-full overflow-y-auto text-white"> |
|
<div class="w-full h-80 flex items-center justify-between overflow-hidden"> |
|
<img src="/img/cover.avif" class="w-full"> |
|
</div> |
|
<slot /> |
|
</main> |
|
<!-- Footer --> |
|
<section id="tech" class="py-20 px-6 text-center bg-gray-800 text-white"> |
|
<h2 class="text-3xl font-bold mb-10 fade-in">Notre Technologie</h2> |
|
<p class="text-gray-300 max-w-3xl mx-auto">Tous nos serveurs fonctionnent dans des environnements Docker sécurisés. Ils disposent de 10Go de stockage maximum et s'éteignent automatiquement après une longue période d'inactivité pour garantir des performances optimales.</p> |
|
<p class="text-gray-400 mt-4">Code source disponible sur <a href="https://github.com/anulax1225/minecraft.anulax.ch" class="text-green-400 hover:underline">GitHub</a></p> |
|
</section> |
|
<footer class="bg-gray-800 text-center py-6"> |
|
<p class="text-gray-400">© 2024 Minecraft Hosting - Tous droits réservés</p> |
|
</footer> |
|
</template> |