Skip to content

Commit

Permalink
Restructure description locale (#95)
Browse files Browse the repository at this point in the history 
* Initial cleanup

* String redo attempt

* Attempt

* Replace loop with individual markup

* Format tuning

* Link format
  • Loading branch information
@Madis0
Madis0 authored Apr 14, 2024
1 parent a714d30 commit 32be3f7
Show file tree
Hide file tree
Showing 4 changed files with 163 additions and 98 deletions.
20 changes: 20 additions & 0 deletions app.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -108,6 +108,15 @@ html.dark .link-rows a {
color: var(--color-brand-dark) !important;
}

.markdown-body p {
line-height: 1.5;
padding: 0;
}

.feature-block h1{
padding-top: 0.5em;
}

.centered-hero {
// Center everything along a column.
display: flex;
Expand Down Expand Up @@ -137,3 +146,14 @@ html.dark .link-rows a {
margin-bottom: 0.5rem;
color: var(--color-base);
}

a {
color: var(--color-brand); text-decoration: none;
}
html.dark a {
color: var(--color-brand-dark);
}

a:hover {
text-decoration: underline;
}
27 changes: 19 additions & 8 deletions lang/en.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,22 +32,33 @@
"content.home.features.title": "Why should you use Fabulously Optimized?",
"content.home.features.videoID": "bb8G9X5Q_4I",
"feature.performance.title": "Performance",
"feature.performance.desc": "Fabulously Optimized is faster than competing game clients, thanks to [modern performance mods][1] like Sodium, Lithium, and others. The bundled mods have been carefully selected to be safe in your worlds and provide noticeable speed benefits on any device.",
"feature.performance.desc": "Fabulously Optimized is faster than competing game clients, thanks to {0} like Sodium, Lithium, and others. The bundled mods have been carefully selected to be safe in your worlds and provide noticeable speed benefits on any device.",
"feature.performance.desc.0": "modern performance mods",
"feature.optifine-parity.title": "OptiFine parity",
"feature.optifine-parity.desc": "Fabulously Optimized [supports most OptiFine features][2], including shaders, connected textures, and zoom. If your resource pack states \"OptiFine required,\" it will probably function here as well. [You can even get your own free cape!][3]",
"feature.optifine-parity.desc": "Fabulously Optimized {0}, including shaders, connected textures, and zoom. If your resource pack states \"OptiFine required,\" it will probably function here as well. {1}",
"feature.optifine-parity.desc.0": "supports most OptiFine features",
"feature.optifine-parity.desc.1": "You can even get your own free cape!",
"feature.feels-familiar.title": "Feels familiar",
"feature.feels-familiar.desc": "Fabulously Optimized includes features that allow you to experience Minecraft just as you remember it, no matter what version you've used before. This means you can [use game controllers, play local worlds with friends, view advancements in a large window, and much more][4].",
"feature.feels-familiar.desc": "Fabulously Optimized includes features that allow you to experience Minecraft just as you remember it, no matter what version you've used before. This means you can {0}.",
"feature.feels-familiar.desc.0": "use game controllers, play local worlds with friends, view advancements in a large window, and much more",
"feature.works-anywhere.title": "Works anywhere",
"feature.works-anywhere.desc": "Fabulously Optimized does not include content mods, so you can play on any world or server. While you can use any game launcher to play the pack, [we recommend and provide support for specific ones that offer the best experience][5].",
"feature.works-anywhere.desc": "Fabulously Optimized does not include content mods, so you can play on any world or server. While you can use any game launcher to play the pack, {0}.",
"feature.works-anywhere.desc.0": "we recommend and provide support for specific ones that offer the best experience",
"feature.up-to-date.title": "Up to date",
"feature.up-to-date.desc": "Fabulously Optimized [receives fast updates][6] and stands as one of the first modpacks to upgrade to newer Minecraft versions. [Updating the modpack is easy][7] and will preserve your mod settings, where possible.",
"feature.up-to-date.desc": "Fabulously Optimized {0} and stands as one of the first modpacks to upgrade to newer Minecraft versions. {1} and will preserve your mod settings, where possible.",
"feature.up-to-date.desc.0": "receives fast updates",
"feature.up-to-date.desc.1": "Updating the modpack is easy",
"feature.built-on-fabric.title": "Built on Fabric",
"feature.built-on-fabric.desc": "Fabulously Optimized uses the Fabric mod loader, which is lightweight, fast, and supports a lot of mods. [You can use the modpack as a base to add your favorite mods to.][8]",
"feature.built-on-fabric.desc": "Fabulously Optimized uses the Fabric mod loader, which is lightweight, fast, and supports a lot of mods. {0}",
"feature.built-on-fabric.desc.0": "You can use the modpack as a base to add your favorite mods to.",
"feature.open-development.title": "Open development",
"feature.open-development.desc": "Fabulously Optimized [is open-source][9], and so are most of its mods. We welcome user suggestions and collaborate with mod developers to create a better user experience for everyone.",
"feature.open-development.desc": "Fabulously Optimized {0}, and so are most of its mods. We welcome user suggestions and collaborate with mod developers to create a better user experience for everyone.",
"feature.open-development.desc.0": "is open-source",
"feature.open-development.btn": "View Contributors",
"feature.helpful-community.title": "Helpful community",
"feature.helpful-community.desc": "We have a growing community of friendly members who enjoy discussing the pack, [translating its content][10], and helping each other. [Join us today!][11]",
"feature.helpful-community.desc": "We have a growing community of friendly members who enjoy discussing the pack, {0}, and helping each other. {1}",
"feature.helpful-community.desc.0": "translating its content",
"feature.helpful-community.desc.1": "Join us today!",
"content.vanilla.title": "Download for Minecraft Launcher",
"content.vanilla.title.installer": "Automatic installer",
"content.vanilla.title.manual": "Manual ZIP-archive",
Expand Down
10 changes: 0 additions & 10 deletions pages/contribute.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -133,14 +133,4 @@ body {
li img {
width: 1em; height: 1em; margin-right: 0.5em;
}
a {
color: var(--color-brand); text-decoration: none;
}
html.dark a {
color: var(--color-brand-dark);
}
a:hover {
text-decoration: underline;
}
</style>
204 changes: 124 additions & 80 deletions pages/index.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,31 +8,12 @@ import {
LightBulbIcon,
VersionIcon,
PaintBrushIcon,
renderHighlightedString,
UpdatedIcon,
DiscordIcon,
} from "omorphia";
import FabricIcon from "../components/FabricIcon.vue";
const featureLinks =
ref(`\n\n[1]: https://github.com/Fabulously-Optimized/fabulously-optimized/blob/main/INCLUDED-MODS.md#smooth
[2]: https://wiki.download.fo/readme/give-up-optifine
[3]: https://wiki.download.fo/readme/free-cape
[4]: https://github.com/Fabulously-Optimized/fabulously-optimized/blob/main/INCLUDED-MODS.md#functional
[5]: https://github.com/Fabulously-Optimized/fabulously-optimized#downloads
[6]: https://download.fo/changelog
[7]: https://wiki.download.fo/readme/update-instructions
[8]: https://wiki.download.fo/readme/adding-more-mods
[9]: https://download.fo/github
[10]: https://download.fo/translate
[11]: https://download.fo/discord
[12]: https://wiki.download.fo
[13]: https://download.fo/thanks
[14]: https://wiki.download.fo/readme/server-setup
[15]: https://download.fo/host
[16]: https://download.fo/terms`);
useSeoMeta({
title: "Fabulously Optimized",
ogTitle: "Fabulously Optimized",
Expand All @@ -43,46 +24,6 @@ useSeoMeta({
twitterImage: "/icon.png",
themeColor: "#d19321",
});
interface FeatureItem {
id: string;
icon: any;
}
const features: any = ref([
{
id: "performance",
icon: ChartIcon,
},
{
id: "optifine-parity",
icon: PaintBrushIcon,
},
{
id: "feels-familiar",
icon: LightBulbIcon,
},
{
id: "works-anywhere",
icon: ClientIcon,
},
{
id: "up-to-date",
icon: UpdatedIcon,
},
{
id: "built-on-fabric",
icon: FabricIcon,
},
{
id: "open-development",
icon: VersionIcon,
},
{
id: "helpful-community",
icon: UsersIcon,
},
]);
</script>

<template>
Expand Down Expand Up @@ -149,31 +90,134 @@ const features: any = ref([
'content.home.features.videoID'
)}`" title="YouTube video player" frameborder="0" allowfullscreen></iframe>
<div class="features">
<div v-for=" feature in features" class="feature-block">
<div class="feature-block">
<div>
<h1>
<ChartIcon class="feature-icon" />
<span>{{ $t("feature.performance.title") }}</span>
</h1>
<div class="markdown-body">
<i18n-t keypath="feature.performance.desc" tag="p">
<a href="https://github.com/Fabulously-Optimized/fabulously-optimized/blob/main/INCLUDED-MODS.md#smooth">
{{ $t("feature.performance.desc.0") }}
</a>
</i18n-t>
</div>
</div>
</div>
<div class="feature-block">
<div>
<h1>
<PaintBrushIcon class="feature-icon" />
<span>{{ $t("feature.optifine-parity.title") }}</span>
</h1>
<div class="markdown-body">
<i18n-t keypath="feature.optifine-parity.desc" tag="p">
<a href="https://wiki.download.fo/readme/give-up-optifine">
{{ $t("feature.optifine-parity.desc.0") }}
</a>
<a href="https://wiki.download.fo/readme/free-cape">
{{ $t("feature.optifine-parity.desc.1") }}
</a>
</i18n-t>
</div>
</div>
</div>
<div class="feature-block">
<div>
<h1>
<LightBulbIcon class="feature-icon" />
<span>{{ $t("feature.feels-familiar.title") }}</span>
</h1>
<div class="markdown-body">
<i18n-t keypath="feature.feels-familiar.desc" tag="p">
<a href="https://github.com/Fabulously-Optimized/fabulously-optimized/blob/main/INCLUDED-MODS.md#functional">
{{ $t("feature.feels-familiar.desc.0") }}
</a>
</i18n-t>
</div>
</div>
</div>
<div class="feature-block">
<div>
<h1>
<component class="feature-icon" :is="feature.icon"></component><span>{{ $t(`feature.${feature.id}.title`)
}}</span>
<ClientIcon class="feature-icon" />
<span>{{ $t("feature.works-anywhere.title") }}</span>
</h1>
<div class="markdown-body" v-html="renderHighlightedString(
$t(`feature.${feature.id}.desc`) + featureLinks
)
"></div>
<br />
<Button v-if="feature.button" :large="true" :color="feature.button.color" @click="
navigateTo(feature.button.href, {
external: feature.button.external,
})
">
<component :is="feature.button.icon" v-if="feature.button.icon != undefined"></component>
{{ $t(`feature.${feature.id}.btn`) }}
</Button>
<div class="markdown-body">
<i18n-t keypath="feature.works-anywhere.desc" tag="p">
<a href="https://github.com/Fabulously-Optimized/fabulously-optimized?tab=readme-ov-file#download">
{{ $t("feature.works-anywhere.desc.0") }}
</a>
</i18n-t>
</div>
</div>
</div>
<div class="feature-block">
<div>
<h1>
<UpdatedIcon class="feature-icon" />
<span>{{ $t("feature.up-to-date.title") }}</span>
</h1>
<div class="markdown-body">
<i18n-t keypath="feature.up-to-date.desc" tag="p">
<a href="https://download.fo/changelog">
{{ $t("feature.up-to-date.desc.0") }}
</a>
<a href="https://wiki.download.fo/readme/update-instructions">
{{ $t("feature.up-to-date.desc.1") }}
</a>
</i18n-t>
</div>
</div>
</div>
<div class="feature-block">
<div>
<h1>
<FabricIcon class="feature-icon" />
<span>{{ $t("feature.built-on-fabric.title") }}</span>
</h1>
<div class="markdown-body">
<i18n-t keypath="feature.built-on-fabric.desc" tag="p">
<a href="https://wiki.download.fo/readme/adding-more-mods">
{{ $t("feature.built-on-fabric.desc.0") }}
</a>
</i18n-t>
</div>
</div>
</div>
<div class="feature-block">
<div>
<h1>
<VersionIcon class="feature-icon" />
<span>{{ $t("feature.open-development.title") }}</span>
</h1>
<div class="markdown-body">
<i18n-t keypath="feature.open-development.desc" tag="p">
<a href="https://download.fo/github">
{{ $t("feature.open-development.desc.0") }}
</a>
</i18n-t>
</div>
</div>
</div>
<div class="feature-block">
<div>
<h1>
<UsersIcon class="feature-icon" />
<span>{{ $t("feature.helpful-community.title") }}</span>
</h1>
<div class="markdown-body">
<i18n-t keypath="feature.helpful-community.desc" tag="p">
<a href="https://download.fo/translate">
{{ $t("feature.helpful-community.desc.0") }}
</a>
<a href="https://download.fo/discord">
{{ $t("feature.helpful-community.desc.1") }}
</a>
</i18n-t>
</div>
</div>
<!-- <img
v-if="features.indexOf(feature) % 2 === 0"
:src="`/features/${feature.id}.webp`"
class="dramatic-screenshot"
/> -->
</div>
</div>
</div>
Expand Down

0 comments on commit 32be3f7

Please sign in to comment.