diff --git a/public/css/custom.css b/public/css/custom.css index c47c18c..24dd7ee 100644 --- a/public/css/custom.css +++ b/public/css/custom.css @@ -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 diff --git a/public/img/background.jpg b/public/img/background.jpg new file mode 100644 index 0000000..3b77c16 Binary files /dev/null and b/public/img/background.jpg differ diff --git a/public/login/index.php b/public/login/index.php index a4dd11a..347661a 100644 --- a/public/login/index.php +++ b/public/login/index.php @@ -64,7 +64,7 @@ if ($function === 'oauth') { -

+


@@ -73,21 +73,21 @@ if ($function === 'oauth') {
- - + +

-

+

-

diff --git a/src/locales/es.json b/src/locales/es.json index 4313452..a59f12d 100644 --- a/src/locales/es.json +++ b/src/locales/es.json @@ -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",