evan/ewpratten.com
1
Fork 0
Code Actions

Improve how links look

Browse Source
This commit is contained in:
Evan Pratten 2020-11-15 23:14:57 -05:00
parent 7418c6797d
commit 7eacd5acf3
No known key found for this signature in database
GPG Key ID: 93AC7B3D071356D3
3 changed files with 31 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
_includes/head.html
View File

@ -40,14 +40,18 @@
<link rel="preload" href="{{site.baseurl}}/assets/fonts/GT-Walsheim-Regular.woff" as="font" crossorigin="anonymous"> <link rel="preload" href="{{site.baseurl}}/assets/fonts/GT-Walsheim-Regular.woff" as="font" crossorigin="anonymous">
<link rel="preload" href="{{site.baseurl}}/assets/fonts/TiemposTextWeb-Regular.woff2" as="font" <link rel="preload" href="{{site.baseurl}}/assets/fonts/TiemposTextWeb-Regular.woff2" as="font"
crossorigin="anonymous"> crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans&display=swap" rel="stylesheet">
<!-- Google fonts --> <!-- Google fonts -->
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i|IBM+Plex+Sans:100,100i,400,400i,700,700i" <link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i|IBM+Plex+Sans:100,100i,400,400i,700,700i"
rel="stylesheet"> rel="stylesheet">
<!-- Load fontawesome --> <!-- Load fontawesome -->
<link rel="preload" href="/assets/external/fontawesome/webfonts/fa-solid-900.woff2" as="font" crossorigin="anonymous"> <link rel="preload" href="/assets/external/fontawesome/webfonts/fa-solid-900.woff2" as="font"
<link rel="preload" href="/assets/external/fontawesome/webfonts/fa-brands-400.woff2" as="font" crossorigin="anonymous"> crossorigin="anonymous">
<link rel="preload" href="/assets/external/fontawesome/webfonts/fa-brands-400.woff2" as="font"
crossorigin="anonymous">
<link rel="prefetch" as="style" href="/assets/external/fontawesome/css/fontawesome.min.css" crossorigin="anonymous"> <link rel="prefetch" as="style" href="/assets/external/fontawesome/css/fontawesome.min.css" crossorigin="anonymous">
<script> <script>
var fa = document.createElement("link"); var fa = document.createElement("link");

2
_sass/site/fonts.scss
View File

@ -30,5 +30,5 @@ h3, h4, h5, h6 {
} }
p { p {
font-family: "tiempos-regular", "sans-serif"; font-family: "IBM Plex Sans", "sans-serif";
} }

14
_sass/site/page.scss
View File

@ -84,10 +84,9 @@ table,
} }
.inner-content-container { .inner-content-container {
p, h2, h3 {
a { a {
font-family: sans-serif;
text-decoration: none; text-decoration: none;
color: #212529;
position: relative; position: relative;
transition: all .3s cubic-bezier(.2, 0, 0, 1); transition: all .3s cubic-bezier(.2, 0, 0, 1);
z-index: 1; z-index: 1;
@ -98,8 +97,8 @@ table,
height: 2px; height: 2px;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
right: 0; right: 50%;
left: 0; left: 50%;
background-color: var(--color-blue); background-color: var(--color-blue);
transition: all .3s cubic-bezier(.2, 0, 0, 1); transition: all .3s cubic-bezier(.2, 0, 0, 1);
transform-origin: bottom center; transform-origin: bottom center;
@ -107,13 +106,14 @@ table,
} }
&:hover { &:hover {
color: var(--color-blue); color: #212529;
&:after { &:after {
right: 50%; right: 0;
left: 50%; left: 0;
// height: 50%; // height: 50%;
} }
} }
} }
}
} }