index.html

---
layout: base
title: Homepage
permalink: /
---
<div class="grid w-screen h-screen place-content-center text-center p-4">
  <div class="text-5xl sm:text-7xl">🍵</div>
  <h1 class="text-primary-600 text-4xl font-bold my-8">
    {{settings.title}}!
  </h1>
  <h2 class="max-w-md">
    <span class="font-bold">Version 2.0</span> - 11tea (Eleventea) is a super simple starter to make website using <span class="bg-primary-300">eleventy</span>, <span class="bg-primary-300">tailwindcss</span>, and <span class="bg-primary-300">alpinejs</span> which, all together are forming the new fancy TEA-Stack. Have some tea!
  </h2>
  <div class="flex my-8 justify-center">
    <a class="underline px-2" href="https://github.com/halfmage/11tea" target="_blank" rel="noopener noreferrer">Github</a>
    <a class="underline px-2" href="https://github.com/halfmage/11tea/issues" target="_blank" rel="noopener noreferrer">Issues</a>
  </div>
  <div class="bg-primary-100 p-4 whitespace-nowrap overflow-hidden">
    git clone git@github.com:halfmage/11tea.git
  </div>  
</div>