fix image, make website way prettier
All checks were successful
/ build (push) Successful in 9s

This commit is contained in:
Soph :3 2025-10-04 10:27:56 +03:00
parent d988761cab
commit 6bbe0a4511
2 changed files with 194 additions and 118 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 0 B

After

Width:  |  Height:  |  Size: 161 KiB

Before After
Before After

View file

@ -1,116 +1,106 @@
<html> <html>
<head> <head>
<meta name="viewport" content="width=device-width, initial-scale=1" /> <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" /> <link
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap"
rel="stylesheet"
/>
<title>LV modpakas serveris</title> <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> </head>
<body></body> <body
<div id="app"> 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 <header
style=" 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"
display: flex;
align-items: center;
background: linear-gradient(
90deg,
#b22234 0%,
#ffffff 50%,
#b22234 100%
);
padding: 1rem;
"
> >
<img <img
src="https://upload.wikimedia.org/wikipedia/commons/8/84/Flag_of_Latvia.svg" src="https://upload.wikimedia.org/wikipedia/commons/8/84/Flag_of_Latvia.svg"
alt="Latvian Flag" alt="Latvian Flag"
style="height: 40px; margin-right: 1rem" class="h-10 w-auto mr-4 rounded shadow-md border border-white/30"
/> />
<h1 <h1
style=" class="text-2xl md:text-3xl font-bold tracking-tight text-slate-900 dark:text-white drop-shadow"
margin: 0;
font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
"
> >
LV Modpaka's serveris LV Modpaka's serveris
</h1> </h1>
</header> </header>
<nav <nav
style=" 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"
display: flex;
gap: 1rem;
overflow: scroll;
background: #eee;
padding: 0.5rem 1rem;
font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
"
> >
<button <button
v-on:click="page = 'home'" v-on:click="page = 'home'"
:class="{active: 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'"
style=" class="transition rounded-full px-4 py-1 text-base outline-none focus:ring-2 focus:ring-blue-400"
border: none;
background: none;
cursor: pointer;
font-size: 1rem;
font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
"
> >
Mājas Mājas
</button> </button>
<button <button
v-on:click="page = 'docs'" v-on:click="page = 'docs'"
:class="{active: 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'"
style=" class="transition rounded-full px-4 py-1 text-base outline-none focus:ring-2 focus:ring-blue-400"
border: none;
background: none;
cursor: pointer;
font-size: 1rem;
font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
"
> >
Dokumentācija Dokumentācija
</button> </button>
<button <button
v-on:click="page = 'instructions'" v-on:click="page = 'instructions'"
:class="{active: 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'"
style=" class="transition rounded-full px-4 py-1 text-base outline-none focus:ring-2 focus:ring-blue-400"
border: none;
background: none;
cursor: pointer;
font-size: 1rem;
font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
"
> >
Instrukcijas Instrukcijas
</button> </button>
<a <a
style=" 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"
border: none;
background: none;
cursor: pointer;
font-size: 1rem;
font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
"
href="https://discord.gg/XND2Nhyg6G" href="https://discord.gg/XND2Nhyg6G"
target="_blank"
> >
Discord Discord
</a> </a>
</nav> </nav>
<main style="padding: 2rem; font-family: 'Inter', 'Segoe UI', Arial, sans-serif;"> <main
<section v-if="page === 'home'"> class="w-full max-w-2xl mx-auto flex-1 px-4 py-8 md:py-12 flex flex-col items-center"
<div >
style=" <section v-if="page === 'home'" class="w-full">
display: flex; <div class="flex items-center justify-center mb-8">
align-items: center; <a
margin-bottom: 2rem; href="/LV%20Modpaka.zip"
" target="_blank"
> class="group"
<a href="/LV%20Modpaka.zip" target="_blank"> >
<h2 style="margin: 0">Lejupielādē šeit!</h2> <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> </a>
</div> </div>
<h3>Galvanās fīčas</h3> <h3
<ul> class="text-lg md:text-xl font-semibold mb-3 text-white dark:text-white"
<li> >
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 <strong>Veiktspējas modifikācijas:</strong> Mēs
izmantojam <em>Sodium</em> un <em>Lithium</em>, lai izmantojam <em>Sodium</em> un <em>Lithium</em>, lai
nodrošinātu vienmērīgu spēles gaitu, kā arī nodrošinātu vienmērīgu spēles gaitu, kā arī
@ -118,7 +108,9 @@
nodrošinātu ātrdarbību pat tad, ja spēlē piedalās nodrošinātu ātrdarbību pat tad, ja spēlē piedalās
daudz spēlētāju un ir daudz būvju. daudz spēlētāju un ir daudz būvju.
</li> </li>
<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> <strong>Tehnoloģijas un automatizācija:</strong>
Modifikācijas, piemēram, Modifikācijas, piemēram,
<em>CC: Tweaked</em> (programmējami datori), <em>CC: Tweaked</em> (programmējami datori),
@ -127,7 +119,9 @@
<em>Energized Power</em>, ļauj jums būvēt <em>Energized Power</em>, ļauj jums būvēt
visdažādākās mašīnas un ierīces. visdažādākās mašīnas un ierīces.
</li> </li>
<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> <strong>Dekorēšana un dzīves kvalitāte:</strong>
<em>Cooking for Blockheads</em> padara virtuves <em>Cooking for Blockheads</em> padara virtuves
patiesi lietderīgas, <em>Vanilla Backpacks</em> un patiesi lietderīgas, <em>Vanilla Backpacks</em> un
@ -135,29 +129,41 @@
<em>Jade</em> sniedz informāciju par visu, ko tu <em>Jade</em> sniedz informāciju par visu, ko tu
apskati. apskati.
</li> </li>
<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> <strong>Pasaule un izpēte:</strong>
<em>Oh The Biomes You'll Go</em> un <em>Oh The Biomes You'll Go</em> un
<em>Serene Seasons</em> pievieno jaunas biomas un <em>Serene Seasons</em> pievieno jaunas biomas un
sezonas izmaiņas, tādējādi pasaule šķiet svaiga un sezonas izmaiņas, tādējādi pasaule šķiet svaiga un
dzīva. dzīva.
</li> </li>
<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 <strong>Jautras papildfunkcijas:</strong> Vēlies
sēdēt uz kāpnēm? <em>Sit!</em> ļauj to darīt. sēdēt uz kāpnēm? <em>Sit!</em> ļauj to darīt.
<em>Mutant Monsters</em> pievieno dažus jaunos <em>Mutant Monsters</em> pievieno dažus jaunos
savvaļas mobus, un <em>Xaero's Minimap</em> palīdz savvaļas mobus, un <em>Xaero's Minimap</em> palīdz
tev nekad neapmaldīties. tev nekad neapmaldīties.
</li> </li>
<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> <strong>Anti-Grief & Server Tools:</strong>
<em>Anti-Xray</em> un <em>Anti-Xray</em> un
<em>Convenient MobGriefing</em> nodrošina taisnīgumu <em>Convenient MobGriefing</em> nodrošina taisnīgumu
un jautrību visiem. un jautrību visiem.
</li> </li>
</ul> </ul>
<h3>Kapēc pievienoties?</h3> <h3
<p> 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 Mēs izveidojām šo modpack, lai tas būtu vieta, kur tu
vari izpaust savu radošumu ar tehnoloģiju palīdzību, 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 būvēt skaistas bāzes un izpētīt pasauli, kas pastāvīgi
@ -168,49 +174,125 @@
patiesi baudīt spēli kopā ar citiem. Pievienojieties patiesi baudīt spēli kopā ar citiem. Pievienojieties
mums un redziet, ko jūs varat uzcelt! mums un redziet, ko jūs varat uzcelt!
</p> </p>
<div </section>
style=" <section v-if="page === 'docs'" class="w-full">
margin-top: 2rem; <h2
border-top: 1px solid #ccc; class="text-xl md:text-2xl font-bold mb-2 text-slate-900 dark:text-white"
padding-top: 1rem;
? "
> >
<strong>labs ass serveris bruh dont fw me</strong> 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> </div>
</section> </section>
<section v-if="page === 'docs'">
<h2>Modu Dokumentācija</h2>
<p>Atrodi linkus priekš visiem mūsu modiem šeit:</p>
<ul>
<li v-for="mod in mods" :key="mod.name">
<a :href="mod.link" target="_blank"
>{{ mod.name }}</a
>
</li>
</ul>
</section>
<section v-if="page === 'instructions'"> <section v-if="page === 'instructions'" class="w-full">
<h2>Ieinstalācija</h2> <h2
<h3>Premium lietotājiem (oficiālais Minecraft konts)</h3> class="text-xl md:text-2xl font-bold mb-2 text-white dark:text-white"
<ol> >
<li>Lejupielādē <a href="/LV%20Modpaka.zip" target="_blank">LV Modpaka.zip</a> failu.</li> Ieinstalācija
<li>Lejupielādē un uzinstalē <a href="https://prismlauncher.org/" target="_blank">Prism Launcher</a>.</li> </h2>
<img src="files/non_cracked_image1.png" width="400"> <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>Izvēlies "Installer (.exe)"</li>
<li>Ievilc .zip failu iekša Prism Launcher.</li> <li>Ievilc .zip failu iekša Prism Launcher.</li>
<li>Palaid instanci, pieslēdzies serverim!</li> <li>Palaid instanci, pieslēdzies serverim!</li>
</ol> </ol>
<h3>Cracked lietotājiem (bez oficiāla Minecraft konta)</h3> <h3
<ol> class="text-lg font-semibold mt-6 mb-2 text-white dark:text-white"
<li>Lejupielādē <a href="/LV%20Modpaka.zip" target="_blank">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">Prism Launcher (cracked versija, links šeit)</a>.</li> Cracked lietotājiem (bez oficiāla Minecraft konta)
<img src="files/cracked_image1.png" width="400"> </h3>
<li>Izvēlies "PrismLauncher-Windows-MinGW-w64-Setup-9.4.exe".</li> <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>Ievilc .zip failu iekša Prism Launcher.</li>
<li>Palaid instanci, izvēlies vārdu un pieslēdzies serverim!</li> <li>
Palaid instanci, izvēlies vārdu un pieslēdzies
serverim!
</li>
</ol> </ol>
<p style="margin-top:1rem;"><strong>Piezīme:</strong> Ja rodas jautājumi vai problēmas ar uzstādīšanu, jautā servera <a href="https://discord.gg/XND2Nhyg6G">Discorda!</a></p> <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> </section>
</main> </main>
</div> </div>
@ -226,14 +308,12 @@
}, },
created: function () { created: function () {
var self = this; var self = this;
// Fetch index.toml
fetch("modpack/index.toml") fetch("modpack/index.toml")
.then(function (response) { .then(function (response) {
return response.text(); return response.text();
}) })
.then(function (indexTomlText) { .then(function (indexTomlText) {
var indexData = TOML.parse(indexTomlText); var indexData = TOML.parse(indexTomlText);
// indexData.files is an array of mod file objects
var modFiles = (indexData.files || []).filter( var modFiles = (indexData.files || []).filter(
function (f) { function (f) {
return ( return (
@ -244,7 +324,6 @@
}, },
); );
// For each mod file, fetch and parse its TOML
var modPromises = modFiles.map(function (modFile) { var modPromises = modFiles.map(function (modFile) {
var modTomlPath = "modpack/" + modFile.file; var modTomlPath = "modpack/" + modFile.file;
return fetch(modTomlPath) return fetch(modTomlPath)
@ -269,7 +348,6 @@
modrinth["mod-id"], modrinth["mod-id"],
}; };
} else { } else {
// fallback: just show name, no link
return { return {
name: name:
modData.name || modData.name ||
@ -279,13 +357,11 @@
} }
}) })
.catch(function (err) { .catch(function (err) {
// If mod TOML fails, skip it
return null; return null;
}); });
}); });
Promise.all(modPromises).then(function (modsArr) { Promise.all(modPromises).then(function (modsArr) {
// Filter out nulls (failed loads)
self.mods = modsArr.filter(function (m) { self.mods = modsArr.filter(function (m) {
return m; return m;
}); });