{% extends "templates/page.html" %}
{% block title %}Binder for Biobb{% endblock %}
 {% block head %}
  <!-- <link rel="icon" href="{{ EXTRA_STATIC_URL_PREFIX }}biobbfav.png" type="image/x-icon"> -->
  <link href="{{static_url("dist/styles.css")}}" rel="stylesheet"></link>
  <style>
    @media screen and (min-width: 768px){
        .logocontainer {
            width: 765px;
        }
    }

        .logocontainer {
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto;
         }

  </style>
  {% endblock head %}
{% block logo %}


<div style="padding: 10px; height: 0px;position: absolute; top: 0;right: 0;
">
     <div style="float: right">
         <img style="width:100px;" src="{{ EXTRA_STATIC_URL_PREFIX }}emblebi.svg">
     </div>
</div>
 </div>
     <div id="logo-container" class="logocontainer">
        <img id="logo" style="padding-top: 25px;padding-left: 25px;padding-right: 0px " src="{{ EXTRA_STATIC_URL_PREFIX }}biabinderlogo.png" width="360px">
         <!-- <img style="padding-top: 3px" src="{{ EXTRA_STATIC_URL_PREFIX }}for.png" width="100px">
         <img style="padding-top: 3px" src="{{ EXTRA_STATIC_URL_PREFIX }}biobb.png" width="250px"> -->
      </div>
 {% endblock logo %}
{% block footer %}
<div class="container">
    <div class="row text-center">
      <h3>questions?<br/>read about <a href="https://mmb.irbbarcelona.org/biobb/workflows">the workflows</a>, see the <a href="https://github.com/jupyterhub/binderhub">BinderHub code</a>, ask for help with <a href="mailto:bioimagearchive@ebi.ac.uk">Binder for the BioImageArchive</a> or even 
    <a href="https://github.com/BioImage-Archive/bia-binder"> deploy your own</a>
    </h3>
    </div>
  </div>
{% endblock footer %}