diff --git a/assets/css/bobastyle.css b/assets/css/bobastyle.css
index 5327d41..af59a6d 100644
--- a/assets/css/bobastyle.css
+++ b/assets/css/bobastyle.css
@@ -78,6 +78,12 @@
   background-color: var(--background-2);
 }
 
+.post-series-position {
+  position: relative;
+  float: right;
+  opacity: .75;
+}
+
 .post-title {
   margin-bottom: 10px;
 }
diff --git a/layouts/_default/summary/series.html b/layouts/_default/summary/series.html
index 05434d3..2222a6e 100644
--- a/layouts/_default/summary/series.html
+++ b/layouts/_default/summary/series.html
@@ -28,8 +28,13 @@
 
     <div class="series-pages">
         <ul>
+            {{ $i := 0 }}
+            {{ $total := len .Data.Pages }}
             {{ range .Data.Pages.Reverse }}
-                <li>{{ .Render "summary/post" }}</li>
+                {{ $i = add 1 $i }}
+                {{ .Scratch.Set "series_position" $i }}
+                {{ .Scratch.Set "series_total" $total }}
+                <li>{{ .Render "summary/series_post" }}</li>
             {{ end }}
         </ul>
     </div>
diff --git a/layouts/_default/summary/series_post.html b/layouts/_default/summary/series_post.html
new file mode 100644
index 0000000..8ce485a
--- /dev/null
+++ b/layouts/_default/summary/series_post.html
@@ -0,0 +1,29 @@
+<div class="post">
+    <div class="post-series-position">
+        {{ if .Scratch.Get "series_position" }}
+            ({{ .Scratch.Get "series_position" }}/{{ .Scratch.Get "series_total" }})
+        {{ end }}
+    </div>
+
+    <h2 class="post-title">
+        {{ with .Parent.Params.icon }}{{ partial "icon.html" . }}{{ end }}
+        <a href="{{ .Permalink }}">{{ .Title | markdownify }}</a>
+        {{ if .Draft }}{{ partial "icon.html" "write" }}{{ end }}
+    </h2>
+
+    {{ partial "post-metadata/short.html" . }}
+
+    {{ with .Resources.GetMatch "feature" }}
+        <div class="post-media">
+            {{ partial "figure.html" (dict "src" . "border" true) }}
+        </div>
+    {{ end }}
+
+    <div class="post-description">
+        {{ partial "description-or-summary.html" . }}
+    </div>
+
+    <div class="readmore">
+        <a href="{{ .Permalink }}">{{ i18n "read_more" }} &rarr;</a>
+    </div>
+</div>
diff --git a/layouts/series/term.html b/layouts/series/term.html
index 355d602..9ed9e95 100644
--- a/layouts/series/term.html
+++ b/layouts/series/term.html
@@ -9,7 +9,12 @@
 
     <div class="page-list">
         <ul>
+            {{ $i := 0 }}
+            {{ $total := len .Pages }}
             {{ range .Paginator.Pages.Reverse }}
+                {{ $i = add 1 $i }}
+                {{ .Scratch.Set "series_position" $i }}
+                {{ .Scratch.Set "series_total" $total }}
                 <li>{{ .Render "summary/post" }}</li>
             {{ else }}
                 <div>