Commit 747e4954 authored by Rajkumar-D's avatar Rajkumar-D
Browse files

Adding latest header and footer

parent 1b5c20e5
Pipeline #173725 passed with stages
in 4 minutes and 33 seconds
<div>
<!-- fxHide fxShow.gt-xs> <!-- ** Application specific content: fxHide fxShow.gt-xs ** -->
<footer>
<div id="elixir-banner" data-color="grey" data-name="This service" data-description=""
data-more-information-link="https://www.elixir-europe.org/about-us/who-we-are/nodes/embl-ebi"
data-use-basic-styles="true"></div>
<div id="global-footer" class="global-footer">
<nav id="global-nav-expanded" class="global-nav-expanded row">
<!-- Footer will be automatically inserted by footer.js -->
</nav>
<section id="ebi-footer-meta" class="ebi-footer-meta row">
<!-- Footer meta will be automatically inserted by footer.js -->
</section>
<footer class="vf-footer" data-vf-google-analytics-region="embl-footer">
<div class="vf-footer__inner">
<p class="vf-footer__notice">
<a class="vf-footer__link" href="//www.ebi.ac.uk/about/our-impact">
EMBL-EBI is the home for big data in biology. We help scientists exploit complex information to make
discoveries that benefit humankind.
</a>
</p>
<div class="vf-footer__links-group | vf-grid">
<div class="vf-links">
<h4 class="vf-links__heading"><a class="vf-heading__link" href="//www.ebi.ac.uk/services">Services</a></h4>
<ul class="vf-links__list | vf-list">
<li class="vf-list__item">
<a href="//www.ebi.ac.uk/services" class="vf-list__link">By topic</a>
</li>
<li class="vf-list__item">
<a href="//www.ebi.ac.uk/services/all" class="vf-list__link">By name (A-Z)</a>
</li>
<li class="vf-list__item">
<a href="//www.ebi.ac.uk/support" class="vf-list__link">Help &amp; Support</a>
</li>
</ul>
</div>
<div class="vf-links">
<h4 class="vf-links__heading"><a class="vf-heading__link" href="//www.ebi.ac.uk/research">Research</a></h4>
<ul class="vf-links__list | vf-list">
<li class="vf-list__item">
<a href="//www.ebi.ac.uk/research/publications" class="vf-list__link">Publications</a>
</li>
<li class="vf-list__item">
<a href="//www.ebi.ac.uk/research/groups" class="vf-list__link">Research groups</a>
</li>
<li class="vf-list__item vf-footer__notice">
<a href="//www.ebi.ac.uk/research/postdocs" class="vf-list__link">Postdocs</a>
&amp;
<a href="//www.ebi.ac.uk/research/eipp" class="vf-list__link">PhDs</a>
</li>
</ul>
</div>
<div class="vf-links">
<h4 class="vf-links__heading"><a class="vf-heading__link" href="//www.ebi.ac.uk/training">Training</a></h4>
<ul class="vf-links__list | vf-list">
<li class="vf-list__item">
<a href="//www.ebi.ac.uk/training/live-events" class="vf-list__link">Live training</a>
</li>
<li class="vf-list__item">
<a href="//www.ebi.ac.uk/training/on-demand" class="vf-list__link">On-demand training</a>
</li>
<li class="vf-list__item">
<a href="//www.ebi.ac.uk/training/trainer-support" class="vf-list__link">Support for trainers</a>
</li>
<li class="vf-list__item">
<a href="//www.ebi.ac.uk/training/contact-us" class="vf-list__link">Contact organisers</a>
</li>
</ul>
</div>
<div class="vf-links">
<h4 class="vf-links__heading"><a class="vf-heading__link" href="//www.ebi.ac.uk/industry">Industry</a></h4>
<ul class="vf-links__list | vf-list">
<li class="vf-list__item">
<a href="//www.ebi.ac.uk/industry/private" class="vf-list__link">Members Area</a>
</li>
<li class="vf-list__item">
<a href="//www.ebi.ac.uk/industry/workshops" class="vf-list__link">Workshops</a>
</li>
<li class="vf-list__item">
<a href="//www.ebi.ac.uk/industry/sme-forum" class="vf-list__link">SME Forum</a>
</li>
<li class="vf-list__item">
<a href="//www.ebi.ac.uk/industry/contact" class="vf-list__link">Contact Industry programme</a>
</li>
</ul>
</div>
<div class="vf-links">
<h4 class="vf-links__heading"><a class="vf-heading__link" href="//www.ebi.ac.uk/about">About</a></h4>
<ul class="vf-links__list | vf-list">
<li class="vf-list__item">
<a href="//www.ebi.ac.uk/about/contact" class="vf-list__link">Contact us</a>
</li>
<li class="vf-list__item">
<a href="//www.ebi.ac.uk/about/events" class="vf-list__link">Events</a>
</li>
<li class="vf-list__item">
<a href="//www.ebi.ac.uk/about/jobs" class="vf-list__link">Jobs</a>
</li>
<li class="vf-list__item">
<a href="//www.ebi.ac.uk/about/news" class="vf-list__link">News</a>
</li>
<li class="vf-list__item">
<a href="//www.ebi.ac.uk/about/people" class="vf-list__link">People &amp; groups</a>
</li>
<li class="vf-list__item">
<a href="//intranet.ebi.ac.uk" class="vf-list__link">Intranet for staff</a>
</li>
</ul>
</div>
</div>
<p class="vf-footer__legal">
<span class="vf-footer__legal-text">
<a class="vf-footer__link"
href="https://www.google.co.uk/maps/place/Hinxton,+Saffron+Walden+CB10+1SD/@52.0815334,0.1891518,17z/data=!3m1!4b1!4m5!3m4!1s0x47d87ccbfbd2538b:0x7bbdb4cde2779ff3!8m2!3d52.0800838!4d0.186415">EMBL-EBI,
Wellcome Genome Campus, Hinxton, Cambridgeshire, CB10 1SD, UK.</a>
</span>
<span class="vf-footer__legal-text">
<a class="vf-footer__link" href="tel:00441223494444">Tel: +44 (0)1223 49 44 44</a>
</span>
<span class="vf-footer__legal-text">
<a class="vf-footer__link" href="//www.ebi.ac.uk/about/contact">Full contact details</a>
</span>
</p>
<p class="vf-footer__legal">
<span class="vf-footer__legal-text">
Copyright © EMBL 2021
</span>
<span class="vf-footer__legal-text">
EMBL-EBI is part of the
<a class="vf-footer__link" href="//www.embl.org">European Molecular Biology Laboratory</a>
</span>
<span class="vf-footer__legal-text">
<a class="vf-footer__link" href="//www.ebi.ac.uk/about/terms-of-use">Terms of use</a>
</span>
</p>
</div>
</footer>
<!-- GDPR banner configuration -->
<div id="data-protection-message-configuration"
data-message="This website requires cookies, and the limited processing of your personal data in order to function. By using the site you are agreeing to this as outlined in our &lt;a target='_blank' href='https://www.ebi.ac.uk/data-protection/privacy-notice/ena-submission' class='white-color'&gt;Privacy Notice&lt;/a&gt; and &lt;a target='_blank' href='https://www.ebi.ac.uk/about/terms-of-use' class='white-color'&gt;Terms of Use&lt;/a&gt;."
data-service-id="ena-submission" data-data-protection-version="0.1"></div>
</div>
\ No newline at end of file
......@@ -14,13 +14,14 @@ import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-footer',
templateUrl: './footer.component.html',
styleUrls: ['./footer.component.css']
styleUrls: ['./footer.component.css', '../../assets/ebi-vf-import.css']
})
export class FooterComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
}
<div fxFlex style="overflow: scroll;">
<header id="masthead-black-bar" class="clearfix masthead-black-bar">
<!-- Tell the VF 1.4 not to display a data protection banner. -->
<!-- You should use the 2.0 data protection banner from the contentHub. -->
<span data-protection-message-disable="true"></span>
<!-- embl-ebi global header -->
<header id="masthead-black-bar" class="clearfix masthead-black-bar | ebi-header-footer vf-content vf-u-fullbleed">
</header>
<mat-toolbar color="primary" class="toolbar">
......
......@@ -17,8 +17,10 @@ import { WebinAuthenticationService } from '../webin-authentication.service';
@Component({
selector: 'app-header',
templateUrl: './header.component.html',
styleUrls: ['./header.component.css'],
encapsulation: ViewEncapsulation.None
styleUrls: ['./header.component.css', '../../assets/ebi-vf-import.css'
],
encapsulation: ViewEncapsulation.None,
})
export class HeaderComponent {
......
.sidenav-container {
display: flex;
flex-direction: column;
position: absolute;
position: rleative;
top: 100px;
bottom: 0;
left: 0;
right: 0;
display: block;
}
......@@ -40,7 +41,7 @@ mat-sidenav{
.mat-icon-button{
position:absolute;
z-index: 2;
top:0;
top:96px;
left:0;
margin: 10px;
min-width: 0;
......
@import url(https://assets.emblstatic.net/vf/v2.4.5/css/styles.css);
@import url(https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.3/fonts.css);
@import url(https://assets.emblstatic.net/vf/v2.4.12/assets/ebi-header-footer/ebi-header-footer.css)
\ 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