1
Fork 0

Move links inside headers

Touch targets on mobile get a bit weird otherwise
This commit is contained in:
Jake Howard 2022-01-03 13:47:54 +00:00
parent cce85ea4ed
commit c68f1baef1
Signed by: jake
GPG key ID: 57AFB45680EDD477
2 changed files with 14 additions and 8 deletions

View file

@ -9,13 +9,17 @@
{{ 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"> <h3 class="display-3">
<h3 class="display-3"><i class="{{ $e.icon }}"></i></h3>
</a>
<div class="card-body">
<a href="{{ $e.link }}" class="colour-invert"> <a href="{{ $e.link }}" class="colour-invert">
<h3>{{ $e.name }}</h3> <i class="{{ $e.icon }}"></i>
</a> </a>
</h3>
<div class="card-body">
<h3>
<a href="{{ $e.link }}" class="colour-invert">
{{ $e.name }}
</a>
</h3>
<a href="{{ $e.link }}"> <a href="{{ $e.link }}">
<p>{{ $e.username }}</p> <p>{{ $e.username }}</p>
</a> </a>

View file

@ -17,9 +17,11 @@
</div> </div>
{{ end }} {{ end }}
<div class="media-body"> <div class="media-body">
<a href="{{ .RelPermalink }}" title="{{ .Title }}"> <h3 class="my-0 h5">
<h3 class="my-0 h5">{{ .Title }}</h3> <a href="{{ .RelPermalink }}" title="{{ .Title }}">
</a> {{ .Title }}
</a>
</h3>
<small>{{ partial "content-details.html" . }}</small> <small>{{ partial "content-details.html" . }}</small>
<p>{{ partial "summary.html" . }}</p> <p>{{ partial "summary.html" . }}</p>
</div> </div>