Locale changes + some little design changes
This commit is contained in:
parent
ff59a48ee1
commit
ce2fa9ce9f
|
@ -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
|
||||||
|
|
Binary file not shown.
After Width: | Height: | Size: 370 KiB |
|
@ -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') ?> >>" />
|
type="submit" value="<?php l('all.continue', 'Continue') ?> >>" />
|
||||||
</div>
|
</div>
|
||||||
<br>
|
<br>
|
||||||
|
|
|
@ -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",
|
||||||
|
|
Loading…
Reference in New Issue