<template>
  <section>
    <div class="flex justify-center -ml-24 animate-slide h-52">
      <div class="py-4 mr-14 animate-fadeout opacity-0">
        <div class="bg-gray-400 h-px w-16 my-16 block" />
        <div class="bg-gray-400 h-px w-16 my-16 translate-x-3 block" />
        <div class="bg-gray-400 h-px w-16 my-16 translate-x-1 block" />
        <div class="bg-gray-400 h-px w-16 my-16 translate-x-6 block" />
      </div>
      <SvgDockerWeb />
    </div>
    <div class="text-center py-4">
      <h1 class="text-5xl font-bold leading-relaxed">
        docker-web
      </h1>
      <h2 class="text-3xl text-center text-slate-400">
        hackable self-hosting
      </h2>
    </div>
  </section>
</template>
