diff --git a/css/ebi-css-build/_embl_selector.scss b/css/ebi-css-build/_embl_selector.scss
index c28dc52e88b6edac1418648b1990079d677e5c84..dbda78606720bee6efa16869a94a5821fef67e6f 100644
--- a/css/ebi-css-build/_embl_selector.scss
+++ b/css/ebi-css-build/_embl_selector.scss
@@ -9,11 +9,11 @@
.masthead-black-bar {
// peeking animation for black bar
- transition: border-width 0.5s ease-in-out;
+ transition: border-width 0.25s ease-in-out;
border-top: 0 solid #EEE;
&.peek {
- border-top: 1rem solid #EEE;
+ border-top: 4px solid #EEE;
}
li.embl-selector {
@@ -59,34 +59,23 @@
}
}
- .embl-selector.embl-ebi {
- .button,
- .button.hover,
- .button:focus,
- .button:hover {
- background: no-repeat 4px 50% url("../images/logos/EMBL-EBI/EMBL_EBI_Logo_white.svg");
- padding-left: 95px;
- background-size: 100px;
- }
- }
-
.embl-selector {
.button,
.button.hover,
.button:focus,
.button:hover {
- background: no-repeat 100% 50% url(https://embl-design-language.github.io/Framework-for-Websites/assets/logos/EMBL-white.svg);
+ background: no-repeat 100% 50% url("../images/logos/EMBL/EMBL-white.svg");
padding-left: 2px;
background-size: 62px;
width: 63px;
- // background: no-repeat 4px 50% url("https://embl-design-language.github.io/Framework-for-Websites/assets/logos/EMBL-white.svg");
- // padding-left: 58px;
- // background-size: 72px;
padding-right: 17px;
line-height: 12px;
}
.button.hover,
- .button:hover { background-color: transparent; }
+ .button:hover {
+ cursor: s-resize;
+ background-color: transparent;
+ }
.button[aria-expanded="false"]::after {
content: '';
display: block;
@@ -99,16 +88,30 @@
top: 18px;
margin-left: 55px;
}
- }
- .embl-selector.active {
- background-color: #ddd;
- padding-right: 1rem;
- .button,
- .button.hover,
- .button:focus,
- .button:hover {
- background-image: url(https://embl-design-language.github.io/Framework-for-Websites/assets/logos/EMBL-black.svg);
+
+ &.embl-ebi {
+ .button,
+ .button.hover,
+ .button:focus,
+ .button:hover {
+ background: no-repeat 4px 50% url("../images/logos/EMBL-EBI/EMBL_EBI_Logo_white.svg");
+ padding-left: 95px;
+ background-size: 100px;
+ }
+ }
+
+ &.active {
+ background-color: #ddd;
+ padding-right: 1rem;
+ .button,
+ .button.hover,
+ .button:focus,
+ .button:hover {
+ cursor: n-resize;
+ background-image: url("../images/logos/EMBL/EMBL-black.svg");
+ }
}
+
}
// begin to hide bits of dropdown toggle as screen shrinks
diff --git a/images/logos/EMBL/EMBL-black.svg b/images/logos/EMBL/EMBL-black.svg
new file mode 100755
index 0000000000000000000000000000000000000000..40fedb7339aa24543b37dd5efd393f8dd632b845
--- /dev/null
+++ b/images/logos/EMBL/EMBL-black.svg
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 414.8 179.5" style="enable-background:new 0 0 414.8 179.5;" xml:space="preserve">
+<style type="text/css">
+ .st0{fill:#6DAB49;}
+ .st1{fill:#DA0F21;}
+</style>
+<title>EMBL-white</title>
+<circle id="a" class="st0" cx="297.6" cy="28.1" r="7.5"/>
+<circle id="a-2" class="st0" cx="297.6" cy="48.7" r="7.5"/>
+<circle id="a-3" class="st0" cx="297.6" cy="69.2" r="7.5"/>
+<circle id="a-4" class="st0" cx="297.6" cy="89.7" r="7.5"/>
+<circle id="a-5" class="st0" cx="297.6" cy="130.9" r="7.5"/>
+<circle id="a-6" class="st0" cx="297.6" cy="151.5" r="7.5"/>
+<circle id="a-7" class="st0" cx="260.6" cy="48.6" r="7.5"/>
+<circle id="a-8" class="st0" cx="260.6" cy="69.3" r="7.5"/>
+<circle id="a-9" class="st0" cx="260.6" cy="89.7" r="7.5"/>
+<circle id="a-10" class="st0" cx="260.6" cy="110.3" r="7.5"/>
+<circle id="a-11" class="st0" cx="260.6" cy="130.8" r="7.5"/>
+<circle id="a-12" class="st0" cx="279.6" cy="38.4" r="7.5"/>
+<circle id="a-13" class="st0" cx="279.6" cy="59" r="7.5"/>
+<circle id="a-14" class="st0" cx="279.6" cy="79.5" r="7.5"/>
+<circle id="a-15" class="st0" cx="279.6" cy="100" r="7.5"/>
+<circle id="a-16" class="st0" cx="279.6" cy="120.5" r="7.5"/>
+<circle id="a-17" class="st0" cx="279.6" cy="141" r="7.5"/>
+<circle id="a-18" class="st0" cx="407.3" cy="48.6" r="7.5"/>
+<circle id="a-19" class="st0" cx="407.3" cy="69" r="7.5"/>
+<circle id="a-20" class="st0" cx="407.3" cy="89.7" r="7.5"/>
+<circle id="a-21" class="st0" cx="407.3" cy="110" r="7.5"/>
+<circle id="a-22" class="st0" cx="407.3" cy="131" r="7.5"/>
+<circle id="a-23" class="st0" cx="388.6" cy="38.4" r="7.5"/>
+<circle id="a-24" class="st0" cx="388.6" cy="59" r="7.5"/>
+<circle id="a-25" class="st0" cx="388.6" cy="79.5" r="7.5"/>
+<circle id="a-26" class="st0" cx="388.6" cy="100" r="7.5"/>
+<circle id="a-27" class="st0" cx="388.6" cy="120.5" r="7.5"/>
+<circle id="a-28" class="st0" cx="388.6" cy="141" r="7.5"/>
+<circle id="a-29" class="st0" cx="370.6" cy="28" r="7.5"/>
+<circle id="a-30" class="st0" cx="370.6" cy="48.7" r="7.5"/>
+<circle id="a-31" class="st0" cx="370.6" cy="69" r="7.5"/>
+<circle id="a-32" class="st0" cx="370.6" cy="89.7" r="7.5"/>
+<circle id="a-33" class="st0" cx="370.6" cy="110" r="7.5"/>
+<circle id="a-34" class="st0" cx="370.6" cy="131" r="7.5"/>
+<circle id="a-35" class="st0" cx="370.6" cy="151.5" r="7.5"/>
+<circle id="b" class="st1" cx="297.6" cy="110" r="7.5"/>
+<circle id="a-36" class="st0" cx="352.6" cy="18" r="7.5"/>
+<circle id="a-37" class="st0" cx="352.6" cy="38" r="7.5"/>
+<circle id="a-38" class="st0" cx="352.6" cy="59" r="7.5"/>
+<circle id="a-39" class="st0" cx="352.6" cy="79" r="7.5"/>
+<circle id="a-40" class="st0" cx="352.6" cy="100" r="7.5"/>
+<circle id="a-41" class="st0" cx="352.6" cy="120.5" r="7.5"/>
+<circle id="a-42" class="st0" cx="352.6" cy="141" r="7.5"/>
+<circle id="a-43" class="st0" cx="352.6" cy="161.6" r="7.5"/>
+<circle id="a-44" class="st0" cx="334.1" cy="7.5" r="7.5"/>
+<circle id="a-45" class="st0" cx="334.1" cy="28" r="7.5"/>
+<circle id="a-46" class="st0" cx="334.1" cy="48.6" r="7.5"/>
+<circle id="a-47" class="st0" cx="334.1" cy="69" r="7.5"/>
+<circle id="a-48" class="st0" cx="334.1" cy="90" r="7.5"/>
+<circle id="a-49" class="st0" cx="334.1" cy="110.3" r="7.5"/>
+<circle id="a-50" class="st0" cx="334.1" cy="131" r="7.5"/>
+<circle id="a-51" class="st0" cx="334.1" cy="151.4" r="7.5"/>
+<circle id="a-52" class="st0" cx="315.6" cy="17.7" r="7.5"/>
+<circle id="a-53" class="st0" cx="315.6" cy="38.3" r="7.5"/>
+<circle id="a-54" class="st0" cx="315.6" cy="58.8" r="7.5"/>
+<circle id="a-55" class="st0" cx="315.6" cy="79.4" r="7.5"/>
+<circle id="a-56" class="st0" cx="315.6" cy="100" r="7.5"/>
+<circle id="a-57" class="st0" cx="315.6" cy="120.5" r="7.5"/>
+<circle id="a-58" class="st0" cx="315.6" cy="141" r="7.5"/>
+<circle id="a-59" class="st0" cx="315.6" cy="161.6" r="7.5"/>
+<circle id="a-60" class="st0" cx="334.1" cy="172" r="7.5"/>
+<path id="E" d="M4,58.6h44.8v7.7H12.1v18.8h34v7h-34v21h37.5v7.5H4V58.6z"/>
+<path d="M57,59h12l17.8,52.4L104.4,59h12v62h-8V68.7l-17.6,52h-8.2l-17.8-52v52h-8L57,59z"/>
+<path id="B-2" d="M131.6,120.8h26.3c9.4,0,21.7-4.7,21.7-18c0-11.4-8-14-11.3-15.2c2.3-1,8.3-4.3,8.3-13.2c0-12.4-11-15.4-18.2-15.4
+ h-26.8C131.6,59,131.6,120.8,131.6,120.8z M139.9,85V66h15c3.8,0,13.4,0.2,13.4,9.4c0,9.6-9.4,9.8-13,9.8h-15.4V85z M158.1,113.7
+ h-18.2V92h16.7c3.6,0,14.7,0.3,14.7,10.4C171.3,112.1,163.3,113.7,158.1,113.7L158.1,113.7z"/>
+<path id="I" d="M189.4,121h8.4V59h-8.4V121z"/>
+<path id="I-2" d="M229.5,113.9v7.3h-39.7v-7.3H229.5z"/>
+</svg>
diff --git a/images/logos/EMBL/EMBL-mono-black.svg b/images/logos/EMBL/EMBL-mono-black.svg
new file mode 100755
index 0000000000000000000000000000000000000000..7a0fa3e7b1631d1bd5199bb536cc1755fb3ab955
--- /dev/null
+++ b/images/logos/EMBL/EMBL-mono-black.svg
@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 414.8 179.5" style="enable-background:new 0 0 414.8 179.5;" xml:space="preserve">
+<style type="text/css">
+ .st0{fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;}
+</style>
+<title>EMBL-white</title>
+<circle id="a" cx="297.6" cy="28.1" r="7.5"/>
+<circle id="a-2" cx="297.6" cy="48.7" r="7.5"/>
+<circle id="a-3" cx="297.6" cy="69.2" r="7.5"/>
+<circle id="a-4" cx="297.6" cy="89.7" r="7.5"/>
+<circle id="a-5" cx="297.6" cy="130.9" r="7.5"/>
+<circle id="a-6" cx="297.6" cy="151.5" r="7.5"/>
+<circle id="a-7" cx="260.6" cy="48.6" r="7.5"/>
+<circle id="a-8" cx="260.6" cy="69.3" r="7.5"/>
+<circle id="a-9" cx="260.6" cy="89.7" r="7.5"/>
+<circle id="a-10" cx="260.6" cy="110.3" r="7.5"/>
+<circle id="a-11" cx="260.6" cy="130.8" r="7.5"/>
+<circle id="a-12" cx="279.6" cy="38.4" r="7.5"/>
+<circle id="a-13" cx="279.6" cy="59" r="7.5"/>
+<circle id="a-14" cx="279.6" cy="79.5" r="7.5"/>
+<circle id="a-15" cx="279.6" cy="100" r="7.5"/>
+<circle id="a-16" cx="279.6" cy="120.5" r="7.5"/>
+<circle id="a-17" cx="279.6" cy="141" r="7.5"/>
+<circle id="a-18" cx="407.3" cy="48.6" r="7.5"/>
+<circle id="a-19" cx="407.3" cy="69" r="7.5"/>
+<circle id="a-20" cx="407.3" cy="89.7" r="7.5"/>
+<circle id="a-21" cx="407.3" cy="110" r="7.5"/>
+<circle id="a-22" cx="407.3" cy="131" r="7.5"/>
+<circle id="a-23" cx="388.6" cy="38.4" r="7.5"/>
+<circle id="a-24" cx="388.6" cy="59" r="7.5"/>
+<circle id="a-25" cx="388.6" cy="79.5" r="7.5"/>
+<circle id="a-26" cx="388.6" cy="100" r="7.5"/>
+<circle id="a-27" cx="388.6" cy="120.5" r="7.5"/>
+<circle id="a-28" cx="388.6" cy="141" r="7.5"/>
+<circle id="a-29" cx="370.6" cy="28" r="7.5"/>
+<circle id="a-30" cx="370.6" cy="48.7" r="7.5"/>
+<circle id="a-31" cx="370.6" cy="69" r="7.5"/>
+<circle id="a-32" cx="370.6" cy="89.7" r="7.5"/>
+<circle id="a-33" cx="370.6" cy="110" r="7.5"/>
+<circle id="a-34" cx="370.6" cy="131" r="7.5"/>
+<circle id="a-35" cx="370.6" cy="151.5" r="7.5"/>
+<circle id="b" class="st0" cx="297.6" cy="110" r="7.5"/>
+<circle id="a-36" cx="352.6" cy="18" r="7.5"/>
+<circle id="a-37" cx="352.6" cy="38" r="7.5"/>
+<circle id="a-38" cx="352.6" cy="59" r="7.5"/>
+<circle id="a-39" cx="352.6" cy="79" r="7.5"/>
+<circle id="a-40" cx="352.6" cy="100" r="7.5"/>
+<circle id="a-41" cx="352.6" cy="120.5" r="7.5"/>
+<circle id="a-42" cx="352.6" cy="141" r="7.5"/>
+<circle id="a-43" cx="352.6" cy="161.6" r="7.5"/>
+<circle id="a-44" cx="334.1" cy="7.5" r="7.5"/>
+<circle id="a-45" cx="334.1" cy="28" r="7.5"/>
+<circle id="a-46" cx="334.1" cy="48.6" r="7.5"/>
+<circle id="a-47" cx="334.1" cy="69" r="7.5"/>
+<circle id="a-48" cx="334.1" cy="90" r="7.5"/>
+<circle id="a-49" cx="334.1" cy="110.3" r="7.5"/>
+<circle id="a-50" cx="334.1" cy="131" r="7.5"/>
+<circle id="a-51" cx="334.1" cy="151.4" r="7.5"/>
+<circle id="a-52" cx="315.6" cy="17.7" r="7.5"/>
+<circle id="a-53" cx="315.6" cy="38.3" r="7.5"/>
+<circle id="a-54" cx="315.6" cy="58.8" r="7.5"/>
+<circle id="a-55" cx="315.6" cy="79.4" r="7.5"/>
+<circle id="a-56" cx="315.6" cy="100" r="7.5"/>
+<circle id="a-57" cx="315.6" cy="120.5" r="7.5"/>
+<circle id="a-58" cx="315.6" cy="141" r="7.5"/>
+<circle id="a-59" cx="315.6" cy="161.6" r="7.5"/>
+<circle id="a-60" cx="334.1" cy="172" r="7.5"/>
+<path id="E" d="M4,58.6h44.8v7.7H12.1v18.8h34v7h-34v21h37.5v7.5H4V58.6z"/>
+<path d="M57,59h12l17.8,52.4L104.4,59h12v62h-8V68.7l-17.6,52h-8.2l-17.8-52v52h-8L57,59z"/>
+<path id="B-2" d="M131.6,120.8h26.3c9.4,0,21.7-4.7,21.7-18c0-11.4-8-14-11.3-15.2c2.3-1,8.3-4.3,8.3-13.2c0-12.4-11-15.4-18.2-15.4
+ h-26.8C131.6,59,131.6,120.8,131.6,120.8z M139.9,85V66h15c3.8,0,13.4,0.2,13.4,9.4c0,9.6-9.4,9.8-13,9.8h-15.4V85z M158.1,113.7
+ h-18.2V92h16.7c3.6,0,14.7,0.3,14.7,10.4C171.3,112.1,163.3,113.7,158.1,113.7L158.1,113.7z"/>
+<path id="I" d="M189.4,121h8.4V59h-8.4V121z"/>
+<path id="I-2" d="M229.5,113.9v7.3h-39.7v-7.3H229.5z"/>
+</svg>
diff --git a/images/logos/EMBL/EMBL-mono-white.svg b/images/logos/EMBL/EMBL-mono-white.svg
new file mode 100755
index 0000000000000000000000000000000000000000..5bfa8408b409a2a1c7ef06e461399d4b6794d760
--- /dev/null
+++ b/images/logos/EMBL/EMBL-mono-white.svg
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 414.8 179.5" style="enable-background:new 0 0 414.8 179.5;" xml:space="preserve">
+<style type="text/css">
+ .st0{fill:#FFFFFF;}
+ .st1{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
+</style>
+<title>EMBL-white</title>
+<circle id="a" class="st0" cx="297.6" cy="28.1" r="7.5"/>
+<circle id="a-2" class="st0" cx="297.6" cy="48.7" r="7.5"/>
+<circle id="a-3" class="st0" cx="297.6" cy="69.2" r="7.5"/>
+<circle id="a-4" class="st0" cx="297.6" cy="89.7" r="7.5"/>
+<circle id="a-5" class="st0" cx="297.6" cy="130.9" r="7.5"/>
+<circle id="a-6" class="st0" cx="297.6" cy="151.5" r="7.5"/>
+<circle id="a-7" class="st0" cx="260.6" cy="48.6" r="7.5"/>
+<circle id="a-8" class="st0" cx="260.6" cy="69.3" r="7.5"/>
+<circle id="a-9" class="st0" cx="260.6" cy="89.7" r="7.5"/>
+<circle id="a-10" class="st0" cx="260.6" cy="110.3" r="7.5"/>
+<circle id="a-11" class="st0" cx="260.6" cy="130.8" r="7.5"/>
+<circle id="a-12" class="st0" cx="279.6" cy="38.4" r="7.5"/>
+<circle id="a-13" class="st0" cx="279.6" cy="59" r="7.5"/>
+<circle id="a-14" class="st0" cx="279.6" cy="79.5" r="7.5"/>
+<circle id="a-15" class="st0" cx="279.6" cy="100" r="7.5"/>
+<circle id="a-16" class="st0" cx="279.6" cy="120.5" r="7.5"/>
+<circle id="a-17" class="st0" cx="279.6" cy="141" r="7.5"/>
+<circle id="a-18" class="st0" cx="407.3" cy="48.6" r="7.5"/>
+<circle id="a-19" class="st0" cx="407.3" cy="69" r="7.5"/>
+<circle id="a-20" class="st0" cx="407.3" cy="89.7" r="7.5"/>
+<circle id="a-21" class="st0" cx="407.3" cy="110" r="7.5"/>
+<circle id="a-22" class="st0" cx="407.3" cy="131" r="7.5"/>
+<circle id="a-23" class="st0" cx="388.6" cy="38.4" r="7.5"/>
+<circle id="a-24" class="st0" cx="388.6" cy="59" r="7.5"/>
+<circle id="a-25" class="st0" cx="388.6" cy="79.5" r="7.5"/>
+<circle id="a-26" class="st0" cx="388.6" cy="100" r="7.5"/>
+<circle id="a-27" class="st0" cx="388.6" cy="120.5" r="7.5"/>
+<circle id="a-28" class="st0" cx="388.6" cy="141" r="7.5"/>
+<circle id="a-29" class="st0" cx="370.6" cy="28" r="7.5"/>
+<circle id="a-30" class="st0" cx="370.6" cy="48.7" r="7.5"/>
+<circle id="a-31" class="st0" cx="370.6" cy="69" r="7.5"/>
+<circle id="a-32" class="st0" cx="370.6" cy="89.7" r="7.5"/>
+<circle id="a-33" class="st0" cx="370.6" cy="110" r="7.5"/>
+<circle id="a-34" class="st0" cx="370.6" cy="131" r="7.5"/>
+<circle id="a-35" class="st0" cx="370.6" cy="151.5" r="7.5"/>
+<circle id="b" class="st1" cx="297.6" cy="110" r="7.5"/>
+<circle id="a-36" class="st0" cx="352.6" cy="18" r="7.5"/>
+<circle id="a-37" class="st0" cx="352.6" cy="38" r="7.5"/>
+<circle id="a-38" class="st0" cx="352.6" cy="59" r="7.5"/>
+<circle id="a-39" class="st0" cx="352.6" cy="79" r="7.5"/>
+<circle id="a-40" class="st0" cx="352.6" cy="100" r="7.5"/>
+<circle id="a-41" class="st0" cx="352.6" cy="120.5" r="7.5"/>
+<circle id="a-42" class="st0" cx="352.6" cy="141" r="7.5"/>
+<circle id="a-43" class="st0" cx="352.6" cy="161.6" r="7.5"/>
+<circle id="a-44" class="st0" cx="334.1" cy="7.5" r="7.5"/>
+<circle id="a-45" class="st0" cx="334.1" cy="28" r="7.5"/>
+<circle id="a-46" class="st0" cx="334.1" cy="48.6" r="7.5"/>
+<circle id="a-47" class="st0" cx="334.1" cy="69" r="7.5"/>
+<circle id="a-48" class="st0" cx="334.1" cy="90" r="7.5"/>
+<circle id="a-49" class="st0" cx="334.1" cy="110.3" r="7.5"/>
+<circle id="a-50" class="st0" cx="334.1" cy="131" r="7.5"/>
+<circle id="a-51" class="st0" cx="334.1" cy="151.4" r="7.5"/>
+<circle id="a-52" class="st0" cx="315.6" cy="17.7" r="7.5"/>
+<circle id="a-53" class="st0" cx="315.6" cy="38.3" r="7.5"/>
+<circle id="a-54" class="st0" cx="315.6" cy="58.8" r="7.5"/>
+<circle id="a-55" class="st0" cx="315.6" cy="79.4" r="7.5"/>
+<circle id="a-56" class="st0" cx="315.6" cy="100" r="7.5"/>
+<circle id="a-57" class="st0" cx="315.6" cy="120.5" r="7.5"/>
+<circle id="a-58" class="st0" cx="315.6" cy="141" r="7.5"/>
+<circle id="a-59" class="st0" cx="315.6" cy="161.6" r="7.5"/>
+<circle id="a-60" class="st0" cx="334.1" cy="172" r="7.5"/>
+<path id="E" class="st0" d="M4,58.6h44.8v7.7H12.1v18.8h34v7h-34v21h37.5v7.5H4V58.6z"/>
+<path class="st0" d="M57,59h12l17.8,52.4L104.4,59h12v62h-8V68.7l-17.6,52h-8.2l-17.8-52v52h-8L57,59z"/>
+<path id="B-2" class="st0" d="M131.6,120.8h26.3c9.4,0,21.7-4.7,21.7-18c0-11.4-8-14-11.3-15.2c2.3-1,8.3-4.3,8.3-13.2
+ c0-12.4-11-15.4-18.2-15.4h-26.8C131.6,59,131.6,120.8,131.6,120.8z M139.9,85V66h15c3.8,0,13.4,0.2,13.4,9.4c0,9.6-9.4,9.8-13,9.8
+ h-15.4V85z M158.1,113.7h-18.2V92h16.7c3.6,0,14.7,0.3,14.7,10.4C171.3,112.1,163.3,113.7,158.1,113.7L158.1,113.7z"/>
+<path id="I" class="st0" d="M189.4,121h8.4V59h-8.4V121z"/>
+<path id="I-2" class="st0" d="M229.5,113.9v7.3h-39.7v-7.3H229.5z"/>
+</svg>
diff --git a/images/logos/EMBL/EMBL-white.svg b/images/logos/EMBL/EMBL-white.svg
new file mode 100755
index 0000000000000000000000000000000000000000..916e6b0bf2d428ef4953fb2af65b253d5b4cb42f
--- /dev/null
+++ b/images/logos/EMBL/EMBL-white.svg
@@ -0,0 +1,79 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 414.8 179.5" style="enable-background:new 0 0 414.8 179.5;" xml:space="preserve">
+<style type="text/css">
+ .st0{fill:#6DAB49;}
+ .st1{fill:#DA0F21;}
+ .st2{fill:#FFFFFF;}
+</style>
+<title>EMBL-white</title>
+<circle id="a" class="st0" cx="297.6" cy="28.1" r="7.5"/>
+<circle id="a-2" class="st0" cx="297.6" cy="48.7" r="7.5"/>
+<circle id="a-3" class="st0" cx="297.6" cy="69.2" r="7.5"/>
+<circle id="a-4" class="st0" cx="297.6" cy="89.7" r="7.5"/>
+<circle id="a-5" class="st0" cx="297.6" cy="130.9" r="7.5"/>
+<circle id="a-6" class="st0" cx="297.6" cy="151.5" r="7.5"/>
+<circle id="a-7" class="st0" cx="260.6" cy="48.6" r="7.5"/>
+<circle id="a-8" class="st0" cx="260.6" cy="69.3" r="7.5"/>
+<circle id="a-9" class="st0" cx="260.6" cy="89.7" r="7.5"/>
+<circle id="a-10" class="st0" cx="260.6" cy="110.3" r="7.5"/>
+<circle id="a-11" class="st0" cx="260.6" cy="130.8" r="7.5"/>
+<circle id="a-12" class="st0" cx="279.6" cy="38.4" r="7.5"/>
+<circle id="a-13" class="st0" cx="279.6" cy="59" r="7.5"/>
+<circle id="a-14" class="st0" cx="279.6" cy="79.5" r="7.5"/>
+<circle id="a-15" class="st0" cx="279.6" cy="100" r="7.5"/>
+<circle id="a-16" class="st0" cx="279.6" cy="120.5" r="7.5"/>
+<circle id="a-17" class="st0" cx="279.6" cy="141" r="7.5"/>
+<circle id="a-18" class="st0" cx="407.3" cy="48.6" r="7.5"/>
+<circle id="a-19" class="st0" cx="407.3" cy="69" r="7.5"/>
+<circle id="a-20" class="st0" cx="407.3" cy="89.7" r="7.5"/>
+<circle id="a-21" class="st0" cx="407.3" cy="110" r="7.5"/>
+<circle id="a-22" class="st0" cx="407.3" cy="131" r="7.5"/>
+<circle id="a-23" class="st0" cx="388.6" cy="38.4" r="7.5"/>
+<circle id="a-24" class="st0" cx="388.6" cy="59" r="7.5"/>
+<circle id="a-25" class="st0" cx="388.6" cy="79.5" r="7.5"/>
+<circle id="a-26" class="st0" cx="388.6" cy="100" r="7.5"/>
+<circle id="a-27" class="st0" cx="388.6" cy="120.5" r="7.5"/>
+<circle id="a-28" class="st0" cx="388.6" cy="141" r="7.5"/>
+<circle id="a-29" class="st0" cx="370.6" cy="28" r="7.5"/>
+<circle id="a-30" class="st0" cx="370.6" cy="48.7" r="7.5"/>
+<circle id="a-31" class="st0" cx="370.6" cy="69" r="7.5"/>
+<circle id="a-32" class="st0" cx="370.6" cy="89.7" r="7.5"/>
+<circle id="a-33" class="st0" cx="370.6" cy="110" r="7.5"/>
+<circle id="a-34" class="st0" cx="370.6" cy="131" r="7.5"/>
+<circle id="a-35" class="st0" cx="370.6" cy="151.5" r="7.5"/>
+<circle id="b" class="st1" cx="297.6" cy="110" r="7.5"/>
+<circle id="a-36" class="st0" cx="352.6" cy="18" r="7.5"/>
+<circle id="a-37" class="st0" cx="352.6" cy="38" r="7.5"/>
+<circle id="a-38" class="st0" cx="352.6" cy="59" r="7.5"/>
+<circle id="a-39" class="st0" cx="352.6" cy="79" r="7.5"/>
+<circle id="a-40" class="st0" cx="352.6" cy="100" r="7.5"/>
+<circle id="a-41" class="st0" cx="352.6" cy="120.5" r="7.5"/>
+<circle id="a-42" class="st0" cx="352.6" cy="141" r="7.5"/>
+<circle id="a-43" class="st0" cx="352.6" cy="161.6" r="7.5"/>
+<circle id="a-44" class="st0" cx="334.1" cy="7.5" r="7.5"/>
+<circle id="a-45" class="st0" cx="334.1" cy="28" r="7.5"/>
+<circle id="a-46" class="st0" cx="334.1" cy="48.6" r="7.5"/>
+<circle id="a-47" class="st0" cx="334.1" cy="69" r="7.5"/>
+<circle id="a-48" class="st0" cx="334.1" cy="90" r="7.5"/>
+<circle id="a-49" class="st0" cx="334.1" cy="110.3" r="7.5"/>
+<circle id="a-50" class="st0" cx="334.1" cy="131" r="7.5"/>
+<circle id="a-51" class="st0" cx="334.1" cy="151.4" r="7.5"/>
+<circle id="a-52" class="st0" cx="315.6" cy="17.7" r="7.5"/>
+<circle id="a-53" class="st0" cx="315.6" cy="38.3" r="7.5"/>
+<circle id="a-54" class="st0" cx="315.6" cy="58.8" r="7.5"/>
+<circle id="a-55" class="st0" cx="315.6" cy="79.4" r="7.5"/>
+<circle id="a-56" class="st0" cx="315.6" cy="100" r="7.5"/>
+<circle id="a-57" class="st0" cx="315.6" cy="120.5" r="7.5"/>
+<circle id="a-58" class="st0" cx="315.6" cy="141" r="7.5"/>
+<circle id="a-59" class="st0" cx="315.6" cy="161.6" r="7.5"/>
+<circle id="a-60" class="st0" cx="334.1" cy="172" r="7.5"/>
+<path id="E" class="st2" d="M4,58.6h44.8v7.7H12.1v18.8h34v7h-34v21h37.5v7.5H4V58.6z"/>
+<path class="st2" d="M57,59h12l17.8,52.4L104.4,59h12v62h-8V68.7l-17.6,52h-8.2l-17.8-52v52h-8L57,59z"/>
+<path id="B-2" class="st2" d="M131.6,120.8h26.3c9.4,0,21.7-4.7,21.7-18c0-11.4-8-14-11.3-15.2c2.3-1,8.3-4.3,8.3-13.2
+ c0-12.4-11-15.4-18.2-15.4h-26.8C131.6,59,131.6,120.8,131.6,120.8z M139.9,85V66h15c3.8,0,13.4,0.2,13.4,9.4c0,9.6-9.4,9.8-13,9.8
+ h-15.4V85z M158.1,113.7h-18.2V92h16.7c3.6,0,14.7,0.3,14.7,10.4C171.3,112.1,163.3,113.7,158.1,113.7L158.1,113.7z"/>
+<path id="I" class="st2" d="M189.4,121h8.4V59h-8.4V121z"/>
+<path id="I-2" class="st2" d="M229.5,113.9v7.3h-39.7v-7.3H229.5z"/>
+</svg>
diff --git a/images/logos/EMBL/hexagon-mono-black.svg b/images/logos/EMBL/hexagon-mono-black.svg
new file mode 100755
index 0000000000000000000000000000000000000000..f48ba0b4a98a2d0ff32bc3b384a5457c0068bdb4
--- /dev/null
+++ b/images/logos/EMBL/hexagon-mono-black.svg
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 161.7 179.5" style="enable-background:new 0 0 161.7 179.5;" xml:space="preserve">
+<style type="text/css">
+ .st0{fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;}
+</style>
+<title>EMBL-white</title>
+<circle id="a" cx="44.5" cy="28.1" r="7.5"/>
+<circle id="a-2" cx="44.5" cy="48.7" r="7.5"/>
+<circle id="a-3" cx="44.5" cy="69.2" r="7.5"/>
+<circle id="a-4" cx="44.5" cy="89.7" r="7.5"/>
+<circle id="a-5" cx="44.5" cy="130.9" r="7.5"/>
+<circle id="a-6" cx="44.5" cy="151.5" r="7.5"/>
+<circle id="a-7" cx="7.5" cy="48.6" r="7.5"/>
+<circle id="a-8" cx="7.5" cy="69.3" r="7.5"/>
+<circle id="a-9" cx="7.5" cy="89.7" r="7.5"/>
+<circle id="a-10" cx="7.5" cy="110.3" r="7.5"/>
+<circle id="a-11" cx="7.5" cy="130.8" r="7.5"/>
+<circle id="a-12" cx="26.5" cy="38.4" r="7.5"/>
+<circle id="a-13" cx="26.5" cy="59" r="7.5"/>
+<circle id="a-14" cx="26.5" cy="79.5" r="7.5"/>
+<circle id="a-15" cx="26.5" cy="100" r="7.5"/>
+<circle id="a-16" cx="26.5" cy="120.5" r="7.5"/>
+<circle id="a-17" cx="26.5" cy="141" r="7.5"/>
+<circle id="a-18" cx="154.2" cy="48.6" r="7.5"/>
+<circle id="a-19" cx="154.2" cy="69" r="7.5"/>
+<circle id="a-20" cx="154.2" cy="89.7" r="7.5"/>
+<circle id="a-21" cx="154.2" cy="110" r="7.5"/>
+<circle id="a-22" cx="154.2" cy="131" r="7.5"/>
+<circle id="a-23" cx="135.5" cy="38.4" r="7.5"/>
+<circle id="a-24" cx="135.5" cy="59" r="7.5"/>
+<circle id="a-25" cx="135.5" cy="79.5" r="7.5"/>
+<circle id="a-26" cx="135.5" cy="100" r="7.5"/>
+<circle id="a-27" cx="135.5" cy="120.5" r="7.5"/>
+<circle id="a-28" cx="135.5" cy="141" r="7.5"/>
+<circle id="a-29" cx="117.5" cy="28" r="7.5"/>
+<circle id="a-30" cx="117.5" cy="48.7" r="7.5"/>
+<circle id="a-31" cx="117.5" cy="69" r="7.5"/>
+<circle id="a-32" cx="117.5" cy="89.7" r="7.5"/>
+<circle id="a-33" cx="117.5" cy="110" r="7.5"/>
+<circle id="a-34" cx="117.5" cy="131" r="7.5"/>
+<circle id="a-35" cx="117.5" cy="151.5" r="7.5"/>
+<circle id="b" class="st0" cx="44.5" cy="110" r="7.5"/>
+<circle id="a-36" cx="99.5" cy="18" r="7.5"/>
+<circle id="a-37" cx="99.5" cy="38" r="7.5"/>
+<circle id="a-38" cx="99.5" cy="59" r="7.5"/>
+<circle id="a-39" cx="99.5" cy="79" r="7.5"/>
+<circle id="a-40" cx="99.5" cy="100" r="7.5"/>
+<circle id="a-41" cx="99.5" cy="120.5" r="7.5"/>
+<circle id="a-42" cx="99.5" cy="141" r="7.5"/>
+<circle id="a-43" cx="99.5" cy="161.6" r="7.5"/>
+<circle id="a-44" cx="81" cy="7.5" r="7.5"/>
+<circle id="a-45" cx="81" cy="28" r="7.5"/>
+<circle id="a-46" cx="81" cy="48.6" r="7.5"/>
+<circle id="a-47" cx="81" cy="69" r="7.5"/>
+<circle id="a-48" cx="81" cy="90" r="7.5"/>
+<circle id="a-49" cx="81" cy="110.3" r="7.5"/>
+<circle id="a-50" cx="81" cy="131" r="7.5"/>
+<circle id="a-51" cx="81" cy="151.4" r="7.5"/>
+<circle id="a-52" cx="62.5" cy="17.7" r="7.5"/>
+<circle id="a-53" cx="62.5" cy="38.3" r="7.5"/>
+<circle id="a-54" cx="62.5" cy="58.8" r="7.5"/>
+<circle id="a-55" cx="62.5" cy="79.4" r="7.5"/>
+<circle id="a-56" cx="62.5" cy="100" r="7.5"/>
+<circle id="a-57" cx="62.5" cy="120.5" r="7.5"/>
+<circle id="a-58" cx="62.5" cy="141" r="7.5"/>
+<circle id="a-59" cx="62.5" cy="161.6" r="7.5"/>
+<circle id="a-60" cx="81" cy="172" r="7.5"/>
+</svg>