improve the site a bit, make it work on mobile and have a better user
experience with fonts
This commit is contained in:
parent
7e47f784d0
commit
25808e0d08
1 changed files with 240 additions and 200 deletions
120
index.html
120
index.html
|
|
@ -1,3 +1,10 @@
|
||||||
|
<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">
|
<div id="app">
|
||||||
<header
|
<header
|
||||||
style="
|
style="
|
||||||
|
|
@ -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: "Segoe UI", 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,7 +157,9 @@
|
||||||
<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>
|
||||||
|
|
@ -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: "#",
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
@ -206,3 +244,5 @@
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue