Files
velero/site/_includes/footer.html
SDBrett 91bbb98cab Improve site accessibility score (#2095)
Fixes: #2094

Updates to site colours to align with VMware branding and improve contrast rations for site accessibility.

Update to youtube plugin for that it can will insert an iframes title as well. New usage of liquid template `{% youtube "<title>" %}

Updates to links to provide link text

Updates to images to add alt text.

Accessibility changes assist people visiting the site with visual impairments and improve the function of text to speech tools such as Jaws.

Signed-off-by: Brett Johnson <brett@sdbrett.com>
2019-12-04 14:30:23 -07:00

53 lines
2.7 KiB
HTML

<div class="section section-background-darkest-blue">
<div class="section-content">
<div class="row">
<div class="col-xs-12 col-sm-6 col-lg-8">
<h5>{{ site.footer.title }}</h5>
<p>{{ site.footer.content }}</p>
</div>
<div class="col-xs-12 col-sm-6 col-lg-3 offset-lg-1">
<p><strong>{{ site.footer.cta_title }}</strong></p>
<a href="{{ site.footer.cta_url }}" class="btn btn-sm btn-primary btn-no-border">{{ site.footer.cta_text }}</a>
</div>
</div>
</div>
</div>
<footer class="section site-footer">
<div class="section-content">
<div class="row justify-content-between align-items-center">
<div class="col-12 col-md-8 mb-3 mb-md-0">
<ul class="social-links text-center text-md-left">
{% for link in site.footer_social_links %}
<li>
{% if(link[1].fa_icon != false) %}
<i class="{{ link[1].fa_icon }} fa-lg fa-fw mr-1"></i>
{% endif %}
<a href="{{ link[1].url }}">{{ link[0] }}</a></li>
{% endfor %}
</ul>
</div>
<div class="col-12 col-md-4 text-center text-md-right">
<a href="/" aria-label="Velero homepage"><img src="/img/{{ site.logo }}" class="logo" alt="Homepage"/></a>
</div>
</div>
<div class="row align-items-center">
<div class="col copyright text-center text-md-right mt-4">
&copy; {{ site.time | date: '%Y' }} {{ site.author }}.
<a href="{{ site.footer.vm-link }}" class="vm-logo">A VMware-backed project. <img src="/img/{{ site.vm_logo }}" alt="VMware logo"/></a>
</div>
</div>
</div>
</footer>
<!-- JS -->
<script defer src="https://use.fontawesome.com/releases/v5.8.1/js/all.js" integrity="sha384-g5uSoOSBd7KkhAMlnQILrecXvzst9TdC09/VM+pjDTCM+1il8RHz5fKANTFFb+gQ" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" crossorigin="anonymous"></script>
<script src="/js/jquery.matchHeight.js?{{site.time | date: '%s%N'}}"></script>
<script src="/js/scripts.js?{{site.time | date: '%s%N'}}"></script>