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-min: 30px;
--font-tar: 10vw; --font-tar: 10vw;
--font-max: 4vh; --font-max: 3vh;
} }
/* -- Cornerstones -- */ /* -- Cornerstones -- */
@ -73,7 +73,7 @@ body > div {
#intro { #intro {
--font-tar: 13vw; --font-tar: 13vw;
--font-max: 6vh; --font-max: 5vh;
padding: calc(var(--padding) / 2); padding: calc(var(--padding) / 2);
} }
@ -109,6 +109,7 @@ body > div {
padding-top: calc(var(--portrait-size) - (var(--padding) / 2)); padding-top: calc(var(--portrait-size) - (var(--padding) / 2));
border-radius: 18px; border-radius: 18px;
backdrop-filter: saturate(100) brightness(.3); 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); 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 -- */ /* -- 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 { #card {
background-color: rgba(var(--color-base), .7); 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"/> <img src="https://lh3.googleusercontent.com/a-/AOh14Ggkm-Fr7rjHKeJHKHNOZoM72lARq25kIJS73Wo0SU4=s128-c-rg-br100" alt="portrait of victor"/>
<div> <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>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>
<div> <div>
<p>...and ☕, full-time</p> <p>...and ☕, full-time</p>