mirror of
https://github.com/getmarkus/astro-tailwind-mambaui-template.git
synced 2025-04-24 04:31:52 +02:00
1 line
16 KiB
HTML
1 line
16 KiB
HTML
|
<!DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><meta name="viewport" content="width=device-width"><meta name="generator" content="Astro v3.6.2"><title>Astro</title><link rel="stylesheet" href="/_astro/business_layout2.f4befd13.css" /><script type="module" src="/_astro/page.7730416e.js"></script></head> <body> <div class="antialiased bg-gray-800 text-gray-100"> <div class="flex flex-col min-h-screen space-y-12"> <header class="container flex items-center justify-between w-full max-w-3xl px-6 py-10 mx-auto xl:max-w-5xl"> <a rel="noopener noreferrer" href="#" class="block h-6 text-2xl font-semibold">Leroy Jenkins</a> <div class="flex items-center"> <div class="hidden space-x-2 font-medium sm:block"> <a rel="noopener noreferrer" href="#" class="p-1">Blog</a> <a rel="noopener noreferrer" href="#" class="p-1">Tags</a> <a rel="noopener noreferrer" href="#" class="p-1">Projects</a> <a rel="noopener noreferrer" href="#" class="p-1">About</a> </div> <button aria-label="Toggle Dark Mode" type="button" class="w-8 h-8 p-1 ml-1 mr-1 rounded sm:ml-4"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-gray-900"> <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path> </svg> </button> <div class="sm:hidden"> <button type="button" aria-label="Toggle Menu" class="w-8 h-8 ml-1 mr-1 rounded"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-gray-900"> <path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path> </svg> </button> <div class="fixed right-0 z-10 w-full h-full duration-300 ease-in-out transform translate-x-full top-24"> <button type="button" aria-label="toggle modal" class="fixed w-full h-full cursor-auto focus:outline-none"></button> <nav class="fixed h-full mt-8"> <div class="px-12 py-4"> <a rel="noopener noreferrer" href="#" class="text-2xl font-bold tracki text-gray-900">Blog</a> </div> <div class="px-12 py-4"> <a rel="noopener noreferrer" href="#" class="text-2xl font-bold tracki text-gray-900">Tags</a> </div> <div class="px-12 py-4"> <a rel="noopener noreferrer" href="#" class="text-2xl font-bold tracki text-gray-900">Projects</a> </div> <div class="px-12 py-4"> <a rel="noopener noreferrer" href="#" class="text-2xl font-bold tracki text-gray-900">About</a> </div> </nav> </div> </div> </div> </header> <main class="container flex-1 max-w-3xl px-6 mx-auto space-y-12 xl:max-w-5xl"> <div class="space-y-6"> <h2 class="text-3xl font-extrabold text-gray-50">Recent blog posts</h2> <ul class="space-y-8 xl:space-y-10"> <li> <article> <dl> <dt class="sr-only">Published on</dt> <dd class="text-xs text-gray-400"> <time datetime="2021-01-12">January 12, 2021</time> </dd> </dl> <div class="space-y-1"> <h3 class="text-2xl font-bold tracki"> <a rel="noopener noreferrer" href="#" class="text-gray-50">Hendrerit vulputate eu quo.</a> </h3> <p class="max-w-full prose text-gray-100">Qui ei agam assum vivendum, ad nostro mediocrem sit, erant sanctus maiestatis vel no. Reque periculis usu at, id mel dicam impetus aliquip. At discere feugiat qui, meliore lucilius persecuti ut pri, vivendo corpora ne sit.</p> <div class="flex flex-wrap space-x-3"> <a rel="noopener noreferrer" href="#" class="text-xs text-violet-400">#angular</a> <a rel="noopener noreferrer" href="#" class="text-xs text-violet-400">#tailwind</a> <a rel="noopener noreferrer" href="#" class="text-xs text-violet-400">#webdev</a> </div> </div> </article> </li> <li> <article> <dl> <dt class="sr-only">Published on</dt> <dd class="text-xs text-gray-400"> <time datetime="2021-01-12">January 12, 2021</time> </dd> </dl> <div class="space-y-1"> <h3 class="text-2xl font-bold tracki"> <a rel="noopener noreferrer" href="#" class="text-gray-50"> Vis te oporteat deterruisset.</a> </h3> <p class="max-w-full prose text-gray-100"> Vero facete sea ne. Ludus saperet scriptorem no usu.
|