Commit 081a6327 authored by felix.herrmann's avatar felix.herrmann
Browse files

fix(UIUX): fix the footer

parent 48038c5e
This diff is collapsed.
......@@ -673,7 +673,8 @@ h1, h2, h3 {
#content {
padding-top: .6rem;
min-height: calc(80vh - 82px);
min-height: calc(90vh - 82px);
padding-bottom: 20vh;
}
/*
......@@ -690,13 +691,51 @@ h1, h2, h3 {
left:0;
}
.footer-logo
.footer-logo-fso
{
width: auto;
height: 6rem;
padding-bottom: .2rem;
}
.footer-logo-sub
{
width: auto;
height: 6rem;
padding-bottom: .2rem;
}
.footer-logo-dfg
{
width: auto;
height: 5rem;
padding-bottom: .2rem;
}
.footer-copyright {
font-size: smaller;
padding-top:.2rem;
padding-bottom:.2rem;
}
.footer-link-list {
margin-top: 0;
}
.footer-nav {
font-size: smaller;
}
/*
.footer-logo-text {
font-size: smaller;
}
*/
.list-inline-footer li {
padding-left: .5rem;
padding-right: 1rem;
}
/*
* Navbar
......
{% load static i18n compress%}
<footer class="footer no-gutters">
<div class="container-fluid no-padding">
<div class="container">
<div class="row row-cols-3">
<div class="col">
<img class="footer-logo" src="{% static 'images/logo-primary.svg' %}" />
<p class="text-muted">Modern information technologies allow the allocation of and unrestricted access to research data as open data.</p>
<footer class="footer no-gutters fixed-bottom">
<div class="container">
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-4">
{# <img class="footer-logo" src="{% static 'images/logo-primary.svg' %}" /> #}
<img class="footer-logo-fso" src="{% static 'images/fso-logo.png' %}" />
</div>
<div class="col">
<nav>
<ul class="nav nav-pills flex-column">
<li class="nav-item">
<a href="#">{% trans "Terms of Use" %}</a>
</li>
<li class="nav-item">
<a href="#">{% trans "Privacy Policy" %}</a>
</li>
<li class="nav-item">
<a href="#">{% trans "Terms and Conditions" %}</a>
</li>
<li class="nav-item">
<a href="#">{% trans "Imprint" %}</a>
</li>
<li class="nav-item">
<a href="#">{% trans "Disclaimer" %}</a>
</li>
<div class="col-md-2 text-center">
<img class="footer-logo-sub" src="{% static 'images/sub-logo.png' %}" />
</div>
{% comment %}
<div class="col-md-3">
<p class="footer-logo-text">Discuss <span class="bold-900">Data</span>: {% trans "Open Platform for the Interactive Discussion of Research Data Quality (on the example of area studies on the post-Soviet region)" %}</p>
</div>
{% endcomment %}
<div class="col-md-2">
<img class="footer-logo-dfg" height="100" src="{% static 'images/dfg-logo.svg' %}" />
</div>
<div class="col-md-3">
<nav class="float-right">
<ul class="nav nav-pills flex-column footer-nav">
<li class="nav-item">
<a href="#">{% trans "Terms of Use" %}</a>
</li>
<li class="nav-item">
<a href="#">{% trans "Privacy Policy" %}</a>
</li>
<li class="nav-item">
<a href="#">{% trans "Terms and Conditions" %}</a>
</li>
<li class="nav-item">
<a href="#">{% trans "Imprint" %}</a>
</li>
<li class="nav-item">
<a href="#">{% trans "Disclaimer" %}</a>
</li>
</ul>
</nav>
</div>
</div>
{% comment %}
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-10 d-flex">
<ul class="list-inline list-inline-footer mx-auto justify-content-center">
<li class="list-inline-item">
<a href="#">{% trans "Terms of Use" %}</a>
</li>
<li class="list-inline-item">
<a href="#">{% trans "Privacy Policy" %}</a>
</li>
<li class="list-inline-item">
<a href="#">{% trans "Terms and Conditions" %}</a>
</li>
<li class="list-inline-item">
<a href="#">{% trans "Imprint" %}</a>
</li>
<li class="list-inline-item">
<a href="#">{% trans "Disclaimer" %}</a>
</li>
</ul>
</nav>
</div>
<div class="col">
</div>
{% endcomment %}
{% comment %}
<h3>{% trans "Contact" %}</h3>
<ul class="list-group">
<li class="list-group-item">
......@@ -44,11 +81,14 @@
syndication
</li>
</ul>
</div>
</div>
</div>
<div class="text-light bg-primary text-center text-wrap">
© 2019 Research Centre for East-European Studies at the University of Bremen and Göttingen State and University Library. All Rights Reserved.
{% endcomment %}
</div>
<div class="container-fluid no-padding">
<div class="text-light bg-primary text-center text-wrap footer-copyright">
© 2019 Research Centre for East-European Studies at the University of Bremen and Göttingen State and University Library. All Rights Reserved.
</div>
</div>
</footer>
......@@ -16,6 +16,13 @@
</div>
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#">{% trans "About" %}</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">{% trans "Contact" %}</a>
</li>
{% if request.user.is_authenticated %}
<li class="nav-item">
<a class="nav-link" href="{% url 'shibboleth:logout' %}">{% trans "Sign Out" %}</a>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment