Skip to content

GitLab

Commit 709e5ec0 authored by Craig Russell's avatar Craig Russell
Browse files

frontpage logo

parent 32706ff7
Hide whitespace changes
Inline Side-by-side
Showing with 91 additions and 13 deletions
binderhub/frontend-custom/static/emblebi.svg 0 → 100644
View file @ 709e5ec0
<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 587 181" >
<defs>
<circle id="a" r="7.5" fill="#6DAB49"/>
<circle id="b" r="7.5" fill="#DA0F21"/>
</defs>
<use xlink:href="#a" transform="translate(467 28.1)"/>
<use xlink:href="#a" transform="translate(467 48.7)"/>
<use xlink:href="#a" transform="translate(467 69.2)"/>
<use xlink:href="#a" transform="translate(467 89.7)"/>
<use xlink:href="#a" transform="translate(467 130.9)"/>
<use xlink:href="#a" transform="translate(467 151.5)"/>
<use xlink:href="#a" transform="translate(430 48.6)"/>
<use xlink:href="#a" transform="translate(430 69.3)"/>
<use xlink:href="#a" transform="translate(430 89.7)"/>
<use xlink:href="#a" transform="translate(430 110.3)"/>
<use xlink:href="#a" transform="translate(430 130.8)"/>
<use xlink:href="#a" transform="translate(449 38.4)"/>
<use xlink:href="#a" transform="translate(449 59)"/>
<use xlink:href="#a" transform="translate(449 79.5)"/>
<use xlink:href="#a" transform="translate(449 100)"/>
<use xlink:href="#a" transform="translate(449 120.5)"/>
<use xlink:href="#a" transform="translate(449 141)"/>
<use xlink:href="#a" transform="translate(576.7 48.6)"/>
<use xlink:href="#a" transform="translate(576.7 69)"/>
<use xlink:href="#a" transform="translate(576.7 89.7)"/>
<use xlink:href="#a" transform="translate(576.7 110)"/>
<use xlink:href="#a" transform="translate(576.7 131)"/>
<use xlink:href="#a" transform="translate(558 38.4)"/>
<use xlink:href="#a" transform="translate(558 59)"/>
<use xlink:href="#a" transform="translate(558 79.5)"/>
<use xlink:href="#a" transform="translate(558 100)"/>
<use xlink:href="#a" transform="translate(558 120.5)"/>
<use xlink:href="#a" transform="translate(558 141)"/>
<use xlink:href="#a" transform="translate(540 28)"/>
<use xlink:href="#a" transform="translate(540 48.7)"/>
<use xlink:href="#a" transform="translate(540 69)"/>
<use xlink:href="#a" transform="translate(540 89.7)"/>
<use xlink:href="#a" transform="translate(540 110)"/>
<use xlink:href="#a" transform="translate(540 131)"/>
<use xlink:href="#a" transform="translate(540 151.5)"/>
<use xlink:href="#b" transform="translate(467 110)"/>
<use xlink:href="#a" transform="translate(522 18)"/>
<use xlink:href="#a" transform="translate(522 38)"/>
<use xlink:href="#a" transform="translate(522 59)"/>
<use xlink:href="#a" transform="translate(522 79)"/>
<use xlink:href="#a" transform="translate(522 100)"/>
<use xlink:href="#a" transform="translate(522 120.5)"/>
<use xlink:href="#a" transform="translate(522 141)"/>
<use xlink:href="#a" transform="translate(522 161.6)"/>
<use xlink:href="#a" transform="translate(503.5 7.5)"/>
<use xlink:href="#a" transform="translate(503.5 28)"/>
<use xlink:href="#a" transform="translate(503.5 48.6)"/>
<use xlink:href="#a" transform="translate(503.5 69)"/>
<use xlink:href="#a" transform="translate(503.5 90)"/>
<use xlink:href="#a" transform="translate(503.5 110.3)"/>
<use xlink:href="#a" transform="translate(503.5 131)"/>
<use xlink:href="#a" transform="translate(503.5 151.4)"/>
<use xlink:href="#a" transform="translate(485 17.7)"/>
<use xlink:href="#a" transform="translate(485 38.3)"/>
<use xlink:href="#a" transform="translate(485 58.8)"/>
<use xlink:href="#a" transform="translate(485 79.4)"/>
<use xlink:href="#a" transform="translate(485 100)"/>
<use xlink:href="#a" transform="translate(485 120.5)"/>
<use xlink:href="#a" transform="translate(485 141)"/>
<use xlink:href="#a" transform="translate(485 161.6)"/>
<use xlink:href="#a" transform="translate(503.5 172)"/>
<path id="E" d="M-22.8 31H22v-7.7h-36.7V4.5h34v-7h-34v-21h37.5V-31h-45.6z" transform="matrix(1 0 0 -1 26.2 89.6)"/>
<path d="M-29.6 31h12L.2-21.4 17.8 31h12v-62h-8v52.3l-17.6-52H-4l-17.8 52v-52h-8z" transform="matrix(1 0 0 -1 86 90)"/>
<path id="B" d="M-24 30.8H2.3c9.4 0 21.7-4.7 21.7-18 0-11.4-8-14-11.3-15.2C15-3.4 21-6.7 21-15.6 21-28 10-31 2.8-31H-24V31zM-15.7-5v-19h15c3.8 0 13.4.2 13.4 9.4 0 9.6-9.4 9.8-13 9.8h-15.4zM2.5 23.7h-18.2V2H1c3.6 0 14.7.3 14.7 10.4 0 9.7-8 11.3-13.2 11.2z" transform="translate(155 90)"/>
<path id="I" d="M-4.2 31h8.4v-62h-8.4v62z" transform="translate(193 90)"/>
<use xlink:href="#I" transform="matrix(0 .87 .64 0 151.5 -50.35)"/>
<use xlink:href="#I" transform="matrix(0 .75 .4 0 210 -58)"/>
<use xlink:href="#E" transform="translate(267.8 0)"/>
<use xlink:href="#B" transform="translate(193.4 0)"/>
<use xlink:href="#I" transform="translate(192 0)"/>
</svg>
binderhub/frontend-custom/template/index.html
View file @ 709e5ec0
......@@ -2,9 +2,9 @@
{% block header %}
<div id="header" class="text-center">
<h3>Try BioExcel Building Blocks workflows as interactive notebooks</h3>
<h3>Run Jupyter Notebooks and experiment directly on the BioImageArchive</h3>
<div id="explanation">
This is an installation of BinderHub in EMBL-EBI where everyone can experiment with biobb notebooks in an executable environment.
This is an installation of BinderHub in EMBL-EBI for the BioImageArchive
</div>
</div>
{% endblock header %}
......
binderhub/frontend-custom/template/page.html
View file @ 709e5ec0
{% 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 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){
......@@ -20,25 +20,27 @@
</style>
{% endblock head %}
{% block logo %}
<div id="banner-container" style="padding: 20px; height: 75px;">
<div style="float: left">
<img style="width:100px;" src="{{ EXTRA_STATIC_URL_PREFIX }}bioexcel.png">
</div>
<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.png">
</div>
<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: 0px;padding-right: 0px " src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyMTIuMTE4cHgiDQoJIGhlaWdodD0iNjUuODgzcHgiIHZpZXdCb3g9IjAgMCAyMTIuMTE4IDY1Ljg4MyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjEyLjExOCA2NS44ODMiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN3aXRjaD4NCgk8Zz4KCQk8Zz4NCgkJCTxwYXRoIGZpbGw9IiM1NDU0NTQiIGQ9Ik01MC43NTEsNDguNzI3VjEyLjQ3Mmg3LjI1MXYxNy41NDdjMS44ODUtMi4zMiw0LjU0NC0zLjA5NCw3LjI5OS0zLjA5NA0KCQkJCWM2LjA0MiwwLDEwLjU4Niw1LjI2OSwxMC41ODYsMTEuMTY3UzcxLjM0NCw0OS4yMSw2NS4zMDIsNDkuMjFjLTIuNzU1LDAtNS44NDktMC44Ny03LjI5OS0zLjA0NnYyLjU2Mkg1MC43NTF6IE02My4wNzgsNDMuNDA5DQoJCQkJYzIuOSwwLDUuMDc2LTIuNTE0LDUuMDc2LTUuMzE3cy0yLjE3NS01LjMxNy01LjA3Ni01LjMxN3MtNS4wNzYsMi41MTQtNS4wNzYsNS4zMTdTNjAuMTc4LDQzLjQwOSw2My4wNzgsNDMuNDA5eiIvPg0KCQkJPHBhdGggZmlsbD0iIzU0NTQ1NCIgZD0iTTg0LjM1LDE1Ljg1NWMyLjMyLDAsNC4yNTQsMS44ODUsNC4yNTQsNC4yNTRjMCwyLjMyLTEuOTM0LDQuMjU0LTQuMjU0LDQuMjU0DQoJCQkJYy0yLjM2OSwwLTQuMjU0LTEuOTM0LTQuMjU0LTQuMjU0QzgwLjA5NiwxNy43NDEsODEuOTgxLDE1Ljg1NSw4NC4zNSwxNS44NTV6IE04MC43MjQsNDguNzI3VjI3LjQwOWg3LjI1MXYyMS4zMThIODAuNzI0eiIvPg0KCQkJPHBhdGggZmlsbD0iIzU0NTQ1NCIgZD0iTTExNS44MTksNDguNzI3aC03LjI1VjM2LjY0MmMwLTIuNTE0LTAuOTY3LTMuODY3LTMuMjM5LTMuODY3cy00LjA2MSwyLjQxNy00LjA2MSw1LjMxN3YxMC42MzVoLTcuMjUxDQoJCQkJVjI3LjQwOWg3LjI1MXYyLjYxYzEuNDUtMS44MzcsMy43MjItMy4wOTQsNi41MjYtMy4wOTRjNS43MDQsMCw4LjAyNCwzLjkxNiw4LjAyNCw5LjcxNlY0OC43Mjd6Ii8+DQoJCQk8cGF0aCBmaWxsPSIjNTQ1NDU0IiBkPSJNMTQ0LjgyNiw0OC43MjdoLTcuMjUxdi0yLjU2MmMtMS40NSwyLjE3Ni00LjU5MiwzLjA0Ni03LjI5OSwzLjA0NmMtNi4wNDMsMC0xMC41ODctNS4yMjEtMTAuNTg3LTExLjExOA0KCQkJCXM0LjU0NC0xMS4xNjcsMTAuNTg3LTExLjE2N2MyLjcwNywwLDUuNDE0LDAuNzczLDcuMjk5LDMuMDk0VjEyLjQ3Mmg3LjI1MVY0OC43Mjd6IE0xMzIuNDk5LDMyLjc3NA0KCQkJCWMtMi45LDAtNS4wNzUsMi41MTQtNS4wNzUsNS4zMTdzMi4xNzUsNS4zMTcsNS4wNzUsNS4zMTdzNS4wNzYtMi41MTQsNS4wNzYtNS4zMTdTMTM1LjM5OSwzMi43NzQsMTMyLjQ5OSwzMi43NzR6Ii8+DQoJCQk8cGF0aCBmaWxsPSIjNTQ1NDU0IiBkPSJNMTczLjYzOSwzOC45NjJoLTE2LjUzMmMwLDIuNDY2LDEuNzQsNS4wNzUsNC41OTIsNS4wNzVjMi41NjIsMCw0LjE1OC0xLjY5MSw0LjIwNi0zLjIzOGg3LjM5Ng0KCQkJCWMtMS4yNTYsNS42MDctNS44MDEsOC40MTEtMTEuNDU2LDguNDExYy03LjM0OCwwLTEyLjQyMy00LjM1MS0xMi40MjMtMTEuMTE4YzAtNi42NzEsNS4yNjktMTEuMTY3LDEyLjQyMy0xMS4xNjcNCgkJCQljNi40NzgsMCwxMS44NDMsMy44NjcsMTEuODQzLDEwLjY4M0MxNzMuNjg3LDM4LjA0MywxNzMuNjM5LDM4LjUyNywxNzMuNjM5LDM4Ljk2MnogTTE2Ni43MjYsMzUuNTNjMCwwLTAuMzM4LTMuOTY0LTQuNzM2LTMuOTY0DQoJCQkJYy00LjU0NSwwLTQuNzg2LDMuOTY0LTQuNzg2LDMuOTY0SDE2Ni43MjZ6Ii8+DQoJCQk8cGF0aCBmaWxsPSIjNTQ1NDU0IiBkPSJNMTg1LjUzMiwzOC4wOTJ2MTAuNjM1aC03LjI1MVYyNy40MDloNy4yNTF2Mi42MWMxLjExMS0xLjU5NSwyLjk0OS0zLjA5NCw1LjYwNy0zLjA5NA0KCQkJCWMwLjYyOSwwLDEuNTk2LDAuMTkzLDIuMTc2LDAuNDgzdjYuNTc0aC0wLjA5OGMtMC43MjUtMC44Ny0xLjc4OC0xLjIwOC0yLjktMS4yMDhDMTg3LjYxLDMyLjc3NCwxODUuNTMyLDM1LjUzLDE4NS41MzIsMzguMDkyeiINCgkJCQkvPg0KCQk8L2c+DQoJCTxjaXJjbGUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRjVBMjUyIiBzdHJva2Utd2lkdGg9IjQuODM0MiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBjeD0iMjcuODc5IiBjeT0iMjMuOTM5IiByPSI5LjU0MiIvPg0KCQk8Y2lyY2xlIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzU3OUFDQSIgc3Ryb2tlLXdpZHRoPSI0LjgzNDIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgY3g9IjI3Ljg3OSIgY3k9IjQyLjQ5OSIgcj0iOS41NDMiLz4NCgkJPGNpcmNsZSBmaWxsPSJub25lIiBzdHJva2U9IiNFNjY1ODEiIHN0cm9rZS13aWR0aD0iNC44MzQyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGN4PSIxOC41NTEiIGN5PSIzMy4yODkiIHI9IjkuNTQzIi8+DQoJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzU3OUFDQSIgc3Ryb2tlLXdpZHRoPSI0LjgzNDIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTIwLjE5NiwzNi44MzYNCgkJCWMwLjc1OS0xLjAzMSwxLjc0LTEuOTI3LDIuOTIxLTIuNjA3YzQuNTY2LTIuNjMsMTAuNDAxLTEuMDYsMTMuMDMxLDMuNTA3Ii8+DQoJCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0Y1QTI1MiIgc3Ryb2tlLXdpZHRoPSI0LjgzNDIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTE5LjYxLDI4LjcwMQ0KCQkJYy0yLjYzLTQuNTY2LTEuMDYxLTEwLjQwMSwzLjUwNy0xMy4wMzJjNC41NjctMi42MywxMC40MDEtMS4wNTksMTMuMDMxLDMuNTA4Ii8+DQoJPC9nPg0KPC9zd2l0Y2g+DQo8L3N2Zz4NCg==" 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">
<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:ecp@ebi.ac.uk">Binder for biobb</a></h3>
<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/bioimagearchive/k8s-jupyterhub"> deploy your own</a>
</h3>
</div>
</div>
{% endblock footer %}
\ No newline at end of file
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