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

---
 pictures.html | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

(limited to 'pictures.html')

diff --git a/pictures.html b/pictures.html
index 43e8d3c..84bf54b 100644
--- a/pictures.html
+++ b/pictures.html
@@ -6,6 +6,7 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0">
   <title>pdp8</title>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css" integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous">
   <link rel="stylesheet" type="text/css" href="/style.css">
   <link rel="icon" type="image/png" href="/pdp8.png">
   <link rel="alternate" type="application/rss+xml" title="pdp8 rss feed" href="https://pdp8.info/rss.xml">
@@ -18,9 +19,9 @@
     <script src="/distances.js"></script> 
     <script src="/slideshow.js"></script> <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">⏸</span></a> <a class="btn" onclick="new_selection()"><span title="Next slideshow">⏩︎</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>© pdp8 <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a></p>
-    </div><a id="prev" onclick="prev()">❮</a> <a id="next" onclick="next()">❯</a> 
+    </div><a id="prev" onclick="prev()">‹</a> <a id="next" onclick="next()">›</a> 
     <script>
 
     (function() { new_selection(); play() })();
-- 
cgit v1.2.3