Firq/firq-dev-website
Firq/firq-dev-website
1
0
Fork 0
Code Issues Pull requests Projects Releases172 Packages1 Wiki Activity Actions

Another attempt at a major redesign, but for real this time, i swear

Browse source
This commit is contained in:
Firq 2024-10-21 16:57:02 +02:00
parent 676e5e2b00
commit 9d8493273d
Signed by: Firq
GPG key ID: 3ACC61C8CEC83C20
10 changed files with 54 additions and 69 deletions
src/components/titles
title.astro

27
src/components/titles/title.astro
View file

@ -1,10 +1,11 @@
---
import '@fontsource/work-sans/800.css'
import '@fontsource/work-sans/700.css'
import '@fontsource/work-sans/500.css'
---
<div class="wrap">
<div class="head">Hi, I'm <span class="fancy">Firq</span></div>
<div class="sub">Nice to meet you</div>
<div class="sub">&lt;/ Software dev / Scathach enthusiast / Germany /&gt;</div>
<div class="fade"></div>
</div>
@ -31,14 +32,14 @@ import '@fontsource/work-sans/800.css'
.head {
padding-top: 2rem;
font-size: 3rem;
font-weight: 800;
font-weight: 700;
font-family: 'Work Sans', 'Helvetica Neue', Helvetica, Helvetica, Arial,
sans-serif;
}
.sub {
font-size: 1rem;
font-weight: 800;
font-weight: 500;
font-family: 'Work Sans', 'Helvetica Neue', Helvetica, Helvetica, Arial,
sans-serif;
}
@ -56,6 +57,15 @@ import '@fontsource/work-sans/800.css'
}
@media (min-width: 620px) {
.head {
font-size: 3rem;
}
.sub {
font-size: 1rem;
}
}
@media (min-width: 1000px) {
.head {
font-size: 4rem;
}
@ -63,13 +73,4 @@ import '@fontsource/work-sans/800.css'
font-size: 1.25rem;
}
}
@media (min-width: 1000px) {
.head {
font-size: 6rem;
}
.sub {
font-size: 1.5rem;
}
}
</style>