maciejpedzi.ch/src/pages/index.astro

83 lines
2.2 KiB
Plaintext
Raw Normal View History

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>