society-self-service/ssmain/jinja2/ssmain/base.html

127 lines
3.9 KiB
HTML

{% extends 'ssmain/semantic_base.html' %}
{#
Society Self-Service
Copyright © 2018 Yingtong Li (RunasSudo)
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.
#}
{% block head %}
{{ super() }}
<style type="text/css">
.masthead.segment {
{% if request.resolver_match.view_name == 'index' %}
min-height: 700px;
{% endif %}
padding: 1em 0em;
}
.masthead h1.ui.header {
{% if request.resolver_match.view_name == 'index' %}
margin-top: 3em;
margin-bottom: 0em;
{% else %}
margin-top: 0.5em;
margin-bottom: 0.5em;
{% endif %}
font-size: 4em;
font-weight: normal;
}
.ui.vertical.stripe {
padding: 8em 0em;
}
.footer.segment {
padding: 5em 0em;
}
.ui.card .description {
line-height: 1.5;
}
textarea {
font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
}
/* Fix nested selectable tables */
.ui.table.selectable tr > td.selectable:hover {
background: initial !important;
}
</style>
{% endblock %}
{% block body %}
{# navigation #}
<div class="ui inverted vertical masthead center aligned segment">
<div class="ui container">
<div class="ui large secondary inverted pointing menu">
</a>
<a class="{% if request.resolver_match.func.__module__.startswith('ssmain.') %}active {% endif %}item" href="{{ url('index') }}">Society Self-Service</a>
<a class="{% if request.resolver_match.func.__module__.startswith('sstreasury.') %}active {% endif %}item" href="{{ url('treasury') }}">Treasury Connect</a>
<div class="right menu">
{% if request.user.is_authenticated %}
<div class="item"><i class="user circle icon"></i>{{ request.user.first_name }} {{ request.user.last_name }}</div>
<div class="item"><a class="ui inverted button" href="{{ url('logout') }}">Log out</a></div>
{% else %}
<div class="item"><a class="ui inverted button" href="{{ url('login') }}">Log in</a></div>
{% endif %}
</div>
</div>
</div>
{% block headtitle %}{% endblock headtitle %}
</div>
{# content #}
{% if request.resolver_match.view_name != 'index' %}
<div class="ui vertical stripe segment">
<div class="ui container">
{% block content %}{% endblock %}
</div>
</div>
{% endif %}
{# footer #}
<div class="ui inverted vertical footer segment">
<div class="ui container">
<div class="ui stackable inverted divided equal height stackable grid">
<div class="three wide column">
<h4 class="ui inverted header">About</h4>
<div class="ui inverted link list">
<a href="#" class="item">Sitemap</a>
<a href="#" class="item">Contact Us</a>
<a href="#" class="item">Religious Ceremonies</a>
<a href="#" class="item">Gazebo Plans</a>
</div>
</div>
<div class="three wide column">
<h4 class="ui inverted header">Services</h4>
<div class="ui inverted link list">
<a href="#" class="item">Banana Pre-Order</a>
<a href="#" class="item">DNA FAQ</a>
<a href="#" class="item">How To Access</a>
<a href="#" class="item">Favorite X-Men</a>
</div>
</div>
<div class="seven wide column">
<h4 class="ui inverted header">Footer Header</h4>
<p>Extra space for a call to action inside the footer that could help re-engage users.</p>
</div>
</div>
</div>
</div>
{% endblock %}