improve transition

Author: emad-elsaid

templates/page.html

@@ -29,16 +29,16 @@
 </div>
 {{- end -}}
 
-<div class="columns content is-small">
+<div class="columns content is-small" style="view-transition-name: page-meta;">
 
-  {{ if not .page.ModTime.IsZero }}
   <div class="column">
+    {{ if not .page.ModTime.IsZero }}
     <span class="icon-text">
       <span class="icon"> <i class="fa-solid fa-clock"></i> </span>
       <span>Edited: {{ago .page.ModTime}}</span>
     </span>
+    {{ end }}
   </div>
-  {{ end }}
 
   <div class="column is-narrow">
     <div class="buttons">
@@ -80,7 +80,7 @@
 
 </div>
 
-<div class="view">
+<div class="view" style="view-transition-name: page-content;" >
   {{- with .page -}}
     {{- widgets "before_view" . -}}
     {{- .Render -}}