diff options
| -rwxr-xr-x | html.rb | 8 | ||||
| -rw-r--r-- | snippets/head.html | 1 | ||||
| -rw-r--r-- | snippets/pictures.html | 8 | ||||
| -rw-r--r-- | snippets/slideshow.js | 4 | ||||
| -rw-r--r-- | snippets/style.css | 2 |
5 files changed, 12 insertions, 11 deletions
@@ -50,13 +50,13 @@ def music_html Dir[File.join(dir, "*mp3")].each do |mp3| mp3 = "/" + mp3.sub(ROOT, '') html += "<tr>" - html += "<td>#{File.basename(mp3, '.mp3')}</td>" html += "<td> <audio controls> <source src='#{mp3}' type='audio/mpeg'> </audio> - </td> - </tr>" + </td>" + html += "<td>#{File.basename(mp3, '.mp3')[3..-1]}</td>" + html += "</tr>" end html += "</table>" bc = "https://pdp8.bandcamp.com/#{title.gsub(' ', '-')}" @@ -96,7 +96,7 @@ def video_html html += "</div>" html += "<hr>" end - html += '<p>© pdp8 <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>' + html += '<p> © pdp8 <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>' html += File.read(File.join(SNIPPETS, "tail.html")) print_html "videos", html end diff --git a/snippets/head.html b/snippets/head.html index daf67fa..78f38da 100644 --- a/snippets/head.html +++ b/snippets/head.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"> 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">⏸</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> </div> -<a id="prev" onclick="prev()">❮</a> -<a id="next" onclick="next()">❯</a> +<a id="prev" onclick="prev()">‹</a> +<a id="next" onclick="next()">›</a> <script> (function() { new_selection(); play() })(); diff --git a/snippets/slideshow.js b/snippets/slideshow.js index 4ed2ef8..23d7c3e 100644 --- a/snippets/slideshow.js +++ b/snippets/slideshow.js @@ -52,7 +52,7 @@ function play() { playing = 1 interval = setInterval(function () { next() }, 3000); document.getElementById("play-indicator").title = "Pause slideshow" - document.getElementById("play-indicator").innerText = "\u23F8" + document.getElementById("play-indicator").className = "fa fa-pause" hide_controls() } @@ -60,7 +60,7 @@ function stop() { playing = 0 clearInterval(interval) document.getElementById("play-indicator").title = "Play slideshow" - document.getElementById("play-indicator").innerText = "\u23F5" + document.getElementById("play-indicator").className = "fa fa-play" show_controls() } diff --git a/snippets/style.css b/snippets/style.css index 6dcd519..63fdb65 100644 --- a/snippets/style.css +++ b/snippets/style.css @@ -43,7 +43,7 @@ nav a:hover { color: #fff; } } } -.post { padding: 2em; } +.post { padding: 1em; } img, video { max-width: 100%; |