New footer design

This commit is contained in:
Kenneth Auchenberg 2018-01-10 14:27:57 -08:00
parent a93a657ac2
commit 2b6a31bd79
3 changed files with 43 additions and 4 deletions

View file

@ -1,9 +1,26 @@
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-lg-12">
<a href="http://microsoft.com"><img src="{{site.baseurl}}/img/microsoft.svg" alt="Microsoft"></a>
<div class="row">
<div class="col-md-7">
<ul class="links">
<li>
<span class="message">Hello from Seattle and Zürich.</span>
</li>
<li>
<a class="github-button" href="https://github.com/Microsoft/language-server-protocol" data-icon="octicon-star" data-show-count="true" aria-label="Star Microsoft/language-server-protocol on GitHub">Star</a>
</li>
<li>
<a class="github-button" href="https://github.com/Microsoft/language-server-protocol/subscription" aria-label="Watch Microsoft/language-server-protocol on GitHub">Watch</a>
</li>
</ul>
</div>
</div>
<div class="col-md-5">
<div class="copyright">
<a id="footer-microsoft-link" class="logo" href="https://www.microsoft.com">
<img src="{{site.baseurl}}/img/microsoft.svg" alt="Microsoft">
</a>
</div>
</div>
</div>
</div>
</footer>

View file

@ -4,3 +4,4 @@
<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.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
<script async defer src="https://buttons.github.io/buttons.js"></script>

View file

@ -355,6 +355,27 @@ pre[class=highlight] {
width: 100px;
float: right;
}
ul {
margin: 0;
padding: 0;
}
.message {
display: inline-block;
padding-right: 10px;
}
.links {
li {
display: inline-block;
}
}
iframe {
position: relative;
top: 5px;
}
}
.navbar-brand h1 {