mason/dhandler (.view), static/tgal.css: Use SVG arrows.

[tgal] / mason / dhandler

diff --git a/mason/dhandler b/mason/dhandler
index c6f0f33ac480068d074c0c9f1148006ef9e0f575..8c151bac19ac249c4b629fc2283febd1b9ae0d4c 100755 (executable)
--- a/mason/dhandler
+++ b/mason/dhandler
@@ -287,7 +287,14 @@ Failed to find &lsquo;<% $path |h %>&rsquo;.
 %
 <div class=viewnav>
 % if ($link{prev}) {
-  <div class=prev><a class=prev href="<% "$pre/$link{prev}" |hu %>">&lsaquo;</a></div>
+  <div class=prev>
+    <a class=nav title="Previous image" href="<% "$pre/$link{prev}" |hu %>">
+      <svg width="50" height="80" viewBox="-25 -40 50 80">
+        <path class="fg" stroke="none"
+             d="m+1,0 +6,-11 -2,-1 -12,+12 +12,+12 +2,-1 z"/>
+      </svg>
+    </a>
+  </div>
 % }
   <a class=view href="<% $url |h %>">
     <picture>
@@ -305,7 +312,14 @@ Failed to find &lsquo;<% $path |h %>&rsquo;.
     </picture>
   </a>
 % if ($link{next}) {
-  <div class=next><a class=next href="<% "$pre/$link{next}" |hu %>">&rsaquo;</a></div>
+  <div class=next>
+    <a class=nav title="Next image" href="<% "$pre/$link{next}" |hu %>">
+      <svg width="50" height="80" viewBox="-25 -40 50 80">
+        <path class="fg" stroke="none"
+             d="m-1,0 -6,-11 +2,-1 +12,+12 -12,+12 -2,-1 z"/>
+      </svg>
+    </a>
+  </div>
 % }
 </div>
 %