2023-04-19 19:18:50 +02:00
|
|
|
---
|
|
|
|
import BaseHead from '../components/BaseHead.astro';
|
|
|
|
import Header from '../components/Header.astro';
|
|
|
|
import Footer from '../components/Footer.astro';
|
2023-04-26 10:23:17 +02:00
|
|
|
import FormattedDate from '../components/FormattedDate.astro';
|
2023-04-19 19:18:50 +02:00
|
|
|
import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
|
|
|
|
---
|
|
|
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
2023-04-26 10:23:17 +02:00
|
|
|
<head>
|
|
|
|
<BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<Header title={SITE_TITLE} />
|
|
|
|
<main>
|
|
|
|
<h2>Welcome to my website!</h2>
|
|
|
|
<p>
|
|
|
|
My name is <strong>Maciej</strong>, but if you don't know how to
|
|
|
|
pronounce it, then you can call me <strong>Mac</strong>. I'm an
|
|
|
|
eighteen-year-old frontend developer from <strong>Poland</strong>.
|
|
|
|
Although I mainly use <strong>Vue</strong> and <strong>Nuxt</strong> for
|
|
|
|
my projects, I'm also familiar with <strong>Alpine</strong> and <strong
|
|
|
|
>Astro</strong
|
|
|
|
>.
|
|
|
|
</p>
|
|
|
|
<h3>My blog</h3>
|
|
|
|
<p>
|
|
|
|
It serves as a means of documenting the development process and inner
|
|
|
|
workings of <a href="/projects">my applications</a>. Check out my latest
|
|
|
|
posts below:
|
|
|
|
</p>
|
|
|
|
<ul>
|
|
|
|
<li>
|
|
|
|
<FormattedDate date={new Date()} />
|
|
|
|
<a href="#">Lorem Ipsum</a>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<FormattedDate date={new Date()} />
|
|
|
|
<a href="#">Lorem Ipsum</a>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<FormattedDate date={new Date()} />
|
|
|
|
<a href="#">Lorem Ipsum</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
<h3>Enjoy my work?</h3>
|
|
|
|
<p>
|
|
|
|
If so, then make sure to follow me on <a
|
|
|
|
href="https://github.com/maciejpedzich"
|
|
|
|
target="_blank"
|
|
|
|
rel="noopener noreferrer">GitHub</a
|
|
|
|
>, <a
|
|
|
|
href="https://twitter.com/MaciejPedzich"
|
|
|
|
target="_blank"
|
|
|
|
rel="noopener noreferrer">Twitter</a
|
|
|
|
>, or <a rel="me" href="https://notacult.social/@macindahaus"
|
|
|
|
>Mastodon</a
|
|
|
|
>.
|
|
|
|
</p>
|
|
|
|
</main>
|
|
|
|
<Footer />
|
|
|
|
<style>
|
|
|
|
main {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
h2,
|
|
|
|
h3 {
|
|
|
|
text-transform: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
h3 {
|
|
|
|
font-size: 1.25rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
p {
|
|
|
|
margin: 0.5rem 0 1rem 0;
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</body>
|
2023-04-19 19:18:50 +02:00
|
|
|
</html>
|