Ajout de la page sur minecraft

Author: ejnalo

src/router/index.ts

@@ -1,6 +1,6 @@
 import { createRouter, createWebHistory } from 'vue-router'
+
 import HomeView from '@/views/HomeView.vue'
-import RedirectHandler from '@/views/RedirectHandler.vue'
 
 const router = createRouter({
 	history: createWebHistory(import.meta.env.BASE_URL),
@@ -15,11 +15,16 @@ const router = createRouter({
 			name: 'admin',
 			component: () => import('@/views/AdminView.vue')
 		},
+		{
+			path: '/minecraft',
+			name: 'Minecraft',
+			component: () => import('@/views/MinecraftView.vue')
+		},
 		{
 			path: '/:link',
 			name: 'RedirectHandler',
-			component: RedirectHandler,
-		},
+			component: () => import('@/views/RedirectHandler.vue')
+		}
 	],
 })
 

src/stores/settings.ts

@@ -15,7 +15,9 @@ interface Settings {
 }
 
 const defaultSettings: Settings = {
-	links: [],
+	links: [
+		{ titre: 'Minecraft', href: '/minecraft'}
+	],
 	display: {
 		official: true,
 		alternatives: true,

src/views/MinecraftView.vue

@@ -0,0 +1,25 @@
+<template>
+	<header class="text-center p-8 space-y-4">
+		<h1 class="text-5xl font-bold">Jouer à Minecraft</h1>
+		<p>Vous pouvez jouer à minecraft en <u>1.12.2</u> sur un serveur 100% dédié aux MMI de Vélizy.</p>
+		<a href="https://map.mc.mmi.codes" class="text-blue-500">Voir la map</a>
+	</header>
+	<main class="text-center py-8 space-y-8 md:w-2/3 md:mx-auto lg:w-1/2">
+		<h2 class="text-3xl font-bold">Comment rejoindre le serveur:</h2>
+		<section class="px-8 space-y-4">
+			<div>
+				<h3 class="text-2xl font-bold">Via un navigateur</h3>
+				<i class="text-sm">Ne fonctionne pas avec Firefox et Safari</i>
+			</div>
+			<p>Rendez-vous sur le site <a href="https://mc.mmi.codes" class="text-blue-500">mc.mmi.codes</a></p>
+		</section>
+		<section class="px-8 space-y-4">
+			<h3 class="text-2xl font-bold">Via le jeu Minecraft</h3>
+			<ul class="space-y-2">
+				<li><b>IP du serveur:</b> <pre>mcmi.mmi.codes:5200</pre></li>
+				<li><b>Version:</b> <pre>Vanilla 1.12.2</pre></li>
+			</ul>
+			<p><b>Choisissez bien votre pseudo</b>, c'est lui qui vous permettra de sauvegarder votre progression.</p>
+		</section>
+	</main>
+</template>