Reworked assets & improved image optimization #13
4 changed files with 23 additions and 10 deletions
|
@ -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",
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue