diff options
author | Marian Sigler <m@qjym.de> | 2012-09-26 18:29:10 +0200 |
---|---|---|
committer | Marian Sigler <m@qjym.de> | 2012-09-26 18:29:10 +0200 |
commit | 8f46b1f1b131a57d46e8d1536d408b86105afac5 (patch) | |
tree | 309816020bde692e20d97c3bb292f23a58e5d006 | |
parent | b914225af239041c77bc4557a12e259a78d6025a (diff) | |
download | web-8f46b1f1b131a57d46e8d1536d408b86105afac5.tar.gz web-8f46b1f1b131a57d46e8d1536d408b86105afac5.tar.bz2 web-8f46b1f1b131a57d46e8d1536d408b86105afac5.zip |
layout stuff
-rw-r--r-- | static/layout.css | 28 | ||||
-rw-r--r-- | templates/index.html | 15 |
2 files changed, 26 insertions, 17 deletions
diff --git a/static/layout.css b/static/layout.css index a5552ed..7f78832 100644 --- a/static/layout.css +++ b/static/layout.css @@ -7,6 +7,16 @@ :link:hover, :visited:hover { text-decoration: underline; } +nav ul { + list-style: none; +} +nav ul li { + display: inline; +} +nav ul li:not(:last-child):after { + content: " · "; + color: #aaa; +} /* COMMON PAGE ELEMENTS */ @@ -33,14 +43,18 @@ header { width: 100%; } header h1 { + font-size: 2em; margin: 0; + max-width: 50%; /* make image smaller on small screens */ + min-height: 3em; padding: 0 1em 0; display: inline-block; background-color: #333; - border-bottom-right-radius: 30px; + border-bottom-right-radius: .8em; } header h1 img { margin: 0; + max-width: 100%; } header #roundcornerb, header #roundcornerw { @@ -55,7 +69,7 @@ header #roundcornerb { } header #roundcornerw { background-color: white; - border-top-left-radius: 30px; + border-top-left-radius: 1.6em; } header nav#mainnav { @@ -79,16 +93,6 @@ header nav#usermenu { right: 1em; } -header nav ul { - list-style: none; -} -header nav ul li { - display: inline; -} -header nav ul li:not(:last-child):after { - content: " · "; - color: #aaa; -} header nav#mainnav ul li:not(:last-child):after { color: #999; } diff --git a/templates/index.html b/templates/index.html index ea5e258..b3bd93c 100644 --- a/templates/index.html +++ b/templates/index.html @@ -1,18 +1,23 @@ {%- extends 'base.html' %} {%- from '_macros.html' import render_field %} {%- block content %} -{%- if session.username %} + +{%- if g.user %} <p>Hallo {{ session.username }}. <a href="{{ url_for('settings') }}">Einstellungen</a></p> {%- else %} -<p> - <a href="/register">Account erstellen</a> | - <a href="/lost_password">Passwort vergessen</a> -</p> <form action="{{ url_for('index') }}" method="post" class="form-horizontal"> + <h2>Login</h2> + <p> + Willkommen bei <strong>spline accounts</strong>. + Melde dich an, informier dich, oder leg einen account an. + </p> {{ render_field(form.username, autofocus="autofocus") }} {{ render_field(form.password) }} {{ form.csrf_token }} <div class="form-actions"><input type="submit" value="Login" /></div> + <p class="form-actions"><a href="/register">Account erstellen</a></div> + <p class="form-actions"><a href="/lost_password">Passwort vergessen</a></div> </form> {%- endif %} + {%- endblock %} |