---
import Layout from '../layouts/Layout.astro';
import Card from "../components/Card.astro";
import ButtonLink from "../components/Button.astro";
import ProjectCard from "../components/ProjectCard.astro";
---

<Layout title="Winter Software">
	<main class="container mx-auto p-4 md:px-12">
		<!---
        <p class="bg-primary text-primary-content p-8 text-lg rounded-sm font-bold text-center">
			Still under Construction, but have some projects.
		</p>
        -->

		<h1 class="my-3 lg:text-5xl text-3xl font-medium">Winter Software</h1>
		<p class="mb-8">
            A collection of Projects from and by
            <a class="underline" href="https://miawinter.de" target="_blank">Mia Rose Winter</a>
        </p>

		<h2 class="text-2xl lg:text-4xl font-medium mb-2">Projects</h2>
		<div class="grid grid-cols-1 xl:grid-cols-3 gap-8 gap-y-4 mb-8">
            <ProjectCard title="GeeksList"
                         description="Keep track of your favorite shows"
                         link="https://geekslist.de" />
            <ProjectCard title="Wave"
                         description="The Collaborative Open Source Blogging Engine"
                         repository="https://github.com/miawinter98/Wave" />
            <ProjectCard title="Wave Alpha"
                         description="A blog running Wave, maintained by Mia Rose Winter, with many articles about many topics from many people."
                         link="https://blog.winter-software.com" />
            <ProjectCard title="Just Short It!"
                         description="The most KISS single-user URL shortener there is"
                         repository="https://github.com/miawinter98/just-short-it" />
            <ProjectCard title="image-gallery"
                         description="Create a simple image gallery using Github Pages"
                         link="https://miawinter98.github.io/image-gallery/"
                         repository="https://github.com/miawinter98/image-gallery" />
            <ProjectCard title="Asilifelis" description="coming soon*">
                <p class="text-end"><small>*if soon means in like the next <span class="line-through">5</span> 10 years</small></p>
            </ProjectCard>
		</div>
	</main>
</Layout>