Skip to content
Snippets Groups Projects

Změny vzhledu

Merged Jiří Setnička requested to merge jirka/layout into devel
3 files
+ 69
20
Compare changes
  • Side-by-side
  • Inline
Files
3
  • * Přidáno logo (skryje se při skrolování)
    * Menu roztaženo po celé šířce (sticky při skrolování)
    * Top level elementy se třídou .content se zobrazují jen ve střední části stránky
    
    Vršek stránky vizuálně a barevně sjednocen s tím, co je na matematickaolympiada.cz
    
    Solve #21
+ 25
10
@@ -7,15 +7,25 @@
{% block head %}{% endblock %}
</head>
<body>
<nav id="main-menu">
{% for item in get_menu() %}
<a {% if item.classes %}class="{{ " ".join(item.classes) }}"{% endif %} href="{{ item.url }}">{{ item.name }}</a>
{% endfor %}
{% if g.user %}
<form method=POST action='{{ url_for('logout') }}'><input type=submit value='Logout'></form>
{% endif %}
</nav>
<h1>Odevzdávací systém Matematické olympiády</h1>
<header>
<div class="content">
<a href="http://www.matematickaolympiada.cz/" title="Na stránky MO">
<img src="{{ url_for('static', filename='img/mo.jpg') }}" alt="Matematická olympiáda">
</a>
<h1><b>O</b>devzdávací <b>S</b>ystém <b>M</b>atematické <b>O</b>lympiády</h1>
</div>
</header>
<div id="nav-wrapper">
<nav id="main-menu" class="content">
{% for item in get_menu() %}
<a {% if item.classes %}class="{{ " ".join(item.classes) }}"{% endif %} href="{{ item.url }}">{{ item.name }}</a>
{% endfor %}
{% if g.user %}
<form method=POST action='{{ url_for('logout') }}'><input type=submit value='Logout'></form>
{% endif %}
</nav>
</div>
<main>
{% with messages = get_flashed_messages(with_categories=true) %}
{% if messages %}
{% for category, message in messages %}
@@ -30,7 +40,12 @@
{% endif %}
{% endwith %}
{% block body %}{% endblock %}
</main>
<footer>
<hr>
<p>V případě problémů napište správci na adresu <a href='mailto:osmo@mo.mff.cuni.cz'>osmo@mo.mff.cuni.cz</a>.
<div class="content">
<p>V případě problémů napište správci na adresu <a href='mailto:osmo@mo.mff.cuni.cz'>osmo@mo.mff.cuni.cz</a>.
</div>
</footer>
</body>
</html>
Loading