From 16fe8d754c183fbbecd5122c743f4079869a1f95 Mon Sep 17 00:00:00 2001 From: Thorbjørn Lindeijer Date: Wed, 12 Jun 2024 13:35:30 +0000 Subject: Link and style updates Link updates: * Adjusted wiki URLs to avoid redirects * Updated downloads page redirect to current Downloads page * Updated link to Tiled repository * Updated download link on registration page Style updates: * Restored the border around the contents * Give the text a bit more space * Less different font sizes * More modern use of rounded corners --- public/lite/index.html | 2 +- src/App.vue | 12 ++++++++---- src/components/Navigation.vue | 45 ++++++++++++++++--------------------------- src/router/redirects.ts | 2 +- src/views/About.vue | 4 ++-- src/views/Home.vue | 6 +++--- src/views/Migration.vue | 2 -- src/views/Registration.vue | 2 +- 8 files changed, 33 insertions(+), 42 deletions(-) diff --git a/public/lite/index.html b/public/lite/index.html index dbdae48..f2cff3e 100644 --- a/public/lite/index.html +++ b/public/lite/index.html @@ -26,7 +26,7 @@

Account registration

To create a game account without using the full website, contact us at reg istration@themanaworld.org

-

Make sure to download our game client in order to play.

+

Make sure to download our game client in order to play.

diff --git a/src/App.vue b/src/App.vue index 9e4d7b3..e01a44c 100644 --- a/src/App.vue +++ b/src/App.vue @@ -26,8 +26,9 @@ grid-area: page; background: #E1D6CF; padding: 15px 15px 30px 15px; - border-radius: 15px 15px 0 0; + border-top: 1px solid #2f2e32; text-align: justify; + line-height: 1.5em; & h1 { margin: 20px 0 0 0 0; font-weight: bold; @@ -46,7 +47,7 @@ & .dialog { background: #ff0000; color: #fff; - padding: 2em 1em 2em 1em; + padding: 1em; display: block; font-size: 1.5rem; margin: 1rem; @@ -80,9 +81,12 @@ background: url(assets/page_footer.webp) no-repeat left bottom #E1D6CF; min-width: 890px; padding-bottom: 200px; - border-radius: 15px 0 0 15px; + border: 1px solid #2f2e32; + border-right: none; + border-radius: 0 0 0 2.5ch; & p { - margin: 0px 40px 5px 30px; + margin-left: 30px; + margin-right: 40px; } } } diff --git a/src/components/Navigation.vue b/src/components/Navigation.vue index 7c92948..01fe36a 100644 --- a/src/components/Navigation.vue +++ b/src/components/Navigation.vue @@ -5,13 +5,13 @@
@@ -19,13 +19,13 @@
- Screenshots + Screenshots
Source Code
@@ -35,9 +35,8 @@ .nav { background: #BA7A58; color: #2f2e32; - border-radius: 0 0 15px 15px; - padding: 15px; - font-size: 14px; + border-bottom: 1px solid #2f2e32; + padding: 1.25ch; & .hamburger { position: absolute; @@ -54,34 +53,22 @@ background: #CBA083; margin: 0; padding: 0; - border-radius: 5px; + border-radius: 1.25ch; border: solid 1px #2f2e32; - margin-bottom: 13px; + margin-bottom: 1.25ch; min-width: max(160px, 17ch); & ul { list-style: none; margin: 0; - padding: 0; - - & li { - margin-left: 0.8ch; - margin-right: 0.8ch; - - &:first-of-type { - margin-top: 0.8ch; - } - - &:last-of-type { - margin-bottom: 0.8ch; - } - } + padding: 0.75ch; } & span { text-align: center; + font-size: 0.9em; display: block; - padding: 5px; + padding: 0.5ch; border-bottom: solid 1px #2f2e32; } @@ -90,7 +77,8 @@ text-decoration: none; display: block; border: solid 1px #CBA083; - padding: 1ch; + border-radius: 0.5ch; + padding: 0.75ch 1ch; &:is(:hover, :focus), &.router-link-exact-active, &.custom-active { background-color: rgba(255,255,255,0.4); @@ -103,7 +91,7 @@ text-align: center; font-weight: bolder; border: 0; - border-radius: 0 0 5px 5px; + border-radius: 0 0 1.25ch 1.25ch; &:hover { background-color: rgba(255,255,255,0.4); @@ -129,7 +117,8 @@ @media (min-width: 1100px) { .nav { - border-radius: 0 15px 15px 0; + border-radius: 0 2.5ch 2.5ch 0; + border: 1px solid #2f2e32; & .hamburger { display: none; diff --git a/src/router/redirects.ts b/src/router/redirects.ts index 0671f9c..170f35f 100644 --- a/src/router/redirects.ts +++ b/src/router/redirects.ts @@ -20,7 +20,7 @@ const redirects = [ { path: "/downloads.php", redirect: (): void => { - self.location.href = "https://manaplus.germantmw.de/"; + self.location.href = "https://wiki.themanaworld.org/wiki/Downloads"; } }, { diff --git a/src/views/About.vue b/src/views/About.vue index 68e3e72..da92d47 100644 --- a/src/views/About.vue +++ b/src/views/About.vue @@ -13,9 +13,9 @@

We are volunteer driven and encourage player participation in development. We have a long history of contributors. We try to make contributing to the game easy.

diff --git a/src/views/Home.vue b/src/views/Home.vue index b0a7b11..e9740bf 100644 --- a/src/views/Home.vue +++ b/src/views/Home.vue @@ -3,13 +3,13 @@

The Mana World Project

The Mana World (TMW) is a serious effort to create an innovative free and open source MMORPG. TMW uses 2D graphics and aims to create a large and diverse interactive world. It is licensed under the GPL, making sure this game can't ever run away from you.

- Read More >> + Read More »

Recent News

- More News >> + More News »
@@ -23,7 +23,7 @@ color: #2f2e32; text-decoration: none; font-weight: bold; - font-size: 0.8em; + font-size: 0.9em; &:hover { text-decoration: underline; diff --git a/src/views/Migration.vue b/src/views/Migration.vue index f557d3e..c68989c 100644 --- a/src/views/Migration.vue +++ b/src/views/Migration.vue @@ -166,8 +166,6 @@ export default class Recovery extends Vue { } console.log("Captcha OK") - // ${process.env.VUE_APP_API} - // https://api.themanaworld.org/api const req = new Request(`${process.env.VUE_APP_PYAPI}/tmwa_auth`, { method: "POST", mode: "no-cors", diff --git a/src/views/Registration.vue b/src/views/Registration.vue index c663143..86bb5a4 100644 --- a/src/views/Registration.vue +++ b/src/views/Registration.vue @@ -2,7 +2,7 @@

Account creation

Welcome to The Mana World! With this form you can register for a new game account.

-

Please note that you will also need to download and install ManaPlus, our official game client.

+

Please note that you will also need to install a suitable client to play this game.


NOTICE: Accounts may take up to 15 minutes for automatic activation. No email confirmation is necessary. -- cgit v1.2.3-70-g09d2