Resize screenshots

This commit is contained in:
lucperkins
2018-08-04 14:18:24 +02:00
parent 0376f2cb37
commit 0c3f810731
8 changed files with 255 additions and 215 deletions

View File

@@ -1,80 +1,93 @@
{{- $footer := .Site.Params.footer }}
{{- $logo := index $footer "logo" }}
{{- $productLinks := index $footer "product" }}
{{- $docLinks := index $footer "docs" }}
<footer class="footer footer-dark">
<div class="container">
<div class="columns">
<div class="column">
<div class="footer-logo">
<img src="{{ "/images/logos/fresh-white-alt.svg" | relURL }}">
</div>
</div>
<div class="column">
<div class="footer-column">
<div class="footer-header">
<h3>Product</h3>
</div>
<ul class="link-list">
<li><a href="#">Discover features</a></li>
<li><a href="#">Why choose our Product ?</a></li>
<li><a href="#">Compare features</a></li>
<li><a href="#">Our Roadmap</a></li>
<li><a href="#">Request features</a></li>
</ul>
</div>
</div>
<div class="column">
<div class="footer-column">
<div class="footer-header">
<h3>Docs</h3>
</div>
<ul class="link-list">
<li><a href="#">Get Started</a></li>
<li><a href="#">User guides</a></li>
<li><a href="#">Admin guide</a></li>
<li><a href="#">Developers</a></li>
</ul>
</div>
</div>
<div class="column">
<div class="footer-column">
<div class="footer-header">
<h3>Blogroll</h3>
</div>
<ul class="link-list">
<li><a href="#">Latest News</a></li>
<li><a href="#">Tech articles</a></li>
<li><a href="#">Video Blog</a></li>
</ul>
</div>
</div>
<div class="column">
<div class="footer-column">
<div class="footer-header">
<h3>Follow Us</h3>
<nav class="level is-mobile">
<div class="level-left">
<a class="level-item" href="https://github.com/#">
<span class="icon"><i class="fa fa-github"></i></span>
</a>
<a class="level-item" href="https://dribbble.com/#">
<span class="icon"><i class="fa fa-dribbble"></i></span>
</a>
<a class="level-item" href="https://fb.com/#">
<span class="icon"><i class="fa fa-facebook"></i></span>
</a>
<a class="level-item" href="https://twitter.com/#">
<span class="icon"><i class="fa fa-twitter"></i></span>
</a>
<a class="level-item" href="https://bitbucket.org/#">
<span class="icon"><i class="fa fa-bitbucket"></i></span>
</a>
</div>
</nav>
<a href="https://bulma.io" target="_blank">
<img src="{{ "/images/logos/made-with-bulma.png" | relURL }}" alt="Made with Bulma" width="128" height="24">
</a>
</div>
</div>
</div>
<div class="container">
<div class="columns">
<div class="column">
<div class="footer-logo">
<img src="{{ printf "/images/logos/%s" $logo | relURL }}">
</div>
</div>
<div class="column">
<div class="footer-column">
<div class="footer-header">
<h3>Product</h3>
</div>
<ul class="link-list">
{{- range $productLinks }}
<li>
<a href="{{ .link }}">
{{ .text }}
</a>
</li>
{{- end }}
</ul>
</div>
</div>
<div class="column">
<div class="footer-column">
<div class="footer-header">
<h3>Docs</h3>
</div>
<ul class="link-list">
{{- range $docLinks }}
<li>
<a href="{{ .link }}">
{{ .text }}
</a>
</li>
{{- end }}
</ul>
</div>
</div>
<div class="column">
<div class="footer-column">
<div class="footer-header">
<h3>Blogroll</h3>
</div>
<ul class="link-list">
{{- range $docLinks }}
<li>
<a href="{{ .link }}">
{{ .text }}
</a>
</li>
{{- end }}
</ul>
</div>
</div>
<div class="column">
<div class="footer-column">
<div class="footer-header">
<h3>Follow Us</h3>
<nav class="level is-mobile">
<div class="level-left">
<a class="level-item" href="https://github.com/#">
<span class="icon"><i class="fa fa-github"></i></span>
</a>
<a class="level-item" href="https://dribbble.com/#">
<span class="icon"><i class="fa fa-dribbble"></i></span>
</a>
<a class="level-item" href="https://fb.com/#">
<span class="icon"><i class="fa fa-facebook"></i></span>
</a>
<a class="level-item" href="https://twitter.com/#">
<span class="icon"><i class="fa fa-twitter"></i></span>
</a>
<a class="level-item" href="https://bitbucket.org/#">
<span class="icon"><i class="fa fa-bitbucket"></i></span>
</a>
</div>
</nav>
<a href="https://bulma.io" target="_blank">
<img src="{{ "/images/logos/made-with-bulma.png" | relURL }}" alt="Made with Bulma" width="128" height="24">
</a>
</div>
</div>
</div>
</div>
</div>
</footer>