Skip to content

Commit f2b8b02

Browse files
corylanoucorylanou
committed
feat: separate homepage from blog listing
Homepage now focuses on the product (hero, features, install) with only the latest 3 articles as a teaser. Full article listing lives at /blog/. Nav and footer links updated accordingly.
1 parent 63be282 commit f2b8b02

4 files changed

Lines changed: 41 additions & 27 deletions

File tree

‎content/blog-index/module.md‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
# Blog
2+
3+
<details>
4+
slug: blog
5+
published: 03/15/2026
6+
author: Gopher Guides
7+
seo_description: Articles, tutorials, and guides about Hype — the dynamic Markdown engine for technical writers.
8+
tags: blog
9+
</details>
10+
11+
Tutorials, guides, and updates from the Hype project.
12+
13+
## Tutorials
14+
15+
- [Single-Source Documentation](/single-source-docs/) — Use one Markdown file to generate your README and website docs
16+
- [Deploying a Hype Blog with Docker](/deploying-with-docker/) — Deploy with Dokploy, Heroku, or Docker Compose
17+
- [Getting Started with Hype](/getting-started/) — Install Hype and create your first dynamic document
18+
19+
## Documentation
20+
21+
Looking for reference docs? See the [documentation section](/docs/).

‎layouts/_default/list.html‎

Lines changed: 18 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -52,48 +52,41 @@ <h3 class="font-mono font-bold mb-2">Build-Time Validation</h3>
5252
</div>
5353
</div>
5454

55-
<!-- Articles Section -->
55+
<!-- Latest Articles Teaser -->
5656
{{if .Articles}}
5757
<div>
58-
<div class="flex items-center gap-2 text-emerald-400 text-sm mb-4 font-mono">
59-
<span class="text-gray-500">$</span>
60-
<span>ls -la articles/</span>
61-
</div>
62-
<div class="text-gray-500 text-xs font-mono pb-2 border-b border-gray-800">
63-
total {{len .Articles}}
58+
<div class="flex items-center justify-between mb-4">
59+
<div class="flex items-center gap-2 text-emerald-400 text-sm font-mono">
60+
<span class="text-gray-500">$</span>
61+
<span>ls articles/ | head -3</span>
62+
</div>
63+
<a href="/blog/" class="text-sm font-mono text-gray-400 hover:text-emerald-400 transition-colors">
64+
view all &rarr;
65+
</a>
6466
</div>
65-
<div class="space-y-4 mt-4">
66-
{{range .Articles}}
67+
<div class="space-y-4">
68+
{{range $i, $a := .Articles}}{{if lt $i 3}}
6769
<article class="group py-4 border-b border-gray-800 hover:bg-gray-900/50 transition-colors -mx-4 px-4">
6870
<div class="flex items-start gap-4">
6971
<div class="text-gray-500 text-xs font-mono whitespace-nowrap pt-1">
70-
{{.FormattedDate}}
72+
{{$a.FormattedDate}}
7173
</div>
7274
<div class="flex-1 min-w-0">
7375
<h2 class="text-lg font-mono mb-1">
74-
<a href="{{.URL}}" class="text-white hover:text-emerald-400 transition-colors">
75-
{{.Title}}
76+
<a href="{{$a.URL}}" class="text-white hover:text-emerald-400 transition-colors">
77+
{{$a.Title}}
7678
</a>
7779
</h2>
78-
{{if .SEODescription}}
79-
<p class="text-gray-400 text-sm line-clamp-2">{{.SEODescription}}</p>
80+
{{if $a.SEODescription}}
81+
<p class="text-gray-400 text-sm line-clamp-2">{{$a.SEODescription}}</p>
8082
{{end}}
81-
<div class="flex items-center gap-4 mt-2 text-xs text-gray-500 font-mono">
82-
{{if .Author}}<span>@{{.Author}}</span>{{end}}
83-
{{if .ReadingTime}}<span>~{{.ReadingTime}}m</span>{{end}}
84-
{{if .Tags}}
85-
<div class="flex gap-1">
86-
{{range .Tags}}<span class="text-emerald-600">#{{.}}</span>{{end}}
87-
</div>
88-
{{end}}
89-
</div>
9083
</div>
91-
<a href="{{.URL}}" class="text-emerald-400 opacity-0 group-hover:opacity-100 transition-opacity font-mono text-sm">
84+
<a href="{{$a.URL}}" class="text-emerald-400 opacity-0 group-hover:opacity-100 transition-opacity font-mono text-sm">
9285
&rarr;
9386
</a>
9487
</div>
9588
</article>
96-
{{end}}
89+
{{end}}{{end}}
9790
</div>
9891
</div>
9992
{{end}}

‎layouts/partials/footer.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<div class="max-w-5xl mx-auto px-4 py-6 text-center text-gray-500 font-mono text-sm">
44
<div class="flex justify-center gap-6 mb-3">
55
<a href="/docs/" class="hover:text-emerald-400 transition-colors">Docs</a>
6-
<a href="/" class="hover:text-emerald-400 transition-colors">Blog</a>
6+
<a href="/blog/" class="hover:text-emerald-400 transition-colors">Blog</a>
77
<a href="https://github.com/gopherguides/hype" class="hover:text-emerald-400 transition-colors">GitHub</a>
88
<a href="https://x.com/hype_markdown" class="hover:text-emerald-400 transition-colors">𝕏</a>
99
<a href="/rss.xml" class="hover:text-emerald-400 transition-colors">RSS</a>

‎layouts/partials/header.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
</a>
88
<div class="flex gap-6 text-sm font-mono">
99
<a href="/docs/" class="text-gray-400 hover:text-emerald-400 transition-colors">docs</a>
10-
<a href="/" class="text-gray-400 hover:text-emerald-400 transition-colors">blog</a>
10+
<a href="/blog/" class="text-gray-400 hover:text-emerald-400 transition-colors">blog</a>
1111
<a href="https://github.com/gopherguides/hype" class="text-gray-400 hover:text-emerald-400 transition-colors">github</a>
1212
<a href="https://x.com/hype_markdown" class="text-gray-400 hover:text-emerald-400 transition-colors">𝕏</a>
1313
<a href="/rss.xml" class="text-gray-400 hover:text-emerald-400 transition-colors">[rss]</a>

0 commit comments

Comments
 (0)