diff --git a/app/Http/Controllers/PostsController.php b/app/Http/Controllers/PostsController.php
index 75d7cfb..8207a5b 100644
--- a/app/Http/Controllers/PostsController.php
+++ b/app/Http/Controllers/PostsController.php
@@ -20,7 +20,6 @@ class PostsController extends Controller
 
     public function show(Sheet $post)
     {
-        dd($post);
         return view('posts.show', compact('post'));
     }
 }
diff --git a/package-lock.json b/package-lock.json
index 2120e3e..78865d5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,6 +11,7 @@
             },
             "devDependencies": {
                 "@tailwindcss/aspect-ratio": "^0.4.2",
+                "@tailwindcss/typography": "^0.5.10",
                 "autoprefixer": "^10.4.16",
                 "axios": "^1.1.2",
                 "laravel-vite-plugin": "^0.8.0",
@@ -484,6 +485,34 @@
                 "tailwindcss": ">=2.0.0 || >=3.0.0 || >=3.0.0-alpha.1"
             }
         },
+        "node_modules/@tailwindcss/typography": {
+            "version": "0.5.10",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.10.tgz",
+            "integrity": "sha512-Pe8BuPJQJd3FfRnm6H0ulKIGoMEQS+Vq01R6M5aCrFB/ccR/shT+0kXLjouGC1gFLm9hopTFN+DMP0pfwRWzPw==",
+            "dev": true,
+            "dependencies": {
+                "lodash.castarray": "^4.4.0",
+                "lodash.isplainobject": "^4.0.6",
+                "lodash.merge": "^4.6.2",
+                "postcss-selector-parser": "6.0.10"
+            },
+            "peerDependencies": {
+                "tailwindcss": ">=3.0.0 || insiders"
+            }
+        },
+        "node_modules/@tailwindcss/typography/node_modules/postcss-selector-parser": {
+            "version": "6.0.10",
+            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
+            "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
+            "dev": true,
+            "dependencies": {
+                "cssesc": "^3.0.0",
+                "util-deprecate": "^1.0.2"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
         "node_modules/ansi-styles": {
             "version": "3.2.1",
             "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
@@ -1703,6 +1732,24 @@
                 "node": ">=4"
             }
         },
+        "node_modules/lodash.castarray": {
+            "version": "4.4.0",
+            "resolved": "https://registry.npmjs.org/lodash.castarray/-/lodash.castarray-4.4.0.tgz",
+            "integrity": "sha512-aVx8ztPv7/2ULbArGJ2Y42bG1mEQ5mGjpdvrbJcJFU3TbYybe+QlLS4pst9zV52ymy2in1KpFPiZnAOATxD4+Q==",
+            "dev": true
+        },
+        "node_modules/lodash.isplainobject": {
+            "version": "4.0.6",
+            "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
+            "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==",
+            "dev": true
+        },
+        "node_modules/lodash.merge": {
+            "version": "4.6.2",
+            "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+            "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+            "dev": true
+        },
         "node_modules/memorystream": {
             "version": "0.3.1",
             "resolved": "https://registry.npmjs.org/memorystream/-/memorystream-0.3.1.tgz",
diff --git a/package.json b/package.json
index bfb173c..5737bea 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
     },
     "devDependencies": {
         "@tailwindcss/aspect-ratio": "^0.4.2",
+        "@tailwindcss/typography": "^0.5.10",
         "autoprefixer": "^10.4.16",
         "axios": "^1.1.2",
         "laravel-vite-plugin": "^0.8.0",
diff --git a/resources/views/components/home/features.blade.php b/resources/views/components/home/features.blade.php
index d09425a..f86f725 100644
--- a/resources/views/components/home/features.blade.php
+++ b/resources/views/components/home/features.blade.php
@@ -62,7 +62,7 @@
             </a>
 
             <a class="block p-8 transition bg-stone-800/40 border shadow-xl border-stone-800 rounded-xl hover:border-orange-500/10 hover:shadow-orange-500/10"
-               href="#">
+               href="/posts">
                 <x-iconsax-bul-receipt-edit class="h-10 text-orange-400"/>
 
                 <h2 class="mt-4 text-xl font-bold text-white">Blog Posts</h2>
diff --git a/resources/views/components/navbar.blade.php b/resources/views/components/navbar.blade.php
index 4d9709d..f2c5070 100644
--- a/resources/views/components/navbar.blade.php
+++ b/resources/views/components/navbar.blade.php
@@ -61,7 +61,7 @@
                         Sale Rotation</a>
                 </li>
                 <li>
-                    <a href="#"
+                    <a href="{{route('posts.index')}}"
                        class="flex py-2 pl-3 pr-2 rounded hover:bg-stone-100 md:hover:bg-transparent
                         md:border-0 md:hover:text-orange-500 md:p-0 md:dark:hover:text-orange-400
                         dark:hover:bg-stone-700 dark:hover:text-white md:dark:hover:bg-transparent
diff --git a/resources/views/posts/show.blade.php b/resources/views/posts/show.blade.php
index e69de29..8e7feff 100644
--- a/resources/views/posts/show.blade.php
+++ b/resources/views/posts/show.blade.php
@@ -0,0 +1,38 @@
+@use('Carbon\Carbon')
+@extends('layouts.app')
+
+@section('title', $post->title . ' • Heimerdinger.LoL')
+@section('description', 'Heimerdinger.LoL: ' . $post->description)
+
+@section('content')
+    <a href="{{route('posts.index')}}"
+       class="block mt-8 text-center text-orange-400 text-sm uppercase font-medium hover:underline">Back
+        to
+        posts</a>
+    <article class="max-w-screen-md mx-auto mt-2 prose prose-stone prose-invert" itemscope
+             itemtype="https://schema.org/BlogPosting"
+             itemid="https://www.dataliberate.com/2019/05/14/library-metadata-evolution-final-mile/">
+        <meta itemprop="wordCount" content="{{str_word_count($post->contents)}}">
+        <h3 class="not-prose text-sm text-center text-orange-100 font-semibold" itemprop="datePublished">
+            {{ Carbon::parse($post->date)->format('F d, Y') }}
+        </h3>
+        <div>
+            <h1
+                class="not-prose text-3xl font-bold text-center text-transparent uppercase sm:text-4xl
+        bg-gradient-to-bl from-orange-300 to-orange-500 bg-clip-text" itemprop="headline">
+                “{{$post->title}}”</h1>
+            <h2 class="not-prose text-center text-orange-400 text-sm italic" itemprop="description">
+                “{{ $post->description }}”
+            </h2>
+            <p>
+                {{$post->contents}}
+            </p>
+            <p class="mt-3 text-sm text-center">
+                Tagged with: <span itemprop="keywords"
+                                   class="italic">
+                    {{ isset($post->tags) ? implode(', ', $post->tags)
+                       : 'League of Legends' }}</span>
+            </p>
+        </div>
+    </article>
+@endsection
diff --git a/tailwind.config.js b/tailwind.config.js
index 0171d44..27fdb9b 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -39,5 +39,6 @@ module.exports = {
             textColor: ['group-hover'],
         }
     },
-    plugins: [require("flowbite/plugin"), require("@tailwindcss/aspect-ratio"), require('tailwind-capitalize-first-letter'),],
+    plugins: [require("flowbite/plugin"), require("@tailwindcss/aspect-ratio"), require('tailwind-capitalize-first-letter'),
+        require('@tailwindcss/typography')],
 };