This Site

I want to get a website up as quick as possible

Tools I used

"Create a simple blog page html layout styled using tailwind. There should be a title section and a content section added using liquid. Make the background offwhite. The color should be charcoal grey. There should be a navigation menu at the top with the website title "JoshKaiser.dev" with links to /posts and /about."

Resulted in

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
</head>
<body class="bg-gray-100 text-gray-800">
    <header class="bg-white shadow">
        <div class="container mx-auto px-4 py-4 flex justify-between items-center">
            <h1 class="text-2xl font-bold text-gray-800"><a href="/">JoshKaiser.dev</a></h1>
            <nav>
                <ul class="flex space-x-4">
                    <li><a href="/posts" class="text-gray-800 hover:text-gray-600">Posts</a></li>
                    <li><a href="/about" class="text-gray-800 hover:text-gray-600">About</a></li>
                </ul>
            </nav>
        </div>
    </header>
    <main class="container mx-auto px-4 py-8">
        <article>
            <header>
                <h2 class="text-3xl font-bold">This Site</h2>
            </header>
            <section class="mt-4">
                
            </section>
        </article>
    </main>
</body>
</html>

This Site

I want to get a website up as quick as possible

Tools I used

"Create a simple blog page html layout styled using tailwind. There should be a title section and a content section added using liquid. Make the background offwhite. The color should be charcoal grey. There should be a navigation menu at the top with the website title "JoshKaiser.dev" with links to /posts and /about."

Resulted in

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
</head>
<body class="bg-gray-100 text-gray-800">
    <header class="bg-white shadow">
        <div class="container mx-auto px-4 py-4 flex justify-between items-center">
            <h1 class="text-2xl font-bold text-gray-800"><a href="/">JoshKaiser.dev</a></h1>
            <nav>
                <ul class="flex space-x-4">
                    <li><a href="/posts" class="text-gray-800 hover:text-gray-600">Posts</a></li>
                    <li><a href="/about" class="text-gray-800 hover:text-gray-600">About</a></li>
                </ul>
            </nav>
        </div>
    </header>
    <main class="container mx-auto px-4 py-8">
        <article>
            <header>
                <h2 class="text-3xl font-bold">This Site</h2>
            </header>
            <section class="mt-4">
                
            </section>
        </article>
    </main>
</body>
</html>