1
Fork 0

Change footer content

This commit is contained in:
Jake Howard 2016-05-21 21:54:07 +01:00
parent 4701bc1628
commit b0e7bccadf
3 changed files with 17 additions and 20 deletions

View file

@ -7,7 +7,7 @@ footer {
color: $white;
a {
color: $brand-orange;
color: $brand-orange-light;
&:hover {
text-decoration: none;
@ -15,12 +15,12 @@ footer {
}
}
.bar-links {
margin: 0 7px;
}
.powered-by p {
font-size: $font-size-base;
.powered-by {
font-size: $font-size-h6;
a:hover {
color: $brand-orange;
}
}
.social {
@ -33,13 +33,13 @@ footer {
color: $white;
&:hover {
color: $brand-orange;
color: $brand-orange-light;
}
}
}
.ci-badge {
margin-top: 10px;
height: $font-size-h4;
height: $font-size-h3;
}
}

View file

@ -1,3 +1,4 @@
$brand-orange-light: #FF7F00;
$brand-orange: #F05F40;
$brand-orange-dark: darken($brand-orange, 10%);
$brand-grey-dark: #333;
@ -8,7 +9,7 @@ $white: #FFF;
/* @end General Colours */
$footer-height: 250px;
$footer-height: 175px;
$font-family-heading: "Open Sans", "Helvetica Neue", Arial, sans-serif;
/* @group Bootstrap Overrides */

View file

@ -51,22 +51,18 @@
</div>
</div>
<div class="row">
<div class="col-xs-12">
<p class="bar-links">
<a href="/about/">About</a> |
<a href="">View Source</a>
<div class="col-xs-12 powered-by">
<p>
Powered by <a href="http://blog.getpelican.com/">Pelican</a>,
<a href="https://clients.inceptionhosting.com/aff.php?aff=256">Inception Hosting</a>,
and a whole heap of <a href="https://github.com/RealOrangeOne/theorangeone.net">Magic</a>!
</p>
</div>
</div>
<div class="row">
<div class="col-xs-12 powered-by">
<p>Powered by</p>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<a href="https://circleci.com">
<img class="ci-badge" src="https://circleci.com" alt="CI Badge" />
<a href="https://circleci.com/gh/RealOrangeOne/theorangeone.net">
<img class="ci-badge" src="https://circleci.com/gh/RealOrangeOne/theorangeone.net.svg?style=svg" alt="CI Badge" />
</a>
</div>
</div>