sophie/lvmodpack
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

improve the site a bit, make it work on mobile and have a better user

Browse source 
experience with fonts
This commit is contained in:
Soph :3 2025-09-30 13:24:59 +03:00
parent 7e47f784d0
commit 25808e0d08
1 changed files with 240 additions and 200 deletions
Download patch file Download diff file Expand all files Collapse all files

132
index.html
View file

@ -1,4 +1,11 @@
<div id="app"> <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>
</head>
<body></body>
<div id="app">
<header <header
style=" style="
display: flex; display: flex;
@ -17,12 +24,23 @@
alt="Latvian Flag" alt="Latvian Flag"
style="height: 40px; margin-right: 1rem" style="height: 40px; margin-right: 1rem"
/> />
<h1 style="margin: 0; font-family: &quot;Segoe UI&quot;, sans-serif"> <h1
style="
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="display: flex; gap: 1rem; background: #eee; padding: 0.5rem 1rem" style="
display: flex;
gap: 1rem;
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'"
@ -32,6 +50,7 @@
background: none; background: none;
cursor: pointer; cursor: pointer;
font-size: 1rem; font-size: 1rem;
font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
" "
> >
Mājas Mājas
@ -44,15 +63,20 @@
background: none; background: none;
cursor: pointer; cursor: pointer;
font-size: 1rem; font-size: 1rem;
font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
" "
> >
Dokumentācija Dokumentācija
</button> </button>
</nav> </nav>
<main style="padding: 2rem"> <main style="padding: 2rem; font-family: 'Inter', 'Segoe UI', Arial, sans-serif;">
<section v-if="page === 'home'"> <section v-if="page === 'home'">
<div <div
style="display: flex; align-items: center; margin-bottom: 2rem" style="
display: flex;
align-items: center;
margin-bottom: 2rem;
"
> >
<a href="/LV%20Modpaka.zip" target="_blank"> <a href="/LV%20Modpaka.zip" target="_blank">
<h2 style="margin: 0">Lejupielādē šeit!</h2> <h2 style="margin: 0">Lejupielādē šeit!</h2>
@ -61,63 +85,69 @@
<h3>Galvanās fīčas</h3> <h3>Galvanās fīčas</h3>
<ul> <ul>
<li> <li>
<strong>Veiktspējas modifikācijas:</strong> Mēs izmantojam <strong>Veiktspējas modifikācijas:</strong> Mēs
<em>Sodium</em> un <em>Lithium</em>, lai nodrošinātu izmantojam <em>Sodium</em> un <em>Lithium</em>, lai
vienmērīgu spēles gaitu, kā arī <em>C2ME</em> un nodrošinātu vienmērīgu spēles gaitu, kā arī
<em>EntityCulling</em>, lai nodrošinātu ātrdarbību pat tad, <em>C2ME</em> un <em>EntityCulling</em>, lai
ja spēlē piedalās daudz spēlētāju un ir daudz būvju. nodrošinātu ātrdarbību pat tad, ja spēlē piedalās
daudz spēlētāju un ir daudz būvju.
</li> </li>
<li> <li>
<strong>Tehnoloģijas un automatizācija:</strong> <strong>Tehnoloģijas un automatizācija:</strong>
Modifikācijas, piemēram, <em>CC: Tweaked</em> (programmējami Modifikācijas, piemēram,
datori), <em>Simple Copper Pipes</em>, <em>CC: Tweaked</em> (programmējami datori),
<em>Large Fluid Tank</em> un <em>Energized Power</em>, ļauj <em>Simple Copper Pipes</em>,
jums būvēt visdažādākās mašīnas un ierīces. <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>
<li> <li>
<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 patiesi <em>Cooking for Blockheads</em> padara virtuves
lietderīgas, <em>Vanilla Backpacks</em> un patiesi lietderīgas, <em>Vanilla Backpacks</em> un
<em>Item Collectors</em> palīdz ar uzglabāšanu, bet <em>Item Collectors</em> palīdz ar uzglabāšanu, bet
<em>Jade</em> sniedz informāciju par visu, ko tu apskati. <em>Jade</em> sniedz informāciju par visu, ko tu
apskati.
</li> </li>
<li> <li>
<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 sezonas <em>Serene Seasons</em> pievieno jaunas biomas un
izmaiņas, tādējādi pasaule šķiet svaiga un dzīva. sezonas izmaiņas, tādējādi pasaule šķiet svaiga un
dzīva.
</li> </li>
<li> <li>
<strong>Jautras papildfunkcijas:</strong> Vēlies sēdēt uz <strong>Jautras papildfunkcijas:</strong> Vēlies
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 savvaļas <em>Mutant Monsters</em> pievieno dažus jaunos
mobus, un <em>Xaero's Minimap</em> palīdz tev nekad savvaļas mobus, un <em>Xaero's Minimap</em> palīdz
neapmaldīties. tev nekad neapmaldīties.
</li> </li>
<li> <li>
<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 un <em>Convenient MobGriefing</em> nodrošina taisnīgumu
jautrību visiem. un jautrību visiem.
</li> </li>
</ul> </ul>
<h3>Kapēc pievienoties?</h3> <h3>Kapēc pievienoties?</h3>
<p> <p>
Mēs izveidojām šo modpack, lai tas būtu vieta, kur tu vari Mēs izveidojām šo modpack, lai tas būtu vieta, kur tu
izpaust savu radošumu ar tehnoloģiju palīdzību, būvēt skaistas vari izpaust savu radošumu ar tehnoloģiju palīdzību,
bāzes un izpētīt pasauli, kas pastāvīgi mainās. Neatkarīgi no būvēt skaistas bāzes un izpētīt pasauli, kas pastāvīgi
tā, vai tev patīk automatizācija, lauksaimniecība, dekorēšana mainās. Neatkarīgi no tā, vai tev patīk automatizācija,
vai vienkārši atpūta, šeit tu atradīsi kaut ko sev piemērotu. lauksaimniecība, dekorēšana vai vienkārši atpūta, šeit
Turklāt mēs cenšamies nodrošināt draudzīgu vidi bez kavēšanās, tu atradīsi kaut ko sev piemērotu. Turklāt mēs cenšamies
lai jūs varētu patiesi baudīt spēli kopā ar citiem. nodrošināt draudzīgu vidi bez kavēšanās, lai jūs varētu
Pievienojieties mums un redziet, ko jūs varat uzcelt! patiesi baudīt spēli kopā ar citiem. Pievienojieties
mums un redziet, ko jūs varat uzcelt!
</p> </p>
<div <div
style=" style="
margin-top: 2rem; margin-top: 2rem;
border-top: 1px solid #ccc; border-top: 1px solid #ccc;
padding-top: 1rem; padding-top: 1rem;
" ? "
> >
<strong>labs ass serveris bruh dont fw me</strong> <strong>labs ass serveris bruh dont fw me</strong>
</div> </div>
@ -127,15 +157,17 @@
<p>Atrodi linkus priekš visiem mūsu modiem šeit:</p> <p>Atrodi linkus priekš visiem mūsu modiem šeit:</p>
<ul> <ul>
<li v-for="mod in mods" :key="mod.name"> <li v-for="mod in mods" :key="mod.name">
<a :href="mod.link" target="_blank">{{ mod.name }}</a> <a :href="mod.link" target="_blank"
>{{ mod.name }}</a
>
</li> </li>
</ul> </ul>
</section> </section>
</main> </main>
</div> </div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.min.js"></script>
<script src="/fast-toml.js"></script> <script src="/fast-toml.js"></script>
<script type="module"> <script type="module">
new Vue({ new Vue({
el: "#app", el: "#app",
data: { data: {
@ -152,13 +184,15 @@
.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 // indexData.files is an array of mod file objects
var modFiles = (indexData.files || []).filter(function (f) { var modFiles = (indexData.files || []).filter(
function (f) {
return ( return (
f.file && f.file &&
f.file.startsWith("mods/") && f.file.startsWith("mods/") &&
f.file.endsWith(".pw.toml") f.file.endsWith(".pw.toml")
); );
}); },
);
// For each mod file, fetch and parse its TOML // For each mod file, fetch and parse its TOML
var modPromises = modFiles.map(function (modFile) { var modPromises = modFiles.map(function (modFile) {
@ -170,14 +204,16 @@
.then(function (modTomlText) { .then(function (modTomlText) {
var modData = TOML.parse(modTomlText); var modData = TOML.parse(modTomlText);
var modrinth = var modrinth =
modData.update && modData.update.modrinth; modData.update &&
modData.update.modrinth;
if (modData.side == "server") { if (modData.side == "server") {
return null; return null;
} }
if (modrinth && modrinth["mod-id"]) { if (modrinth && modrinth["mod-id"]) {
return { return {
name: name:
modData.name || modrinth["mod-id"], modData.name ||
modrinth["mod-id"],
link: link:
"https://modrinth.com/mod/" + "https://modrinth.com/mod/" +
modrinth["mod-id"], modrinth["mod-id"],
@ -185,7 +221,9 @@
} else { } else {
// fallback: just show name, no link // fallback: just show name, no link
return { return {
name: modData.name || modFile.file, name:
modData.name ||
modFile.file,
link: "#", link: "#",
}; };
} }
@ -205,4 +243,6 @@
}); });
}, },
}); });
</script> </script>
</body>
</html>