awsome-smp/index.html at main · Quibus7/awsome-smp · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Minecraft SMP Server</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
        body {
            font-family: 'Inter', sans-serif;
        }
        .tab-content {
            display: none;
        }
        .tab-content.active {
            display: block;
        }
    </style>
</head>
<body class="bg-gray-100">
    <div class="container mx-auto px-4 py-8">
        <h1 class="text-3xl font-semibold text-center text-blue-700 mb-6">Minecraft SMP Server</h1>

        <div class="flex justify-center mb-8">
            <ul class="flex space-x-4">
                <li class="tab-button bg-blue-500 hover:bg-blue-700 text-white font-semibold py-2 px-4 rounded-md cursor-pointer transition duration-300 ease-in-out" data-tab="ip-version">IP & Version</li>
                <li class="tab-button bg-blue-500 hover:bg-blue-700 text-white font-semibold py-2 px-4 rounded-md cursor-pointer transition duration-300 ease-in-out" data-tab="modpack">Modpack</li>
            </ul>
        </div>

        <div id="ip-version" class="tab-content active bg-white rounded-lg shadow-md p-6">
            <h2 class="text-2xl font-semibold text-gray-800 mb-4">Server IP & Version</h2>
            <p class="text-lg text-gray-700">Server IP: <span class="font-medium text-blue-600">qcraft.playit.plus</span></p>
            <p class="text-lg text-gray-700">Version: <span class="font-medium text-green-600">1.20.1</span></p>
            <p class="text-sm text-gray-500 mt-2">Join us and experience the adventure!</p>
        </div>

        <div id="modpack" class="tab-content bg-white rounded-lg shadow-md p-6">
            <h2 class="text-2xl font-semibold text-gray-800 mb-4">Modpack</h2>
            <p class="text-lg text-gray-700">We are using the <span class="font-medium text-purple-600">QuibusCraft</span> modpack.</p>
            <p class="text-lg text-gray-700">
                Download it from: <a href="https://1drv.ms/f/c/fd90d5f0eb458068/Eg3Z-OEWm39HqyOe5wAYlLkBJ_1sp6M_O2Dh3liYGsIiWw?e=Sd6Nzc" target="_blank" rel="noopener noreferrer" class="text-blue-600 hover:underline">Here</a>
            </p>
            <p class="text-sm text-gray-500 mt-2">Enhance your gameplay with exciting mods!</p>

            <h3 class="text-xl font-semibold text-gray-800 mt-6 mb-4">Forge Installation Guide</h3>
            <ol class="list-decimal list-inside space-y-2 text-gray-700">
                <li>
                    <span class="font-semibold">Install Java 17 (if needed):</span>
                    Minecraft 1.20.1 and Forge require Java 17.  If you don't have it installed, download it from: <a href="https://www.oracle.com/java/technologies/javase/jdk17-archive-downloads.html" target="_blank" rel="noopener noreferrer" class="text-blue-600 hover:underline">Oracle Java SE Development Kit 17</a>.  Choose the appropriate installer for your operating system.
                </li>
                <li>
                    <span class="font-semibold">Download Forge:</span>
                    Visit the official Forge website: <a href="https://files.minecraftforge.net/net/minecraftforge/forge/index_1.20.1.html" target="_blank" rel="noopener noreferrer" class="text-blue-600 hover:underline">Minecraft Forge 1.20.1</a>
                </li>
                <li>
                    Click on the <span class="font-medium">Installer</span> link to download the Forge installer.
                </li>
                <li>
                    <span class="font-semibold">Run the Installer:</span>
                    Double-click the downloaded Forge installer JAR file to run it.
                </li>
                <li>
                    <span class="font-semibold">Select "Install Client":</span>
                    In the installer window, make sure the "Install client" option is selected.
                </li>
                <li>
                    Choose your Minecraft installation directory (it should be automatically detected).
                </li>
                <li>
                    Click <span class="font-medium">OK</span> to start the installation.
                </li>
                <li>
                    <span class="font-semibold">Open the Minecraft Launcher:</span>
                    Launch the Minecraft Launcher.
                </li>
                <li>
                    <span class="font-semibold">Select the Forge Profile:</span>
                    In the launcher, you should now see a new profile named "forge-1.20.1" (or similar).  Select this profile before launching the game.  If you don't see it, ensure "Versions" is selected in the bottom left, and look for the Forge installation.
                </li>
                <li>
                    <span class="font-semibold">Install the Modpack:</span>
                    Download the QuibusCraft modpack from the provided link (above).  The modpack files should be placed in the <span class="font-medium">mods</span> folder inside your Minecraft installation directory.  For example, if your Minecraft installation is in `C:\Users\YourName\AppData\Roaming\.minecraft`, you should place the modpack files in `C:\Users\YourName\AppData\Roaming\.minecraft\mods`.
                </li>
                <li>
                    <span class="font-semibold">Launch Minecraft:</span>
                    Launch the game with the Forge profile selected.  The modpack should now be loaded.
                </li>
            </ol>
            <p class="text-sm text-gray-500 mt-4">
                <span class="font-semibold">Note:</span> Make sure you have Minecraft version 1.20.1 installed before installing Forge.  You may need to run Minecraft 1.20.1 once before Forge can be installed.
            </p>
        </div>
    </div>

    <script>
        const tabButtons = document.querySelectorAll('.tab-button');
        const tabContents = document.querySelectorAll('.tab-content');

        tabButtons.forEach(button => {
            button.addEventListener('click', () => {
                const tab = button.dataset.tab;

                tabButtons.forEach(b => b.classList.remove('bg-blue-700', 'ring-2', 'ring-blue-500', 'ring-opacity-50'));
                tabContents.forEach(c => c.classList.remove('active'));

                button.classList.add('bg-blue-700', 'ring-2', 'ring-blue-500', 'ring-opacity-50');
                document.getElementById(tab).classList.add('active');
            });
        });

        document.getElementById('ip-version').classList.add('active');
    </script>
</body>
</html>