vlw/victorwesterlund.com
1
0
Fork 0
mirror of https://codeberg.org/vlw/victorwesterlund.com.git synced 2025-09-14 03:23:41 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

wip(22w7e): fix font size

Browse source
This commit is contained in:
Victor Westerlund 2022-02-16 10:53:12 -05:00
parent 83be01edd4
commit 9fc0b00cec
2 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
public/assets/css/style.css
View file

@ -6,7 +6,7 @@
--font-min: 30px;
--font-tar: 10vw;
--font-max: 4vh;
--font-max: 3vh;
}
/* -- Cornerstones -- */
@ -73,7 +73,7 @@ body > div {
#intro {
--font-tar: 13vw;
--font-max: 6vh;
--font-max: 5vh;
padding: calc(var(--padding) / 2);
}
@ -109,6 +109,7 @@ body > div {
padding-top: calc(var(--portrait-size) - (var(--padding) / 2));
border-radius: 18px;
backdrop-filter: saturate(100) brightness(.3);
-webkit-backdrop-filter: saturate(100) brightness(.3);
box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
}
@ -134,7 +135,7 @@ body > div {
/* -- Media Queries -- */
@supports ((not (backdrop-filter: saturate)) and (not (backdrop-filter: brightness))) or ((not (-webkit-backdrop-filter: saturate)) and (not (-webkit-backdrop-filter: brightness))) {
@supports ((backdrop-filter: saturate) and (backdrop-filter: brightness)) or ((-webkit-backdrop-filter: saturate) and (-webkit-backdrop-filter: brightness)) {
#card {
background-color: rgba(var(--color-base), .7);
}

2
public/index.html
View file

@ -28,7 +28,7 @@
<img src="https://lh3.googleusercontent.com/a-/AOh14Ggkm-Fr7rjHKeJHKHNOZoM72lARq25kIJS73Wo0SU4=s128-c-rg-br100" alt="portrait of victor"/>
<div>
<p>I create things with code. When I'm not creating things with code, I enjoy skiing, watching movies and some occasional gaming</p>
<p>Beyond computer science, I'm also an armchair rabbit-holer for engineering, physics and astronomy</p>
<p>And beyond computer science, I'm also an armchair rabbit-holer for engineering, physics and astronomy</p>
</div>
<div>
<p>...and ☕, full-time</p>