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

Improve spacing and headers on contact page

Browse source
This commit is contained in:
Jake Howard 2021-12-27 11:21:28 +00:00
parent 02d0fd4d77
commit b8f07c76a4
Signed by: jake
GPG key ID: 57AFB45680EDD477
2 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
layouts/_default/contact.html
View file

@ -3,14 +3,14 @@
<div class="container"> <div class="container">
{{ partial "content.html" . }} {{ partial "content.html" . }}
<h3>Profiles</h3> <h2>Profiles</h2>
<div class="row"> <div class="row">
{{ 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 about-card text-center" id="{{ urlize $e.name }}"> <div class="card about-card text-center" id="{{ urlize $e.name }}">
<a href="{{ $e.link }}" class="colour-invert"> <a href="{{ $e.link }}" class="colour-invert">
<h1 class="display-3"><i class="{{ $e.icon }}"></i></h1> <h3 class="display-3"><i class="{{ $e.icon }}"></i></h3>
</a> </a>
<div class="card-body"> <div class="card-body">
<a href="{{ $e.link }}" class="colour-invert"> <a href="{{ $e.link }}" class="colour-invert">

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

@ -293,6 +293,11 @@ a.no-color-change {
.about-card { .about-card {
border: 1px solid $body-color; border: 1px solid $body-color;
background-color: $body-bg; background-color: $body-bg;
h3 {
margin-bottom: 0;
margin-top: $card-spacer-x;
}
} }
#scroll-top, #scroll-elevator { #scroll-top, #scroll-elevator {