Add arrow icons for episode navigation

public_html/images/icons/arrow-first-plain.svg

@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   viewBox="0 0 8.0716972 9.7589998"
+   version="1.1"
+   id="svg1106"
+   width="8.0716972"
+   height="9.7589998"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+    <link
+    xmlns="http://www.w3.org/1999/xhtml"
+    rel="stylesheet"
+    href="arrow.css"
+    type="text/css" />
+  <defs
+     id="defs1103" />
+  <g
+     id="layer1"
+     transform="translate(-92.715063,-46.059054)">
+    <g
+       id="g5606">
+      <path
+         id="arrow"
+         style="stroke-width:0.463;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;"
+         d="m 99.346123,55.549619 1.209147,-1.2065 -3.421063,-3.423708 3.386663,-3.386667 -1.21708,-1.217083 -4.595813,4.595813 z" />
+      <rect
+         style="stroke-width:0.406177;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;paint-order:fill markers stroke"
+         id="bar"
+         width="1.5938228"
+         height="9.3528233"
+         x="92.918152"
+         y="46.262142"
+         rx="0"
+         ry="0.11228061" />
+    </g>
+  </g>
+</svg>

public_html/images/icons/arrow-last-plain.svg

@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   viewBox="0 0 8.0039654 9.7589998"
+   version="1.1"
+   id="svg1106"
+   width="8.0039654"
+   height="9.7589998"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1103" />
+  <g
+     id="layer1"
+     transform="translate(-92.782792,-46.059054)">
+    <g
+       id="g5606"
+       transform="matrix(-1,0,0,1,193.50182,0)">
+      <path
+         id="path9831"
+         style="color:#000000;fill:#000000;fill-opacity:0.984314;stroke:#000000;stroke-width:0.463;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 99.346123,55.549619 1.209147,-1.2065 -3.421063,-3.423708 3.386663,-3.386667 -1.21708,-1.217083 -4.595813,4.595813 z" />
+      <rect
+         style="opacity:0.985023;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.406177;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:fill markers stroke"
+         id="rect3544"
+         width="1.5938228"
+         height="9.3528233"
+         x="92.918152"
+         y="46.262142"
+         rx="0"
+         ry="0.11228061" />
+    </g>
+  </g>
+</svg>

public_html/images/icons/arrow-next-plain.svg

@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   viewBox="0 0 6.3102736 9.6969385"
+   version="1.1"
+   id="svg1106"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   sodipodi:docname="arrow-next.svg"
+   width="6.3102736"
+   height="9.6969385"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1108"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:zoom="15.473418"
+     inkscape:cx="13.216214"
+     inkscape:cy="18.354057"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0">
+    <sodipodi:guide
+       position="-0.11110969,-13.907476"
+       orientation="0,-1"
+       id="guide3546" />
+    <sodipodi:guide
+       position="-0.073513191,-14.304342"
+       orientation="0,-1"
+       id="guide3548" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1103" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-92.71506,-46.084171)">
+    <path
+       id="path9831"
+       style="color:#000000;fill:#000000;fill-opacity:0.984314;stroke:#000000;stroke-width:0.463;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 94.155697,55.549619 -1.209147,-1.2065 3.421063,-3.423708 -3.386663,-3.386667 1.21708,-1.217083 4.595813,4.595813 z" />
+  </g>
+</svg>

public_html/images/icons/arrow-previous-plain.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   viewBox="0 0 6.3102736 9.6969385"
+   version="1.1"
+   id="svg1106"
+   width="6.3102736"
+   height="9.6969385"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1103" />
+  <g
+     id="layer1"
+     transform="translate(-92.71506,-46.084171)">
+    <path
+       id="path9831"
+       style="color:#000000;fill:#000000;fill-opacity:0.984314;stroke:#000000;stroke-width:0.463;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 97.584696,55.549619 1.209147,-1.2065 -3.421063,-3.423708 3.386663,-3.386667 -1.21708,-1.217083 -4.595813,4.595813 z" />
+  </g>
+</svg>