Skip to content
Snippets Groups Projects
Commit c822f63e authored by Maria Petrova-El Sayed's avatar Maria Petrova-El Sayed
Browse files

CSS hacks for a better footer

parent a0dbd3bc
No related branches found
No related tags found
No related merge requests found
Checking pipeline status
Hide whitespace changes
Inline Side-by-side
config/airflow.cfg
+ 1
− 1
View file @ c822f63e
...@@ -616,7 +616,7 @@ update_fab_perms = True ...@@ -616,7 +616,7 @@ update_fab_perms = True
session_lifetime_minutes = 43200 session_lifetime_minutes = 43200
# Sets a custom page title for the DAGs overview page and site title for all pages # Sets a custom page title for the DAGs overview page and site title for all pages
# instance_name = instance_name = eFlows4HPC
# How frequently, in seconds, the DAG data will auto-refresh in graph or tree view # How frequently, in seconds, the DAG data will auto-refresh in graph or tree view
# when auto-refresh is turned on # when auto-refresh is turned on
......
templates/main.html
+ 41
− 33
View file @ c822f63e
...@@ -84,41 +84,49 @@ ...@@ -84,41 +84,49 @@
{% endblock %} {% endblock %}
{% block footer %} {% block footer %}
<footer class="footer" style="background-image: url(https://eflows4hpc.eu/wp-content/uploads/2021/02/Barra-gris-footer.png) !important; height: auto; color: #575756 !important;"> {% if not current_user.is_anonymous %}
<div class="container"> {% set version_label = 'Version' %}
<div class="p-0 w-100" style="background-image: url(https://eflows4hpc.eu/wp-content/uploads/2021/01/barra-3-color-8.png) !important; width: 100%; height: 15px; background-repeat: no-repeat; background-size: cover"></div> <!-- Use a wrapper div to detach the footer from the content. -->
<div class="row mt-2 px-3"> <div style="padding-bottom: 3rem !important; display: none; flex-grow: 1 !important; -ms-flex-direction: column !important; display: flex !important;
<div class="col-lg-6 col-12 d-inlign-flex"> flex-direction: column !important;">
<p class="m-3 text-center align-self-center"> Wrapper
<a href="https://www.eFlows4HPC.eu"> </div>
<img src="https://eflows4hpc.eu/wp-content/uploads/2021/02/logo-blanc_1-1.svg" alt="eFlows4HPC Logo" title="eFlows4HPC" style="height: auto; max-height: 70px;" class="m-4 align-self-center"/> <footer class="footer" style="background-image: url(https://eflows4hpc.eu/wp-content/uploads/2021/02/Barra-gris-footer.png) !important; height: auto; color: #575756 !important; background-repeat: no-repeat !important; background-size: cover !important; margin-top: 2rem;">
</a> <div class="container p-0" style="padding: 0px !important">
<a href="https://twitter.com/eFlows4HPC"><i class="fa fa-twitter-square m-4 fa-2x" style="color: white"></i></a> <div class="p-0 w-100" style="background-image: url(https://eflows4hpc.eu/wp-content/uploads/2021/01/barra-3-color-8.png) !important; width: 100%; height: 15px; background-repeat: no-repeat !important; background-size: cover !important; padding: 0px; !important"></div>
<a href="https://www.linkedin.com/company/eflows4hpc/"><i class="fa fa-linkedin-square mr-4 fa-2x" style="color: white"></i></a> <div class="row mt-2 px-3" style="margin-top: 0.5rem; padding-right: 1rem;">
<a href="https://gitlab.jsc.fz-juelich.de/eflows4hpc-wp2/data-logistics-service/"><i class="fa fa-github-square mr-4 fa-2x" style="color: white"></i></a> <div class="col-lg-6 col-12 d-inlign-flex">
</p> <p class="m-3 text-center align-self-center" style="-ms-flex-item-align: center !important; align-self: center !important; margin: 1rem !important">
</div> <a href="https://www.eFlows4HPC.eu">
<div class="col-lg-6 col-12 d-inlign-flex"> <img src="https://eflows4hpc.eu/wp-content/uploads/2021/02/logo-blanc_1-1.svg" alt="eFlows4HPC Logo" title="eFlows4HPC" style="height: auto; max-height: 70px;" class="m-4 align-self-center"/>
<p class="m-2 align-self-center" style="color: white"> </a>
<span class="mr-3 mt-1 float-left"> <a href="https://twitter.com/eFlows4HPC"><i class="fa fa-twitter-square m-4 fa-2x" style="color: white"></i></a>
<img loading="lazy" src="https://eflows4hpc.eu/wp-content/uploads/2021/01/bandera-8.png" alt="" style="max-width:52px; max-height:34px"> <a href="https://www.linkedin.com/company/eflows4hpc/"><i class="fa fa-linkedin-square mr-4 fa-2x" style="color: white"></i></a>
</span> <a href="https://gitlab.jsc.fz-juelich.de/eflows4hpc-wp2/data-logistics-service/"><i class="fa fa-github-square mr-4 fa-2x" style="color: white"></i></a>
<small style="display: flow-root"> </p>
This work has been supported by the eFlows4HPC project, contract #955558. This project has received funding from the European High-Performance Computing Joint Undertaking (JU) under grant agreement No 955558. </div>
<br> <div class="col-lg-6 col-12 d-inlign-flex">
The JU receives support from the European Union’s Horizon 2020 research and innovation programme and Spain, Germany, France, Italy, Poland, Switzerland, Norway. <p class="m-2 align-self-center" style="color: white; -ms-flex-item-align: center !important; align-self: center !important; margin: 0.5rem;">
<strong> <span class="mr-3 mt-1 float-left" style="float: left !important; margin-right: 1rem; margin-top: 0.25rem ">
<a style="color: #f39200" href="https://www.fz-juelich.de/portal/EN/Service/LegalNotice/_node.html">Impressum</a> <img loading="lazy" src="https://eflows4hpc.eu/wp-content/uploads/2021/01/bandera-8.png" alt="" style="max-width:52px; max-height:34px;">
</strong> </span>
</small> <small style="display: flow-root">
<div class="row mt-4 pl-5"> This work has been supported by the eFlows4HPC project, contract #955558. This project has received funding from the European High-Performance Computing Joint Undertaking (JU) under grant agreement No 955558.
<p style="border-top: 1px solid darkgray;"><small>This service is based on Apache Airflow {{ version_label }}: {% if airflow_version %}<a href="https://pypi.python.org/pypi/apache-airflow/{{ airflow_version }}" target="_blank">v{{ airflow_version }}</a>{% else %} N/A{% endif %}</small></p> <br>
The JU receives support from the European Union’s Horizon 2020 research and innovation programme and Spain, Germany, France, Italy, Poland, Switzerland, Norway.
<strong>
<a style="color: #f39200" href="https://www.fz-juelich.de/portal/EN/Service/LegalNotice/_node.html">Impressum</a>
</strong>
</small>
<div class="row mt-4 pl-5" style="margin-top: 1.5rem; padding-left: 3rem !important; ">
<p style="border-top: 1px solid darkgray;"><small>This service is based on Apache Airflow {{ version_label }}: {% if airflow_version %}<a href="https://pypi.python.org/pypi/apache-airflow/{{ airflow_version }}" target="_blank">v{{ airflow_version }}</a>{% else %} N/A{% endif %}</small></p>
</div>
</p>
</div> </div>
</p> </div>
</div> </div>
</div> </footer>
</div> {% endif %}
</footer>
{% endblock %} {% endblock %}
{% block tail_js %} {% block tail_js %}
......
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