update link hover underline and fixed a missing icon

This commit is contained in:
AtHeartEngineer
2022-03-31 12:23:59 -04:00
parent ab5ef56493
commit ea0ee7da9c
2 changed files with 12 additions and 4 deletions

View File

@@ -203,7 +203,7 @@
</p> </p>
</div> </div>
<div class="col-md-1 link"> <div class="col-md-1 link">
<a href="" alt="" class="icon"> <div>Website</div></a> <a href=""><img src="images/globe.svg" alt="" class="icon"> <div>Website</div></a>
</div> </div>
<div class="col-md-1 link"> <div class="col-md-1 link">
<a href=""><img src="images/github.svg" alt="" class="icon"> <div>Github</div></a> <a href=""><img src="images/github.svg" alt="" class="icon"> <div>Github</div></a>

View File

@@ -25,13 +25,20 @@ body {
text-align: center; text-align: center;
} }
.link a { .link, .link a{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
}
a {
text-decoration: none; text-decoration: none;
color: white; color: white !important;
}
a:hover {
text-decoration: underline;
} }
.icon { .icon {
@@ -39,7 +46,8 @@ body {
padding-bottom: .5rem; padding-bottom: .5rem;
} }
A[href=""], A[href="#"] { a[href=""], a[href="#"], a[href=""]:hover, a[href="#"]:hover {
opacity: 25%; opacity: 25%;
cursor: default; cursor: default;
text-decoration: none;
} }