My Microblog

This is the Hygraph Microblog starter. This is a place that I can share my thoughts that I own and is not owned by a corporation that can do what they want with my content.

On top of me owning my own content, there are no restrictions. Just to prove it, here's a bunch of lorem ipsum in a block quote.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin lacinia luctus justo, at imperdiet velit sagittis sit amet. Donec suscipit luctus metus vel pulvinar. Nam pretium nunc augue, eu venenatis metus lacinia ac. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Vestibulum convallis ante arcu. Ut vulputate, ipsum at tempus semper, felis mauris congue urna, nec pulvinar felis turpis in metus. Aliquam rhoncus, nisi id lacinia sollicitudin, purus mauris malesuada orci, eget dapibus justo sapien a tortor. Suspendisse potenti. Pellentesque malesuada vulputate ante sed auctor. Aliquam facilisis mi massa, sed convallis ante aliquet ut.

The sky is the limit.

Speaking of no limits, I can also share my code blocks with you to help you learn how to work with Astro or Hygraph.

Here's the code from the PostContent component of this website:

const PostContent = ({ post }) => {
  const { content, slug, createdAt } = post;

  const dateString = new Date(createdAt).toLocaleDateString("en-US", {
    dateStyle: "full",
  });
  const timeString = new Date(createdAt).toLocaleTimeString("en-US", {
    timeStyle: "short",
  });

  return (
    <>
      <div dangerouslySetInnerHTML={{ __html: content.html }}></div>
      <time dateTime="{createdAt}">
        <a href={`/posts/${slug}`}>
          {dateString} at {timeString}
        </a>
      </time>
    </>
  );
};

export default PostContent;