diff --git a/views/pages/artwork.jet.html b/views/pages/artwork.jet.html
index ccf72b9..c8bacf2 100644
--- a/views/pages/artwork.jet.html
+++ b/views/pages/artwork.jet.html
@@ -1,4 +1,4 @@
-<div class="container illust">
+<div class="container illust" id="checkpoint">
   {{ if !Illust.IsUgoira }}
   <div class="illust-images">
     {{ range index := Illust.Images }}
diff --git a/views/pages/components/ranking-tn.jet.html b/views/pages/components/ranking-tn.jet.html
new file mode 100644
index 0000000..5758939
--- /dev/null
+++ b/views/pages/components/ranking-tn.jet.html
@@ -0,0 +1,23 @@
+{{ range . }}
+<div class="artwork-small artwork">
+  <div class="artwork-additional">
+    <div class="artwork-position">{{ .Rank }}</div>
+    {{ if toInt(.Pages) > 1 }}
+    <div class="artwork-page-count"><span>&boxbox; {{ .Pages }}</span></div>
+    {{ end }}
+  </div>
+
+  <a href="/artworks/{{ .ID }}#checkpoint">
+    <img src="{{ .Image }}" alt="{{ .Title }}" />
+  </a>
+  <div class="artwork-title">
+    <a href="/artworks/{{ .ID }}#checkpoint"> {{ .Title }} </a>
+  </div>
+  <div class="artwork-author">
+    <a href="/users/{{ .ArtistID }}"
+      ><img src="{{ .ArtistAvatar }}" alt="{{ .ArtistName }}" />
+      <span>{{ .ArtistName }}</span></a
+    >
+  </div>
+</div>
+{{ end }}
\ No newline at end of file
diff --git a/views/pages/components/thumbnail-dt.jet.html b/views/pages/components/thumbnail-dt.jet.html
index b7e222a..14c3f8c 100644
--- a/views/pages/components/thumbnail-dt.jet.html
+++ b/views/pages/components/thumbnail-dt.jet.html
@@ -7,6 +7,6 @@
   <div class="artwork-page-count"><span>&boxbox; {{ .Pages }}</span></div>
   {{ end }}
 </div>
-<a href="/artworks/{{ .ID }}">
+<a href="/artworks/{{ .ID }}#checkpoint">
   <img src="{{ .Thumbnail }}" alt="{{ .Title }}" loading="lazy" />
 </a>
diff --git a/views/pages/components/thumbnail-tt.jet.html b/views/pages/components/thumbnail-tt.jet.html
index e87311a..e713eb6 100644
--- a/views/pages/components/thumbnail-tt.jet.html
+++ b/views/pages/components/thumbnail-tt.jet.html
@@ -1,3 +1,3 @@
 <div class="artwork-title">
-  <a href="/artworks/{{ .ID }}"> {{ .Title }} </a>
+  <a href="/artworks/{{ .ID }}#checkpoint"> {{ .Title }} </a>
 </div>
diff --git a/views/pages/index.jet.html b/views/pages/index.jet.html
index 515563c..8deeb68 100644
--- a/views/pages/index.jet.html
+++ b/views/pages/index.jet.html
@@ -7,29 +7,7 @@
     <a href="/ranking?content=all">See more</a>
   </div>
   <div class="artwork-container-scroll">
-    {{ range NoTokenData.Contents }}
-    <div class="artwork-small artwork">
-      <div class="artwork-additional">
-        <div class="artwork-position">{{ .Rank }}</div>
-        {{ if toInt(.Pages) > 1 }}
-        <div class="artwork-page-count"><span>&boxbox; {{ .Pages }}</span></div>
-        {{ end }}
-      </div>
-
-      <a href="/artworks/{{ .ID }}">
-        <img src="{{ .Image }}" alt="{{ .Title }}" />
-      </a>
-      <div class="artwork-title">
-        <a href="/artworks/{{ .ID }}"> {{ .Title }} </a>
-      </div>
-      <div class="artwork-author">
-        <a href="/users/{{ .ArtistID }}"
-          ><img src="{{ .ArtistAvatar }}" alt="{{ .ArtistName }}" />
-          <span>{{ .ArtistName }}</span></a
-        >
-      </div>
-    </div>
-    {{ end }}
+    {{ include "components/ranking-tn" NoTokenData.Contents }}
   </div>
 
 {{ else }}
diff --git a/views/pages/rank.jet.html b/views/pages/rank.jet.html
index b901bad..9cdc328 100644
--- a/views/pages/rank.jet.html
+++ b/views/pages/rank.jet.html
@@ -61,29 +61,7 @@
   <br />
 
   <div class="artwork-container">
-    {{ range Data.Contents }}
-    <div class="artwork-small artwork">
-      <div class="artwork-additional">
-        <div class="artwork-position">{{ .Rank }}</div>
-        {{ if toInt(.Pages) > 1 }}
-        <div class="artwork-page-count"><span>&boxbox; {{ .Pages }}</span></div>
-        {{ end }}
-      </div>
-
-      <a href="/artworks/{{ .ID }}">
-        <img src="{{ .Image }}" alt="{{ .Title }}" />
-      </a>
-      <div class="artwork-title">
-        <a href="/artworks/{{ .ID }}"> {{ .Title }} </a>
-      </div>
-      <div class="artwork-author">
-        <a href="/users/{{ .ArtistID }}"
-          ><img src="{{ .ArtistAvatar }}" alt="{{ .ArtistName }}" />
-          <span>{{ .ArtistName }}</span></a
-        >
-      </div>
-    </div>
-    {{ end }}
+    {{ include "components/ranking-tn" Data.Contents }}
   </div>
 
   <div class="pagination">
diff --git a/views/pages/temp.jet.html b/views/pages/temp.jet.html
index 9c41b58..edfdcf9 100644
--- a/views/pages/temp.jet.html
+++ b/views/pages/temp.jet.html
@@ -41,12 +41,12 @@
         </div>
         {{ end }}
       </div>
-      <a href="/artworks/{{ .ID }}">
+      <a href="/artworks/{{ .ID }}#checkpoint">
         <img src="{{ .Thumbnail }}" alt="{{ .Title }}" />
       </a>
 
       <div class="artwork-title">
-        <a href="/artworks/{{ .ID }}"> {{ .Title }} </a>
+        <a href="/artworks/{{ .ID }}#checkpoint"> {{ .Title }} </a>
       </div>
       <div class="artwork-author">
         <a href="/users/{{ .ArtistID }}">
@@ -122,12 +122,12 @@
        </div>
        {{ end }}
        </div>
-       <a href="/artworks/{{ .ID }}">
+       <a href="/artworks/{{ .ID }}#checkpoint">
        <img src="{{ .Thumbnail }}" alt="{{ .Title }}" />
        </a>
 
        <div class="artwork-title">
-       <a href="/artworks/{{ .ID }}"> {{ .Title }} </a>
+       <a href="/artworks/{{ .ID }}#checkpoint"> {{ .Title }} </a>
        </div>
        <div class="artwork-author">
        <a href="/users/{{ .ArtistID }}">