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;
line-height: 1.2em;
}
@media (max-width: 500px) {
header#web table span.brand {
font-size: .8em !important;
}
main#web {
background: linear-gradient(#dfdddd, #eee, #eee, #eee, #eee);
}
@ -118,12 +117,18 @@ header div.nav > span.brand {
main {
display: flex;
background: linear-gradient(#dfdddd, #eee, #eee, #eee, #eee);
background: url(/img/background.jpg);
padding: 1em 2em;
min-height: 30em;
background-size: cover;
background-attachment: fixed;
background-position: center;
}
main > div.content {
margin: auto;
max-width: 30em;
width: 100%;
}
/* Login
@ -131,9 +136,16 @@ main > div.content {
.login-buttons > ._ {
min-width: 50%;
}
.login-buttons a {
color: #70f7ab;
font-weight: bold;
}
.login-buttons a.button {
display: flex;
border: none;
border-radius: 4px;
box-shadow: 0px 0px .5em #0000003d;
text-align: left;
padding-left: 4px;
@ -154,15 +166,19 @@ main > div.content {
border: 2px solid #5b5b5b;
}
.login-buttons sub {
position: relative;
bottom: -.5em;
left: 1em;
.login-buttons span {
line-height: 1.4em;
}
#login h2,
#login h3,
#login h4 {
text-align: center;
color: #fff;
}
#login span,
#login label {
color: #fff;
}
/* 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 ($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>
<div class="center login-buttons">
<div class="_">
@ -73,21 +73,21 @@ if ($function === 'oauth') {
<?php l('login.login_mastodon', 'I use Mastodon') ?>
</div>
</a>
<sub><?php l('login.dont_have_mastodon', 'Don\'t have Mastodon?') ?>
<a href="https://joinmastodon.org/communities/general"><?php l('login.choose_community', 'choose a community') ?></a></sub>
<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></span>
<br><br>
</div>
</div>
<?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">
<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"
onkeypress="if (event.keyCode == 13) API.mastodon.registerInstance(null)"/>
<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;" />
</div>
<br>

View File

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