---
import { getCollection } from "astro:content";
import FormattedDate from "../components/FormattedDate.astro";
import DefaultLayout from "../layouts/DefaultLayout.astro";
import { Image } from "astro:assets";
import myImage from "../assets/12561.png"

// Get all posts and filter out archived ones if needed
const allPosts = await getCollection("blog");

const posts = allPosts
	.filter((post) => !post.data.archived)
	.sort((a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf());
---

<DefaultLayout>
	<section>
		<div style="color: #eeeeee;">
			<h4>Who are you ?</h4>
      <p>nc</p>
      <p>
        <a href="https://github.com/NCanggoro" target="_">GitHub </a>
	    	<a href="https://gitlab.com/cloudcorezip" target="_">GitLab </a>
				<a href="https://git.nochill.in/nochill" target="_">Gitea </a>
        <a href="mailto:ncanggoro@tutanota.com" target="_">Email </a>
      </p>
      <h4 class="faq-title">Why so many <a href="https://en.wikipedia.org/wiki/Comparison_of_source-code-hosting_facilities" target="_">forge</a> ?</h4>
      <p>Consumer do be consuming</p>
      <h4 class="faq-title">What do you do ?</h4>
      <p>Professional Typer</p>
      <h4 class="faq-title">What are your hobbies ?</h4>
      <p>Yes</p>
      <h4 class="faq-title">Don't care didn't ask</h4>
      <div>
        <Image  src={myImage} alt={"image"} width="240" height="240"/>
      </div>
		</div>
	</section>
</DefaultLayout>
<style>
	h4 {
		color: #eeee;
		font-size: 1.15rem;
		margin: 0;
	}
	ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	a {
		text-decoration: none;
		display: inline-block;
		color: #4ecca3;
	}

	a:hover {
		text-decoration: underline;
		color: #fff;
	}
	.post-item {
		margin-bottom: 1.5em;
	}

	p {
		margin: 0;
		font-size: 1.1rem;
	}

	.date {
		margin: 0;
		color: #767D92;
		font-size: 0.9rem;
	}

	.faq-title {
		margin-top: 1em;
	}
	.title {
		line-height: 1;
		color: #eeeeee;
	}
	.title h1 {
		margin: 0 0 0.5em 0;
	}
</style>
