Reworked assets & improved image optimization #13

Merged
Firq merged 9 commits from dev into main 2023-12-26 00:09:06 +00:00
4 changed files with 23 additions and 10 deletions
Showing only changes of commit 6d2cc3b996 - Show all commits

View file

@ -1,7 +1,7 @@
{ {
"name": "@firq/fgosite", "name": "@firq/fgosite",
"type": "module", "type": "module",
"version": "0.1.10", "version": "0.1.11",
"private": true, "private": true,
"scripts": { "scripts": {
"dev": "astro dev", "dev": "astro dev",

View file

@ -15,15 +15,19 @@ const { title } = Astro.props
<style> <style>
h1 { h1 {
font-size: 26px; font-size: 40px;
line-height: 32px; line-height: 48px;
letter-spacing: -1px; letter-spacing: -1px;
color: white; color: white;
margin: 0.5rem 0.75rem 0.5rem 0.75rem; font-size: 2.25rem;
margin-top: 1rem;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 0.25rem 0.75rem; padding: 0.25rem 0.75rem;
width: max-content; max-width: max-content;
background-color: var(--c-darkgray); background-color: var(--c-darkgray);
padding: 0.25rem 1rem; padding: 0.25rem 1.5rem;
border-radius: 0.5rem; border-radius: 0.5rem;
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
} }
@ -61,4 +65,10 @@ const { title } = Astro.props
justify-content: left; justify-content: left;
} }
} }
@media (min-width: 520px) {
h1 {
margin: 0.5rem 0.75rem 0.5rem 0.75rem;
}
}
</style> </style>

View file

@ -83,6 +83,9 @@ const { title } = Astro.props
.line { .line {
margin-left: 2.1rem; margin-left: 2.1rem;
} }
h1 {
margin-left: 3rem;
}
} }
@media (min-width: 1500px) { @media (min-width: 1500px) {
.wrapper { .wrapper {

View file

@ -23,15 +23,15 @@ const description =
This is a small sideproject that I'm creating. First time doing webdev in This is a small sideproject that I'm creating. First time doing webdev in
general, and first project using Typescript. general, and first project using Typescript.
</AboutSection> </AboutSection>
<AboutSection title="Technologies used"> <ContactSection title="Technologies used">
{technologydata.map((item) => <TechnologyCard {...item} />)} {technologydata.map((item) => <TechnologyCard {...item} />)}
</AboutSection> </ContactSection>
<ContactSection title="Contact me"> <ContactSection title="Contact me">
{contactdata.map((item) => <ContactCard {...item} />)} {contactdata.map((item) => <ContactCard {...item} />)}
</ContactSection> </ContactSection>
<AboutSection title="Disclaimers"> <ContactSection title="Disclaimers">
<CustomFooter /> <CustomFooter />
</AboutSection> </ContactSection>
</Layout> </Layout>
<style></style> <style></style>