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 { ...@@ -673,7 +673,8 @@ h1, h2, h3 {
#content { #content {
padding-top: .6rem; padding-top: .6rem;
min-height: calc(80vh - 82px); min-height: calc(90vh - 82px);
padding-bottom: 20vh;
} }
/* /*
...@@ -690,13 +691,51 @@ h1, h2, h3 { ...@@ -690,13 +691,51 @@ h1, h2, h3 {
left:0; 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; width: auto;
height: 5rem; 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 * Navbar
......
{% load static i18n compress%} {% load static i18n compress%}
<footer class="footer no-gutters"> <footer class="footer no-gutters fixed-bottom">
<div class="container-fluid no-padding"> <div class="container">
<div class="container"> <div class="row">
<div class="row row-cols-3"> <div class="col-md-1"></div>
<div class="col"> <div class="col-md-4">
<img class="footer-logo" src="{% static 'images/logo-primary.svg' %}" /> {# <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> <img class="footer-logo-fso" src="{% static 'images/fso-logo.png' %}" />
</div> </div>
<div class="col"> <div class="col-md-2 text-center">
<nav> <img class="footer-logo-sub" src="{% static 'images/sub-logo.png' %}" />
<ul class="nav nav-pills flex-column"> </div>
<li class="nav-item"> {% comment %}
<a href="#">{% trans "Terms of Use" %}</a> <div class="col-md-3">
</li> <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>
<li class="nav-item"> </div>
<a href="#">{% trans "Privacy Policy" %}</a> {% endcomment %}
</li> <div class="col-md-2">
<li class="nav-item"> <img class="footer-logo-dfg" height="100" src="{% static 'images/dfg-logo.svg' %}" />
<a href="#">{% trans "Terms and Conditions" %}</a> </div>
</li> <div class="col-md-3">
<li class="nav-item"> <nav class="float-right">
<a href="#">{% trans "Imprint" %}</a> <ul class="nav nav-pills flex-column footer-nav">
</li> <li class="nav-item">
<li class="nav-item"> <a href="#">{% trans "Terms of Use" %}</a>
<a href="#">{% trans "Disclaimer" %}</a> </li>
</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> </ul>
</nav>
</div> </div>
<div class="col"> </div>
{% endcomment %}
{% comment %}
<h3>{% trans "Contact" %}</h3> <h3>{% trans "Contact" %}</h3>
<ul class="list-group"> <ul class="list-group">
<li class="list-group-item"> <li class="list-group-item">
...@@ -44,11 +81,14 @@ ...@@ -44,11 +81,14 @@
syndication syndication
</li> </li>
</ul> </ul>
</div> {% endcomment %}
</div>
</div>
<div class="text-light bg-primary text-center text-wrap"> </div>
© 2019 Research Centre for East-European Studies at the University of Bremen and Göttingen State and University Library. All Rights Reserved.
<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>
</div> </div>
</footer> </footer>
...@@ -16,6 +16,13 @@ ...@@ -16,6 +16,13 @@
</div> </div>
<ul class="navbar-nav ml-auto"> <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 %} {% if request.user.is_authenticated %}
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="{% url 'shibboleth:logout' %}">{% trans "Sign Out" %}</a> <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