firq-dev-website/src/pages/about.astro
2023-03-09 11:44:18 +01:00

55 lines
1.5 KiB
Text

---
import Layout from '../layouts/Layout.astro'
import BasicSection from '../layouts/basicSection.astro'
import ContactSection from '../layouts/contactSection.astro'
import ContactCard from '../components/contactCard.astro'
import contactdata from '../../static/_contactdata.json'
import CustomFooter from '../layouts/customFooter.astro'
import TechnologyCard from '../components/technologyCard.astro'
const techologydata = [
{
title: 'Astro',
link: 'https://astro.build',
image: 'astro',
},
{
title: 'GitLab',
link: 'https://gitlab.io',
image: 'gitlab',
},
{
title: 'Typescript',
link: 'https://www.typescriptlang.org/',
image: 'typescript',
},
]
const description =
"A summary of the technologies used as well as my contact information. You'll also find disclaimers and thank you notes for the people that helped me."
---
<Layout
title="About - Firq FGO Site"
currentpage="about"
descriptionOverride={description}
>
<BasicSection title="About">
This is a small sideproject that I'm creating. First time doing webdev in
general, and first project using Typescript.
</BasicSection>
<BasicSection title="Technologies used">
{techologydata.map((item) => <TechnologyCard {...item} />)}
</BasicSection>
<ContactSection title="Contact me">
{contactdata.map((item) => <ContactCard {...item} />)}
</ContactSection>
<BasicSection title="Disclaimers">
<CustomFooter />
</BasicSection>
</Layout>
<style></style>