lvmodpack/index.html
yourfriendoss 6bbe0a4511
All checks were successful
/ build (push) Successful in 9s
fix image, make website way prettier
2025-10-04 10:27:56 +03:00

374 lines
20 KiB
HTML

<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap"
rel="stylesheet"
/>
<title>LV modpakas serveris</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
body {
font-family: "Inter", "Segoe UI", Arial, sans-serif;
}
::-webkit-scrollbar {
width: 8px;
background: transparent;
}
::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.2);
border-radius: 9999px;
backdrop-filter: blur(8px);
}
</style>
</head>
<body
class="min-h-screen bg-gradient-to-br from-[#e0e7ef] via-[#f8fafc] to-[#cbd5e1] dark:from-[#23272f] dark:via-[#1e293b] dark:to-[#334155] bg-fixed bg-no-repeat bg-cover flex flex-col items-center justify-center"
>
<div
id="app"
class="w-full min-h-screen flex flex-col items-center justify-start"
>
<header
class="w-full flex items-center justify-center bg-white/40 dark:bg-slate-800/40 backdrop-blur-xl shadow-lg border-b border-white/20 dark:border-slate-700/40 py-4 px-2"
>
<img
src="https://upload.wikimedia.org/wikipedia/commons/8/84/Flag_of_Latvia.svg"
alt="Latvian Flag"
class="h-10 w-auto mr-4 rounded shadow-md border border-white/30"
/>
<h1
class="text-2xl md:text-3xl font-bold tracking-tight text-slate-900 dark:text-white drop-shadow"
>
LV Modpaka's serveris
</h1>
</header>
<nav
class="w-full flex gap-2 md:gap-4 overflow-x-auto bg-white/30 dark:bg-slate-800/30 backdrop-blur-md px-4 py-2 border-b border-white/20 dark:border-slate-700/40 shadow-sm"
>
<button
v-on:click="page = 'home'"
:class="page === 'home' ? 'bg-white/60 dark:bg-slate-700/60 text-slate-900 dark:text-white font-semibold shadow border border-white/30 dark:border-slate-700/40' : 'bg-transparent text-slate-700 dark:text-slate-300 hover:bg-white/40 dark:hover:bg-slate-700/40'"
class="transition rounded-full px-4 py-1 text-base outline-none focus:ring-2 focus:ring-blue-400"
>
Mājas
</button>
<button
v-on:click="page = 'docs'"
:class="page === 'docs' ? 'bg-white/60 dark:bg-slate-700/60 text-slate-900 dark:text-white font-semibold shadow border border-white/30 dark:border-slate-700/40' : 'bg-transparent text-slate-700 dark:text-slate-300 hover:bg-white/40 dark:hover:bg-slate-700/40'"
class="transition rounded-full px-4 py-1 text-base outline-none focus:ring-2 focus:ring-blue-400"
>
Dokumentācija
</button>
<button
v-on:click="page = 'instructions'"
:class="page === 'instructions' ? 'bg-white/60 dark:bg-slate-700/60 text-slate-900 dark:text-white font-semibold shadow border border-white/30 dark:border-slate-700/40' : 'bg-transparent text-slate-700 dark:text-slate-300 hover:bg-white/40 dark:hover:bg-slate-700/40'"
class="transition rounded-full px-4 py-1 text-base outline-none focus:ring-2 focus:ring-blue-400"
>
Instrukcijas
</button>
<a
class="transition rounded-full px-4 py-1 text-base outline-none focus:ring-2 focus:ring-blue-400 bg-gradient-to-r from-blue-400/30 to-indigo-400/30 hover:from-blue-400/60 hover:to-indigo-400/60 text-blue-700 dark:text-blue-200 font-semibold ml-auto"
href="https://discord.gg/XND2Nhyg6G"
target="_blank"
>
Discord
</a>
</nav>
<main
class="w-full max-w-2xl mx-auto flex-1 px-4 py-8 md:py-12 flex flex-col items-center"
>
<section v-if="page === 'home'" class="w-full">
<div class="flex items-center justify-center mb-8">
<a
href="/LV%20Modpaka.zip"
target="_blank"
class="group"
>
<h2
class="m-0 text-xl md:text-2xl font-bold text-blue-700 dark:text-blue-300 bg-white/60 dark:bg-slate-700/60 px-6 py-3 rounded-2xl shadow-lg backdrop-blur-lg border border-white/30 dark:border-slate-700/40 transition group-hover:scale-105 group-hover:bg-blue-100/60 dark:group-hover:bg-blue-900/40"
>
Lejupielādē šeit!
</h2>
</a>
</div>
<h3
class="text-lg md:text-xl font-semibold mb-3 text-white dark:text-white"
>
Galvanās fīčas
</h3>
<ul class="space-y-4 mb-8">
<li
class="bg-white/40 dark:bg-slate-800/40 rounded-xl p-4 shadow border border-white/20 dark:border-slate-700/30 backdrop-blur text-white dark:text-white"
>
<strong>Veiktspējas modifikācijas:</strong> Mēs
izmantojam <em>Sodium</em> un <em>Lithium</em>, lai
nodrošinātu vienmērīgu spēles gaitu, kā arī
<em>C2ME</em> un <em>EntityCulling</em>, lai
nodrošinātu ātrdarbību pat tad, ja spēlē piedalās
daudz spēlētāju un ir daudz būvju.
</li>
<li
class="bg-white/40 dark:bg-slate-800/40 rounded-xl p-4 shadow border border-white/20 dark:border-slate-700/30 backdrop-blur text-white dark:text-white"
>
<strong>Tehnoloģijas un automatizācija:</strong>
Modifikācijas, piemēram,
<em>CC: Tweaked</em> (programmējami datori),
<em>Simple Copper Pipes</em>,
<em>Large Fluid Tank</em> un
<em>Energized Power</em>, ļauj jums būvēt
visdažādākās mašīnas un ierīces.
</li>
<li
class="bg-white/40 dark:bg-slate-800/40 rounded-xl p-4 shadow border border-white/20 dark:border-slate-700/30 backdrop-blur text-white dark:text-white"
>
<strong>Dekorēšana un dzīves kvalitāte:</strong>
<em>Cooking for Blockheads</em> padara virtuves
patiesi lietderīgas, <em>Vanilla Backpacks</em> un
<em>Item Collectors</em> palīdz ar uzglabāšanu, bet
<em>Jade</em> sniedz informāciju par visu, ko tu
apskati.
</li>
<li
class="bg-white/40 dark:bg-slate-800/40 rounded-xl p-4 shadow border border-white/20 dark:border-slate-700/30 backdrop-blur text-white dark:text-white"
>
<strong>Pasaule un izpēte:</strong>
<em>Oh The Biomes You'll Go</em> un
<em>Serene Seasons</em> pievieno jaunas biomas un
sezonas izmaiņas, tādējādi pasaule šķiet svaiga un
dzīva.
</li>
<li
class="bg-white/40 dark:bg-slate-800/40 rounded-xl p-4 shadow border border-white/20 dark:border-slate-700/30 backdrop-blur text-white dark:text-white"
>
<strong>Jautras papildfunkcijas:</strong> Vēlies
sēdēt uz kāpnēm? <em>Sit!</em> ļauj to darīt.
<em>Mutant Monsters</em> pievieno dažus jaunos
savvaļas mobus, un <em>Xaero's Minimap</em> palīdz
tev nekad neapmaldīties.
</li>
<li
class="bg-white/40 dark:bg-slate-800/40 rounded-xl p-4 shadow border border-white/20 dark:border-slate-700/30 backdrop-blur text-white dark:text-white"
>
<strong>Anti-Grief & Server Tools:</strong>
<em>Anti-Xray</em> un
<em>Convenient MobGriefing</em> nodrošina taisnīgumu
un jautrību visiem.
</li>
</ul>
<h3
class="text-lg md:text-xl font-semibold mb-3 text-white dark:text-white"
>
Kapēc pievienoties?
</h3>
<p
class="bg-white/40 dark:bg-slate-800/40 rounded-xl p-4 shadow border border-white/20 dark:border-slate-700/30 backdrop-blur mb-8 text-white dark:text-white"
>
Mēs izveidojām šo modpack, lai tas būtu vieta, kur tu
vari izpaust savu radošumu ar tehnoloģiju palīdzību,
būvēt skaistas bāzes un izpētīt pasauli, kas pastāvīgi
mainās. Neatkarīgi no tā, vai tev patīk automatizācija,
lauksaimniecība, dekorēšana vai vienkārši atpūta, šeit
tu atradīsi kaut ko sev piemērotu. Turklāt mēs cenšamies
nodrošināt draudzīgu vidi bez kavēšanās, lai jūs varētu
patiesi baudīt spēli kopā ar citiem. Pievienojieties
mums un redziet, ko jūs varat uzcelt!
</p>
</section>
<section v-if="page === 'docs'" class="w-full">
<h2
class="text-xl md:text-2xl font-bold mb-2 text-slate-900 dark:text-white"
>
Modu Dokumentācija
</h2>
<p class="mb-4 text-slate-700 dark:text-slate-300">
Atrodi linkus priekš visiem mūsu modiem šeit:
</p>
<div
class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-3"
>
<a
v-for="mod in mods"
:key="mod.name"
:href="mod.link"
target="_blank"
class="px-4 py-2 rounded-lg bg-white/50 dark:bg-slate-700/50 text-blue-700 dark:text-blue-300 hover:bg-blue-100/60 dark:hover:bg-blue-900/40 transition shadow border border-white/20 dark:border-slate-700/30 backdrop-blur text-center font-medium truncate"
>{{ mod.name }}</a
>
</div>
</section>
<section v-if="page === 'instructions'" class="w-full">
<h2
class="text-xl md:text-2xl font-bold mb-2 text-white dark:text-white"
>
Ieinstalācija
</h2>
<h3
class="text-lg font-semibold mt-6 mb-2 text-white dark:text-white"
>
Premium lietotājiem (oficiālais Minecraft konts)
</h3>
<ol
class="list-decimal list-inside space-y-2 mb-6 text-white dark:text-white"
>
<li>
Lejupielādē
<a
href="/LV%20Modpaka.zip"
target="_blank"
class="text-blue-200 dark:text-blue-300 underline hover:text-blue-100 dark:hover:text-blue-400"
>LV Modpaka.zip</a
>
failu.
</li>
<li>
Lejupielādē un uzinstalē
<a
href="https://prismlauncher.org/"
target="_blank"
class="text-blue-200 dark:text-blue-300 underline hover:text-blue-100 dark:hover:text-blue-400"
>Prism Launcher</a
>.
</li>
<img
src="files/non_cracked_image1.png"
width="400"
class="rounded-xl shadow-lg border border-white/30 dark:border-slate-700/40 my-2 mx-auto"
/>
<li>Izvēlies "Installer (.exe)"</li>
<li>Ievilc .zip failu iekša Prism Launcher.</li>
<li>Palaid instanci, pieslēdzies serverim!</li>
</ol>
<h3
class="text-lg font-semibold mt-6 mb-2 text-white dark:text-white"
>
Cracked lietotājiem (bez oficiāla Minecraft konta)
</h3>
<ol
class="list-decimal list-inside space-y-2 mb-6 text-white dark:text-white"
>
<li>
Lejupielādē
<a
href="/LV%20Modpaka.zip"
target="_blank"
class="text-blue-200 dark:text-blue-300 underline hover:text-blue-100 dark:hover:text-blue-400"
>LV Modpaka.zip</a
>
failu.
</li>
<li>
Lejupielādē un uzinstalē
<a
href="https://github.com/Diegiwg/PrismLauncher-Cracked/releases/tag/9.4"
target="_blank"
class="text-blue-200 dark:text-blue-300 underline hover:text-blue-100 dark:hover:text-blue-400"
>Prism Launcher (cracked versija, links šeit)</a
>.
</li>
<img
src="files/cracked_image1.png"
width="400"
class="rounded-xl shadow-lg border border-white/30 dark:border-slate-700/40 my-2 mx-auto"
/>
<li>
Izvēlies
"PrismLauncher-Windows-MinGW-w64-Setup-9.4.exe".
</li>
<li>Ievilc .zip failu iekša Prism Launcher.</li>
<li>
Palaid instanci, izvēlies vārdu un pieslēdzies
serverim!
</li>
</ol>
<p
class="mt-4 bg-white/40 dark:bg-slate-800/40 rounded-xl p-4 shadow border border-white/20 dark:border-slate-700/30 backdrop-blur text-white dark:text-white"
>
<strong>Piezīme:</strong> Ja rodas jautājumi vai
problēmas ar uzstādīšanu, jautā servera
<a
href="https://discord.gg/XND2Nhyg6G"
class="text-blue-200 dark:text-blue-300 underline hover:text-blue-100 dark:hover:text-blue-400"
>Discorda!</a
>
</p>
</section>
</main>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.min.js"></script>
<script src="/fast-toml.js"></script>
<script type="module">
new Vue({
el: "#app",
data: {
page: "home",
mods: [],
},
created: function () {
var self = this;
fetch("modpack/index.toml")
.then(function (response) {
return response.text();
})
.then(function (indexTomlText) {
var indexData = TOML.parse(indexTomlText);
var modFiles = (indexData.files || []).filter(
function (f) {
return (
f.file &&
f.file.startsWith("mods/") &&
f.file.endsWith(".pw.toml")
);
},
);
var modPromises = modFiles.map(function (modFile) {
var modTomlPath = "modpack/" + modFile.file;
return fetch(modTomlPath)
.then(function (response) {
return response.text();
})
.then(function (modTomlText) {
var modData = TOML.parse(modTomlText);
var modrinth =
modData.update &&
modData.update.modrinth;
if (modData.side == "server") {
return null;
}
if (modrinth && modrinth["mod-id"]) {
return {
name:
modData.name ||
modrinth["mod-id"],
link:
"https://modrinth.com/mod/" +
modrinth["mod-id"],
};
} else {
return {
name:
modData.name ||
modFile.file,
link: "#",
};
}
})
.catch(function (err) {
return null;
});
});
Promise.all(modPromises).then(function (modsArr) {
self.mods = modsArr.filter(function (m) {
return m;
});
});
});
},
});
</script>
</body>
</html>