Locale changes + some little design changes

This commit is contained in:
Bofh 2021-11-28 23:55:21 +01:00
parent ff59a48ee1
commit ce2fa9ce9f
4 changed files with 31 additions and 15 deletions

View File

@ -85,10 +85,9 @@ header#web table span.brand {
word-wrap: anywhere; word-wrap: anywhere;
line-height: 1.2em; line-height: 1.2em;
} }
@media (max-width: 500px) {
header#web table span.brand { main#web {
font-size: .8em !important; background: linear-gradient(#dfdddd, #eee, #eee, #eee, #eee);
}
} }
@ -118,12 +117,18 @@ header div.nav > span.brand {
main { main {
display: flex; display: flex;
background: linear-gradient(#dfdddd, #eee, #eee, #eee, #eee); background: url(/img/background.jpg);
padding: 1em 2em; padding: 1em 2em;
min-height: 30em;
background-size: cover;
background-attachment: fixed;
background-position: center;
} }
main > div.content { main > div.content {
margin: auto; margin: auto;
max-width: 30em;
width: 100%;
} }
/* Login /* Login
@ -131,9 +136,16 @@ main > div.content {
.login-buttons > ._ { .login-buttons > ._ {
min-width: 50%; min-width: 50%;
} }
.login-buttons a {
color: #70f7ab;
font-weight: bold;
}
.login-buttons a.button { .login-buttons a.button {
display: flex; display: flex;
border: none; border: none;
border-radius: 4px;
box-shadow: 0px 0px .5em #0000003d; box-shadow: 0px 0px .5em #0000003d;
text-align: left; text-align: left;
padding-left: 4px; padding-left: 4px;
@ -154,15 +166,19 @@ main > div.content {
border: 2px solid #5b5b5b; border: 2px solid #5b5b5b;
} }
.login-buttons sub { .login-buttons span {
position: relative;
bottom: -.5em;
left: 1em;
line-height: 1.4em; line-height: 1.4em;
} }
#login h2,
#login h3,
#login h4 { #login h4 {
text-align: center; text-align: center;
color: #fff;
}
#login span,
#login label {
color: #fff;
} }
/* Loader /* Loader

BIN
public/img/background.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 370 KiB

View File

@ -64,7 +64,7 @@ if ($function === 'oauth') {
<?php if ($function === 'view'): ?> <?php if ($function === 'view'): ?>
<?php if ($login_method === null): ?> <?php if ($login_method === null): ?>
<h4><?php l('login.login_with_fediverse', 'Use RealFan with the Fediverse') ?></h4> <h3><?php l('login.login_with_fediverse', 'Use RealFan with the Fediverse') ?></h3>
<br> <br>
<div class="center login-buttons"> <div class="center login-buttons">
<div class="_"> <div class="_">
@ -73,21 +73,21 @@ if ($function === 'oauth') {
<?php l('login.login_mastodon', 'I use Mastodon') ?> <?php l('login.login_mastodon', 'I use Mastodon') ?>
</div> </div>
</a> </a>
<sub><?php l('login.dont_have_mastodon', 'Don\'t have Mastodon?') ?> <span><?php l('login.dont_have_mastodon', 'Sign up on Mastodon') ?>
<a href="https://joinmastodon.org/communities/general"><?php l('login.choose_community', 'choose a community') ?></a></sub> <a href="https://joinmastodon.org/communities/general"><?php l('login.choose_community', 'choose a community') ?></a></span>
<br><br> <br><br>
</div> </div>
</div> </div>
<?php elseif ($login_method === 'mastodon'): ?> <?php elseif ($login_method === 'mastodon'): ?>
<h4><?php l('login.login_with_mastodon', 'Log In using Mastodon') ?></h4> <h3><?php l('login.login_with_mastodon', 'Log In using Mastodon') ?></h3>
<div class="columns"> <div class="columns">
<label for="instanceURL"><?php l('login.select_instance', 'Select your instance') ?></label> <label for="instanceURL"><?php l('login.select_instance', 'Select your instance') ?></label>
<input class="u-full-width" type="text" placeholder="<?php l('login.example_domain', 'example.org') ?>" id="instanceURL" <input class="u-full-width" type="text" placeholder="<?php l('login.example_domain', 'example.org') ?>" id="instanceURL"
onkeypress="if (event.keyCode == 13) API.mastodon.registerInstance(null)"/> onkeypress="if (event.keyCode == 13) API.mastodon.registerInstance(null)"/>
<div class="right"> <div class="right">
<input onclick="API.mastodon.registerInstance(null)" class="button-primary u-full-width bg-mastodon" <input onclick="API.mastodon.registerInstance(null)" class="button-primary bg-mastodon"
type="submit" value="<?php l('all.continue', 'Continue') ?> &gt;&gt;" /> type="submit" value="<?php l('all.continue', 'Continue') ?> &gt;&gt;" />
</div> </div>
<br> <br>

View File

@ -14,7 +14,7 @@
"login": { "login": {
"login_with_fediverse": "Usa RealFan con el Fediverso", "login_with_fediverse": "Usa RealFan con el Fediverso",
"login_mastodon": "Yo uso Mastodon", "login_mastodon": "Yo uso Mastodon",
"dont_have_mastodon": "¿No tienes Mastodon?", "dont_have_mastodon": "Regístrate en Mastodon",
"choose_community": "elige una comunidad", "choose_community": "elige una comunidad",
"login_with_mastodon": "Entrar con Mastodon", "login_with_mastodon": "Entrar con Mastodon",
"select_instance": "Elige tu instancia", "select_instance": "Elige tu instancia",