From 85c6172481beb92b17c89e7c1dfbac4c5b8b3310 Mon Sep 17 00:00:00 2001
From: pdp8 <pdp8@pdp8.info>
Date: Fri, 26 Aug 2022 13:54:38 +0200
Subject: ForkAwesome reintroduced to fix compatibility of media buttons

---
 snippets/pictures.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

(limited to 'snippets/pictures.html')

diff --git a/snippets/pictures.html b/snippets/pictures.html
index ae61260..359de8d 100644
--- a/snippets/pictures.html
+++ b/snippets/pictures.html
@@ -4,13 +4,13 @@
 <img id="image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII=" alt/>
 
 <div id="controller">
-  <a class="btn" onclick="toggle_play()"><span id="play-indicator" title="Pause slideshow">&#x23F8;</span></a>
-  <a class="btn" onclick="new_selection()"><span title="Next slideshow">&#x23E9;&#xfe0e;</span></a>
+  <a class="btn" onclick="toggle_play()"><i id="play-indicator" title="Pause slideshow" class="fa fa-pause" aria-hidden="true"></i></a>
+  <a class="btn" onclick="new_selection()"><i id="shuffle-indicator" title="Next slideshow" class="fa fa-random" aria-hidden="true"></i></a>
   <p>&copy; pdp8 <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>
 </div>
 
-<a id="prev" onclick="prev()">&#10094;</a>
-<a id="next" onclick="next()">&#10095;</a>
+<a id="prev" onclick="prev()">&lsaquo;</a>
+<a id="next" onclick="next()">&rsaquo;</a>
 
 <script> 
   (function() { new_selection(); play() })();
-- 
cgit v1.2.3