Skip to content

Commit

Permalink
feat: added apex footer
Browse files Browse the repository at this point in the history
  • Loading branch information
@JanssenBrm
JanssenBrm committed Oct 18, 2024
1 parent b696eb2 commit 48336dd
Show file tree
Hide file tree
Showing 3 changed files with 104 additions and 34 deletions.
133 changes: 99 additions & 34 deletions themes/apex/public/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -299,11 +299,12 @@ <h6>

<div id="stac-browser"></div>

<div class="c-footer">
<footer class="c-footer">
<div class="container">
<div class="c-footer__top">

<div class="c-footer__left">
<a href="#" class="c-footer__logo">
<a href="https://apex-esa.drupal.int.vito.be/" class="c-footer__logo">
APEx
</a>

Expand All @@ -312,18 +313,27 @@ <h6>
</div>

<div class="c-footer__socials">
<a href="#" class="c-footer__social">
<img src="/assets/img/logos/logo-linkedin.svg" alt="LinkedIn">

<a class="c-footer__social" target="_blank" href="https://www.linkedin.com/company/european-space-agency/" aria-label="linkedin social link">
<img src="https://apex-esa.drupal.int.vito.be/themes/custom/vitotheme/dist/img/logos/logo-linkedin.svg" alt="LinkedIn">
</a>
<a href="#" class="c-footer__social">
<img src="/assets/img/logos/logo-youtube.svg" alt="YouTube">



<a target="_blank" class="c-footer__social" href="https://www.youtube.com/ESA" aria-label="youtube social link">
<img src="https://apex-esa.drupal.int.vito.be/themes/custom/vitotheme/dist/img/logos/logo-youtube.svg" alt="YouTube">
</a>
<a href="#" class="c-footer__social">
<img src="/assets/img/logos/logo-x.svg" alt="X">



<a target="_blank" class="c-footer__social" href="https://twitter.com/esa" aria-label="x social link">
<img src="https://apex-esa.drupal.int.vito.be/themes/custom/vitotheme/dist/img/logos/logo-x.svg" alt="YouTube">
</a>


</div>

<a href="contact.html" class="btn btn-primary">
<a href="https://apex-esa.drupal.int.vito.be/contact" class="btn btn-primary">
Contact us
</a>
</div>
Expand All @@ -332,45 +342,100 @@ <h6>
<div class="c-footer__menu">
<span>APEx</span>

<ul>
<li><a href="#">About APEx</a></li>
<li><a href="#">Latest news</a></li>
<li><a href="#">Cases</a></li>
<li><a href="#">Services</a></li>
</ul>

<div class="region region-footer-first">
<nav role="navigation" aria-labelledby="block-vitotheme-mainnavigation-menu" id="block-vitotheme-mainnavigation" class="block block-menu navigation menu--main">

<h5 class="visually-hidden" id="block-vitotheme-mainnavigation-menu">Main navigation</h5>



<ul data-block="footer_first" class="nav navbar-nav">
<li>
<a href="https://apex-esa.drupal.int.vito.be/services" data-drupal-link-system-path="node/4">Services</a>
</li>
<li>
<a href="https://esa-apex.github.io/apex_documentation/">Documentation</a>
</li>
<li>
<a href="https://apex-esa.drupal.int.vito.be/frequently-asked-questions" data-drupal-link-system-path="node/9">FAQ</a>
</li>
<li>
<a href="https://apex-esa.drupal.int.vito.be/about-apex" data-drupal-link-system-path="node/5">About APEx</a>
</li>

</ul>



</nav>

</div>


</div>
<div class="c-footer__menu">
<span>Support</span>

<ul>
<li><a href="#">FAQ</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#" target="_blank">Forum</a></li>
<li><a href="#" target="_blank">Documentation</a></li>
</ul>

<div class="region region-footer-second">
<nav role="navigation" aria-labelledby="block-vitotheme-support-menu" id="block-vitotheme-support" class="block block-menu navigation menu--support">

<h5 class="visually-hidden" id="block-vitotheme-support-menu">Support</h5>



<ul data-block="footer_second" class="nav navbar-nav">
<li>
<a href="https://esa.eu">Documentation</a>
</li>
<li>
<a href="https://apex-esa.drupal.int.vito.be/frequently-asked-questions" data-drupal-link-system-path="node/9">Faq</a>
</li>
</ul>



</nav>

</div>


</div>
<div class="c-footer__menu">
<span>Solutions</span>

<ul>
<li><a href="#">Digitally display your EO Data</a></li>
<li><a href="#">Digitally display your EO Data</a></li>
<li><a href="#">Digitally display your EO Data</a></li>
<li><a href="#">Digitally display your EO Data</a></li>
</ul>
</div>
</div>

</div>

<div class="c-footer__legal">
<ul>
<li><a href="#">Cookies</a></li>
<li><a href="#">Terms & conditions</a></li>
<li><a href="#">Disclaimer</a></li>
<li><a href="#">Privacy statement</a></li>
</ul>
<div class="c-footer__legal-content">
<div class="region region-footer-legal">
<nav role="navigation" aria-labelledby="block-vitotheme-footer-2-menu" id="block-vitotheme-footer-2" class="block block-menu navigation menu--footer">

<h5 class="visually-hidden" id="block-vitotheme-footer-2-menu">Footer</h5>



<ul data-block="footer_legal" class="nav navbar-nav">
<li>
<a href="https://apex-esa.drupal.int.vito.be/" data-drupal-link-system-path="<front>" class="is-active">Disclaimer</a>
</li>

</ul>



</nav>

</div>

</div>
</div>

</div>
</div>
</footer>
</body>
</html>
1 change: 1 addition & 0 deletions themes/apex/src/theme/components/_footer.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -161,6 +161,7 @@

.c-footer__legal {
margin-bottom: 2rem;
padding-bottom: 2rem;

ul {
display: flex;
Expand Down
4 changes: 4 additions & 0 deletions themes/apex/src/theme/components/_page.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -44,3 +44,7 @@ body, h1, h2, h3, h4, h5, h6 {
opacity: .6;
}
}

.visually-hidden {
visibility: hidden;
}

0 comments on commit 48336dd

Please sign in to comment.