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-05-02 09:22:33 +02:00
|
|
|
import { SITE_DESCRIPTION } from '../consts';
|
2023-04-19 19:18:50 +02:00
|
|
|
---
|
|
|
|
|
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
2023-04-26 10:23:17 +02:00
|
|
|
<head>
|
2023-05-02 09:22:33 +02:00
|
|
|
<BaseHead title="home" description={SITE_DESCRIPTION} />
|
2023-04-26 10:23:17 +02:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2023-05-02 09:22:33 +02:00
|
|
|
<Header />
|
2023-04-26 10:23:17 +02:00
|
|
|
<main>
|
2023-04-27 08:48:05 +02:00
|
|
|
<section>
|
|
|
|
|
<h2>Welcome to my website</h2>
|
|
|
|
|
<p>
|
|
|
|
|
My name is <strong>Maciej</strong>, but if you're not sure 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>
|
|
|
|
|
</section>
|
|
|
|
|
<section>
|
|
|
|
|
<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 the
|
|
|
|
|
latest posts below:
|
|
|
|
|
</p>
|
|
|
|
|
<ul class="post-list">
|
|
|
|
|
<li>
|
|
|
|
|
<a href="#">This link leads nowhere</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<a href="#"
|
|
|
|
|
>And so does this one. But why is that, some of you may ask</a
|
|
|
|
|
>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<a href="#">The answer is simple. They're placeholders</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</section>
|
|
|
|
|
<section>
|
|
|
|
|
<h3>Enjoy my work?</h3>
|
|
|
|
|
<p>
|
|
|
|
|
If so, 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>
|
|
|
|
|
</section>
|
2023-04-26 10:23:17 +02:00
|
|
|
</main>
|
|
|
|
|
<Footer />
|
|
|
|
|
<style>
|
|
|
|
|
main {
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
2023-04-27 08:48:05 +02:00
|
|
|
section {
|
|
|
|
|
margin-bottom: 1.25rem;
|
2023-04-26 10:23:17 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
h3 {
|
|
|
|
|
font-size: 1.25rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
p {
|
2023-04-27 08:48:05 +02:00
|
|
|
margin: 0 0 1rem 0;
|
2023-04-26 10:23:17 +02:00
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</body>
|
2023-04-19 19:18:50 +02:00
|
|
|
</html>
|
