Compare commits

...

4 Commits

Author SHA1 Message Date
mat ess e4f9c6754b More highlight, 'brand' tweaks 2023-01-28 20:42:58 -05:00
mat ess 6f748da235 Use box shadow for link highlight 2023-01-28 15:08:52 -05:00
mat ess 01f97682a1 Stack footer on mobile 2023-01-28 14:09:53 -05:00
mat ess 662f4032a4 matthew -> mat 2023-01-28 14:08:59 -05:00
6 changed files with 32 additions and 33 deletions

View File

@ -1,6 +1,6 @@
base_url = "https://www.mat.services"
title = "mat.services"
description = "the personal website of matthew ess"
description = "the personal website of mat ess"
default_language = "en"
compile_sass = true

View File

@ -3,7 +3,7 @@ title: "about me"
path: "about"
---
## matthew ess (they/them)
## mat ess (they/them)
i'm a 'software engineer'/'code monkey' by trade, currently employed by yelp inc in the engineering effectiveness department. my work is focused on improving the tooling used by other engineers at yelp to develop python services.
[you can look at my resume here](/resume).

View File

@ -48,7 +48,8 @@ html {
// Logo
div.brand > * {
padding: 0 0.25em;
padding-left: 0.25em;
padding-right: 0.25em;
}
div.brand:hover img#logo {
@ -97,6 +98,10 @@ footer {
margin: 2em;
color: var(--text-1);
font-size: 0.75em;
}
@media (min-width: 500px) {
footer {
display: flex;
#site-info {
@ -107,6 +112,7 @@ footer {
align-items: flex-end;
}
}
}
// Post list
li.post-list-item {

View File

@ -31,7 +31,7 @@ header {
}
header .main {
font-size: 1.5rem;
font-size: 1.2rem;
/* Otherwise header and menu is too close on small screens*/
margin-bottom: 10px;

View File

@ -36,32 +36,25 @@ blockquote {
a {
color: inherit;
text-decoration: none;
position: relative;
transition: all .2s ease-in;
box-shadow: inset 0 -3px 0 var(--primary-color);
padding-bottom: 3px;
transition: all .1s ease-in;
}
a:hover {
color: var(--hover-color);
transition: all .2s ease;
box-shadow: inset 0 -1.45em 0 var(--primary-color);
transition: all .3s ease;
}
a::after {
content: "";
display: inline-block;
position: absolute;
z-index: -1;
bottom: -3px;
left: 0;
width: 100%;
height: 3px;
background-color: var(--primary-color);
transition: all .2s ease-in;
@media (prefers-reduced-motion: reduce) {
a {
transition: none;
}
a:hover::after {
height: 100%;
transform: translateY(-3px);
transition: all .2s ease;
a:hover {
transition: none;
}
}
time {

View File

@ -3,14 +3,14 @@
<p id="powered-by">
powered by <a href="https://getzola.org" target="_blank" rel="noopener noreferral">zola</a> + <a href="https://github.com/not-matthias/apollo" target="_blank" rel="noopener noreferral">apollo</a>
and
<a href="https://nixos.org" target="_blank" rel="noopener noreferral">nix</a>.
<a href="https://nixos.org" target="_blank" rel="noopener noreferral">nix</a>
</p>
<p id="privacy-note">
<a href="/privacy">privacy notice</a>.
<a href="/privacy">privacy notice</a>
</p>
</div>
<p id="copyright">
&copy; 2022-2023 mat ess.
&copy; 2022-2023 mat ess
</p>
<script data-goatcounter="https://stats.mat.services/count" async src="//stats.mat.services/count.js" crossorigin integrity="sha256-a8rh6u3maZ6JiY6w6zsLlw9OUQf2tFPUX3t1/BV+RKc="></script>
<noscript>