archive/theorangeone.net-legacy
1
Fork 0
Code Activity

Make everything in the social list a link

Browse source
This commit is contained in:
Jake Howard 2018-01-01 17:26:31 +00:00
parent b5360cebc6
commit d451ad6d6c
Signed by: jake
GPG key ID: 57AFB45680EDD477
2 changed files with 14 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
layouts/shortcodes/social_list.html
View file

@ -2,9 +2,13 @@
{{ range $i, $e := sort .Site.Data.social.accounts "name" }} {{ range $i, $e := sort .Site.Data.social.accounts "name" }}
<div class="col-sm-3 mt-3"> <div class="col-sm-3 mt-3">
<div class="card text-center"> <div class="card text-center">
<h1 class="display-3"><i class="{{ $e.icon }}"></i></h1> <a href="{{ $e.icon }}" class="colour-invert">
<h1 class="display-3"><i class="{{ $e.icon }}"></i></h1>
</a>
<div class="card-body"> <div class="card-body">
<h3>{{ $e.name }}</h3> <a href="{{ $e.icon }}" class="colour-invert">
<h3>{{ $e.name }}</h3>
</a>
<a href="{{ $e.link }}"> <a href="{{ $e.link }}">
<p>{{ $e.username }}</p> <p>{{ $e.username }}</p>
</a> </a>

8
static/src/scss/style.scss
View file

@ -18,6 +18,14 @@ a {
&:hover { &:hover {
color: $black; color: $black;
} }
&.colour-invert {
color: $black;
&:hover {
color: $primary;
}
}
} }
pre code { pre code {