diff --git a/public/word-salad.css b/public/word-salad.css
new file mode 100644
index 0000000..9aac2b4
--- /dev/null
+++ b/public/word-salad.css
@@ -0,0 +1,3 @@
+@view-transition {
+  navigation: auto;
+}
diff --git a/resources/views/admin-home.blade.php b/resources/views/admin-home.blade.php
new file mode 100644
index 0000000..851f8eb
--- /dev/null
+++ b/resources/views/admin-home.blade.php
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <!-- Include our local version of HTMX -->
+        <script src="/htmx.1.9.12.js"></script>
+
+        <link href="/word-salad.css" rel="stylesheet" />
+
+        <title>{{ config('blog.publishing_name') }} | Home</title>
+    </head>
+    <body>
+			<main>
+				<h2>Hey guys, check back soon for some word-based #content</h2>
+
+                <div id="button-container">
+                    <button hx-get="{{ route('surprise') }}"
+                        hx-trigger="click"
+                        hx-target="#button-container"
+                        hx-swap="outerHTML"
+                    >
+                        Click Me!
+                    </button>
+                </div>
+			</main>
+    </body>
+</html>
diff --git a/resources/views/all-articles.blade.php b/resources/views/all-articles.blade.php
new file mode 100644
index 0000000..a1735b3
--- /dev/null
+++ b/resources/views/all-articles.blade.php
@@ -0,0 +1,8 @@
+<div>
+    Count: {{ count($all_articles) }}
+    @forelse($all_articles as $index => $article)
+        @include('article-preview')
+    @empty
+        <h4>No articles found, unlucky.</h4>
+    @endforelse
+</div>
diff --git a/resources/views/article-preview.blade.php b/resources/views/article-preview.blade.php
new file mode 100644
index 0000000..1fa0ba3
--- /dev/null
+++ b/resources/views/article-preview.blade.php
@@ -0,0 +1,6 @@
+<article>
+    <h2>{{ $article['title'] }}</h2>
+    <p>hey</p>
+    <img src="{{ $article['header_image_url']}}" />
+    <p>{{ Illuminate\Support\Str::limit($article['body'], 200) }}</p>
+</article>
diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
index a0f0fce..401172c 100644
--- a/resources/views/home.blade.php
+++ b/resources/views/home.blade.php
@@ -4,11 +4,14 @@
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width, initial-scale=1">
 
+        <link href="/word-salad.css" rel="stylesheet" />
+
         <title>{{ config('blog.publishing_name') }} | Home</title>
     </head>
     <body>
-			<main>
-				<h2>Hey guys, check back soon for some word-based #content</h2>
-			</main>
+        <main>
+            <h2>Hey guys, check back soon for some word-based #content</h2>
+            <a href="{{ route('recent-articles') }}">Recent Articles</a>
+        </main>
     </body>
 </html>
diff --git a/resources/views/test-insert.blade.php b/resources/views/test-insert.blade.php
new file mode 100644
index 0000000..368c462
--- /dev/null
+++ b/resources/views/test-insert.blade.php
@@ -0,0 +1,3 @@
+<section class="hot-new-info">
+    <h3>Hot new test info</h3>
+</section>
diff --git a/routes/web.php b/routes/web.php
index 0dd9b02..02ac18b 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -1,5 +1,6 @@
 <?php
 
+use App\Models\Article;
 use Illuminate\Support\Facades\Route;
 
 /*
@@ -16,3 +17,12 @@ use Illuminate\Support\Facades\Route;
 Route::get('/', function () {
     return view('home');
 });
+
+Route::get('/test-insert', function () {
+    return view('test-insert');
+})->name('test-insert');
+
+Route::get('/recent-articles', function () {
+    $all_articles = Article::where('published_at', '<', now())->limit(10)->get();
+    return view('all-articles', ['all_articles' => $all_articles]);
+})->name('recent-articles');
