From ac90ab7c69b35546135cacf9ed2ed98261047dac Mon Sep 17 00:00:00 2001 From: pdp8 Date: Wed, 16 Aug 2023 15:25:17 +0200 Subject: mail and social --- .gitignore | 2 + html.rb | 2 +- html/540px-PDP-8_.jpg | Bin 0 -> 84238 bytes html/about.html | 7 +++ html/code.html | 1 + html/contact.html | 15 +++++++ html/head.html | 15 +++++++ html/pdp8.png | Bin 0 -> 723 bytes html/pictures.html | 22 ++++++++++ html/robots.txt | 2 + html/slideshow.js | 80 ++++++++++++++++++++++++++++++++++ html/style.css | 108 ++++++++++++++++++++++++++++++++++++++++++++++ html/tail.html | 11 +++++ mail.rb | 38 ++++++++++++++++ music.rb | 41 ------------------ pictures.py | 52 ---------------------- snippets/540px-PDP-8_.jpg | Bin 84238 -> 0 bytes snippets/about.html | 7 --- snippets/code.html | 1 - snippets/contact.html | 15 ------- snippets/head.html | 15 ------- snippets/pdp8.png | Bin 723 -> 0 bytes snippets/pictures.html | 22 ---------- snippets/robots.txt | 2 - snippets/slideshow.js | 80 ---------------------------------- snippets/style.css | 108 ---------------------------------------------- snippets/tail.html | 11 ----- social.rb | 31 +++++++++++++ video-metadata.rb | 31 ------------- 29 files changed, 333 insertions(+), 386 deletions(-) create mode 100644 .gitignore create mode 100644 html/540px-PDP-8_.jpg create mode 100644 html/about.html create mode 100644 html/code.html create mode 100644 html/contact.html create mode 100644 html/head.html create mode 100644 html/pdp8.png create mode 100644 html/pictures.html create mode 100644 html/robots.txt create mode 100644 html/slideshow.js create mode 100644 html/style.css create mode 100644 html/tail.html create mode 100755 mail.rb delete mode 100755 music.rb delete mode 100755 pictures.py delete mode 100644 snippets/540px-PDP-8_.jpg delete mode 100644 snippets/about.html delete mode 100644 snippets/code.html delete mode 100644 snippets/contact.html delete mode 100644 snippets/head.html delete mode 100644 snippets/pdp8.png delete mode 100644 snippets/pictures.html delete mode 100644 snippets/robots.txt delete mode 100644 snippets/slideshow.js delete mode 100644 snippets/style.css delete mode 100644 snippets/tail.html create mode 100755 social.rb delete mode 100755 video-metadata.rb diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..73baf4d --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +mail +cookies.txt diff --git a/html.rb b/html.rb index 5b8a9e2..fd944bd 100755 --- a/html.rb +++ b/html.rb @@ -4,7 +4,7 @@ require 'erb' MEDIA_DIR = '/srv/media' MEDIA_URL = 'https://media.pdp8.info' WWW_DIR = '/srv/www/pdp8-test' -SNIPPETS = File.join(File.dirname(__FILE__), 'snippets') +SNIPPETS = File.join(File.dirname(__FILE__), 'html') def nav(cat) html = '

' diff --git a/html/540px-PDP-8_.jpg b/html/540px-PDP-8_.jpg new file mode 100644 index 0000000..1f67d13 Binary files /dev/null and b/html/540px-PDP-8_.jpg differ diff --git a/html/about.html b/html/about.html new file mode 100644 index 0000000..55f6131 --- /dev/null +++ b/html/about.html @@ -0,0 +1,7 @@ + pdp-8

+
+The PDP-8 is a 12-bit minicomputer that was produced by Digital Equipment Corporation (DEC). It was the first commercially successful minicomputer, with over 50,000 units being sold over the model's lifetime. Its basic design follows the pioneering LINC but has a smaller instruction set, which is an expanded version of the PDP-5 instruction set. +

+The PDP-8 combines low cost, simplicity, expandability, and careful engineering for value. The greatest historical significance was that the PDP-8's low cost and high volume made a computer available to many new customers for many new uses. Its continuing significance is as a historical example of value-engineered computer design. +

+https://en.wikipedia.org/wiki/PDP-8 diff --git a/html/code.html b/html/code.html new file mode 100644 index 0000000..6b43fee --- /dev/null +++ b/html/code.html @@ -0,0 +1 @@ +" diff --git a/html/contact.html b/html/contact.html new file mode 100644 index 0000000..4582664 --- /dev/null +++ b/html/contact.html @@ -0,0 +1,15 @@ +<h1>email</h1> +<a href='mailto:info@pdp8.info'>info@pdp8.info</a> +<h1>fediverse</h1> +<a href='https://social.pdp8.info/pdp8'>@pdp8@social.pdp8.info</a> + +<h1>newsletter</h1> +<h2>subscribe</h2> +send a mail to <a href='mailto:info@pdp8.info?subject=Subscribe'>info@pdp8.info</a> with <b>subscribe</b> in the subject +(your address will be used only for the newsletter and won't be shared with anyone) +<h2>unsubscribe</h2> +send a mail to <a href='mailto:info@pdp8.info?subject=Subscribe'>info@pdp8.info</a> with <b>unsubscribe</b> in the +subject \ No newline at end of file diff --git a/html/head.html b/html/head.html new file mode 100644 index 0000000..78f38da --- /dev/null +++ b/html/head.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<html lang="en"> + + <head> + <meta charset="UTF-8"> + <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"> + </head> + + <body> diff --git a/html/pdp8.png b/html/pdp8.png new file mode 100644 index 0000000..a11a860 Binary files /dev/null and b/html/pdp8.png differ diff --git a/html/pictures.html b/html/pictures.html new file mode 100644 index 0000000..25bf1c2 --- /dev/null +++ b/html/pictures.html @@ -0,0 +1,22 @@ +<script src="https://media.pdp8.info/pictures/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()"><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()">&lsaquo;</a> +<a id="next" onclick="next()">&rsaquo;</a> + +<script> + (function () {new_selection(); play()})(); +</script> \ No newline at end of file diff --git a/html/robots.txt b/html/robots.txt new file mode 100644 index 0000000..eb05362 --- /dev/null +++ b/html/robots.txt @@ -0,0 +1,2 @@ +User-agent: * +Disallow: diff --git a/html/slideshow.js b/html/slideshow.js new file mode 100644 index 0000000..ea265e4 --- /dev/null +++ b/html/slideshow.js @@ -0,0 +1,80 @@ +selection = [] +visited = [] +current = 0 +playing = 1 + +document.addEventListener('keyup', function(event) { + if(event.keyCode == 37) { prev() } // left + else if(event.keyCode == 39) { next() } // right + else if(event.keyCode == 32) { + toggle_play() + } // space + else if(event.keyCode == 13) { new_selection() } // enter +}); + +function new_selection() { + images = Object.keys(distances) + start = images[Math.floor(Math.random()*images.length)] + sortable = [] + for (file in distances[start]) { + if (visited.indexOf(file) == -1) { // not in visited + sortable.push([file,distances[start][file]]) // objects cannot be sorted in js, use array instead + } + } + n = 6 + selection = [] + sorted = sortable.sort(function(a, b) { return a[1] - b[1]; }).slice(0,n); // sort by distance, get first n elements + sorted.forEach(function(img,index) { + selection.push(img[0]) + visited.push(img[0]) + }) + selection = selection.sort(() => Math.random() - 0.5); // shuffle + current = 0 + update() +} + +function src(id,path) { document.getElementById(id).src = path } +function onclick(id,fun) { document.getElementById(id).onclick = fun } + +function hide_controls() { + document.getElementById("prev").style.display = "none" + document.getElementById("next").style.display = "none" +} + +function show_controls() { + document.getElementById("prev").style.display = "block" + document.getElementById("next").style.display = "block" +} + +function toggle_play() { playing == 1 ? stop() : play() } + +function play() { + playing = 1 + interval = setInterval(function () { next() }, 3000); + document.getElementById("play-indicator").title = "Pause slideshow" + document.getElementById("play-indicator").className = "fa fa-pause" + hide_controls() +} + +function stop() { + playing = 0 + clearInterval(interval) + document.getElementById("play-indicator").title = "Play slideshow" + document.getElementById("play-indicator").className = "fa fa-play" + show_controls() +} + +function prev() { + current = (current-1+selection.length) % selection.length // js % cannot handle negative values + update() +} + +function next() { + current = (current+1) % selection.length + update() +} + +function update() { + src('image',"https://media.pdp8.info/pictures/"+selection[current]) +} + diff --git a/html/style.css b/html/style.css new file mode 100644 index 0000000..63fdb65 --- /dev/null +++ b/html/style.css @@ -0,0 +1,108 @@ +body { + width: 100vw; + margin: 0; + font-family: sans-serif; +} + +nav { + background: #000; + color: #fff; + padding: 0.75em 0 1em 0; +} + +nav a { + padding: 0 1em; + text-decoration: none; +} + +nav img { + height: 2em; + display: inline; + vertical-align: bottom; +} + +nav #logo img { height: 2em; } + +nav .current { color: #fff; } + +nav #menu { display:none; } + +nav a:hover { color: #fff; } + +@media screen and (max-width: 600px) { + nav .item { + display: none; + padding-left: 1em; + padding-top: 0.5em; + } + + nav #menu { + float: right; + display: inline; + font-size: 2em; + } +} + +.post { padding: 1em; } + +img, video { + max-width: 100%; + max-height: 80vh; + display: block; + margin-left: auto; + margin-right: auto; +} + +iframe { + width: 100%; + height: 90vh; + border: none; +} + +a { + color: #888; +} + +#image { + padding-top: 2.5%; + padding-bottom: 1%; +} + +.cover { + max-height: 50vh; + margin-left: 0; +} + + +#controller { + position: fixed; + left: 0; + bottom: 2.5%; + width: 100%; + text-align: center; + padding: 0 +} + +.btn { + display: inline-block; + cursor: pointer; + color: #000; + font-size: 2em; + font-weight: bold; + width: 4em; +} + +#prev, #next { + cursor: pointer; + position: absolute; + color: lightgrey; + font-weight: bold; + font-size: 8em; + transition: 0.5s ease; + bottom: 6vh; +} + +#prev { left: 1%; } +#next { right: 1%; } +#prev:hover, #next:hover { text-decoration: none; } +#prev:active, #next:active { color: black; } diff --git a/html/tail.html b/html/tail.html new file mode 100644 index 0000000..53ca8ca --- /dev/null +++ b/html/tail.html @@ -0,0 +1,11 @@ + <script> + function show_vertical_menu() { + document.getElementById("menu").style.display = "none" + items = document.getElementsByClassName("item") + for (i = 0; i < items.length; i++) { + items[i].style.display = "block" + } + } + </script> + </body> +</html> diff --git a/mail.rb b/mail.rb new file mode 100755 index 0000000..dc983c2 --- /dev/null +++ b/mail.rb @@ -0,0 +1,38 @@ +#!/usr/bin/env ruby + +mailfile = if ARGV[1] and ARGV[1] == 'publish' + File.join(__dir__, 'mail', 'emails') + else + File.join(__dir__, 'mail', 'testmail') + end + +Dir.chdir ARGV[0] +date, title = File.basename(ARGV[0]).split('_', 2) +content = ["From: info@pdp8.info +Subject: [pdp8] #{title.gsub('_', ' ')} +Content-Type: text/plain +List-Unsubscribe: <mailto: info@pdp8.info?subject=unsubscribe>"] +content << '' +content << File.read('README') +content << '' +content << "https://pdp8.info/music.html\##{date}" +bc = if File.exist?('bandcamp') + File.read('bandcamp').chomp + else + "https://pdp8.bandcamp.com/album/#{title.gsub(' ', '-')}" + end +content << bc +content << '' +content << '==' +content << 'List-Unsubscribe: <mailto: info@pdp8.info?subject=unsubscribe>' +File.open('/tmp/mail.txt', 'w+') { |f| f.puts content.join("\n") } +# system 'hx /tmp/mail.txt' +content = File.read('/tmp/mail.txt') + +File.open(mailfile).each_line do |mail| + mail.chomp! + txt = "To: #{mail}\n" + content + cmd = "echo -e \"#{txt}\" | sendmail #{mail}" + # puts cmd + puts mail + `#{cmd}` +end diff --git a/music.rb b/music.rb deleted file mode 100755 index 60e487b..0000000 --- a/music.rb +++ /dev/null @@ -1,41 +0,0 @@ -#!/usr/bin/env ruby -require 'json' - -dir = ARGV[0] -Dir.chdir dir -input = JSON.load(File.read("config.json")) -input["album"] = File.basename(dir).gsub("_", " ") -input["artist"] ||= "pdp8@pdp8.info" -input["year"] ||= `date +%Y` -input["copyright"] ||= "Creative Commons Attribution-ShareAlike 4.0 International License (http://creativecommons.org/licenses/by-sa/4.0/)" -dest = File.join(ENV["HOME"], "pub", "music", `date +%Y-%m-%d_`.strip + input["album"].gsub(" ", "_")) -puts `mkdir -p '#{dest}'` -cover = File.join(dest, "cover" + File.extname(input["cover"])) -puts `cp -v '#{input["cover"]}' '#{cover}'` -puts `exiv2 rm #{cover}` -puts `exiv2 -M"set Xmp.dc.creator pdp8@pdp8.info" -M"set Xmp.dc.rights © pdp8@pdp8.info" -M"set Xmp.xmpRights.UsageTerms Creative Commons Attribution-ShareAlike 4.0 International License" -M"set Xmp.dc.license http://creativecommons.org/licenses/by-sa/4.0/)" -M"set Xmp.xmpRights.Marked True" #{cover}` -n = 1 -input["tracks"].each do |t, s| - File.open(File.join(dest, "README"), "w+") { |f| f.puts input["text"] } - flac = File.join(dest, sprintf("%02d-%s.flac", n, t)) - puts `cp -v '#{s}' '#{flac}'` - File.open("/tmp/meta", "w+") do |tmp| - tmp.puts "TITLE=#{t}" - tmp.puts "TRACK=#{n}" - [ - "artist", - "year", - "album", - "genre", - "copyright" - ].each do |tag| - tmp.puts "#{tag.upcase}=#{input[tag]}" - end - end - puts `metaflac --remove-all --dont-use-padding #{flac}` - puts `metaflac --import-tags-from=/tmp/meta #{flac}` - puts `metaflac --import-picture-from=#{cover} #{flac}` - mp3 = flac.sub("flac", "mp3") - puts `ffmpeg -i #{flac} -c:v copy -ab 256k -f mp3 #{mp3}` - n += 1 -end diff --git a/pictures.py b/pictures.py deleted file mode 100755 index dc93119..0000000 --- a/pictures.py +++ /dev/null @@ -1,52 +0,0 @@ -#!/usr/bin/env python3 - -import os -import numpy as np -import subprocess -import json - - -def descriptors(file): - npy = os.path.join( - os.path.dirname(file), - ".meta", - "descriptors", - os.path.basename(os.path.splitext(file)[0]) + ".npy", # TODO - ) - return np.load(npy, allow_pickle=False) - - -mail = "pdp8@pdp8.info" -cmd = "grep '3$' /home/ch/img/art/.meta/ratings|cut -f1" -favs = subprocess.check_output(cmd, shell=True, text=True).splitlines() -distances = {} -for fav in favs: - basename = os.path.basename(fav) - # out = os.path.join("/home/ch/pub/pictures/", basename) - out = os.path.join("/srv/www/pdp8-test/pictures/", basename) - cmd = "convert '" + fav + "' -strip -resize 1024x '" + out + "'" - os.system(cmd) - cmd = ( - "exiv2 -M'set Xmp.dc.creator " - + mail - + "' -M'set Xmp.dc.rights © " - + mail - + "' -M'set Xmp.dc.license http://creativecommons.org/licenses/by-sa/4.0/' -M'set Xmp.xmpRights.UsageTerms Creative Commons Attribution-ShareAlike 4.0 International License' -M'set Xmp.xmpRights.Marked True' -M'set Xmp.dc.description Original artwork available from " - + mail - + "' " - + out - ) - os.system(cmd) - """ - fav_d = descriptors(fav) - distances[basename] = {} - for img in favs: - if fav != img: - img_d = descriptors(img) - sim = np.dot(fav_d, img_d) / (np.linalg.norm(fav_d) * np.linalg.norm(img_d)) - img_basename = os.path.basename(img) - distances[basename][img_basename] = np.float64(1.0 - sim) -with open("/home/ch/pub/distances.js", "w") as f: - s = "distances = " + json.dumps(distances) - print(s, file=f) - """ diff --git a/snippets/540px-PDP-8_.jpg b/snippets/540px-PDP-8_.jpg deleted file mode 100644 index 1f67d13..0000000 Binary files a/snippets/540px-PDP-8_.jpg and /dev/null differ diff --git a/snippets/about.html b/snippets/about.html deleted file mode 100644 index 55f6131..0000000 --- a/snippets/about.html +++ /dev/null @@ -1,7 +0,0 @@ -<img src="540px-PDP-8_.jpg" alt="pdp-8" title="By Kris Arnold - https://www.flickr.com/photos/wka/3735964493/, CC BY-SA 2.0, https://commons.wikimedia.org/w/index.php?curid=110392229"> -<br> -The PDP-8 is a 12-bit minicomputer that was produced by Digital Equipment Corporation (DEC). It was the first commercially successful minicomputer, with over 50,000 units being sold over the model's lifetime. Its basic design follows the pioneering LINC but has a smaller instruction set, which is an expanded version of the PDP-5 instruction set. -<p> -The PDP-8 combines low cost, simplicity, expandability, and careful engineering for value. The greatest historical significance was that the PDP-8's low cost and high volume made a computer available to many new customers for many new uses. Its continuing significance is as a historical example of value-engineered computer design. -<p> -<a href="https://en.wikipedia.org/wiki/PDP-8">https://en.wikipedia.org/wiki/PDP-8</a> diff --git a/snippets/code.html b/snippets/code.html deleted file mode 100644 index 6b43fee..0000000 --- a/snippets/code.html +++ /dev/null @@ -1 +0,0 @@ -<iframe src='https://git.pdp8.info/' title="pdp8 git repositories"/>" diff --git a/snippets/contact.html b/snippets/contact.html deleted file mode 100644 index 4582664..0000000 --- a/snippets/contact.html +++ /dev/null @@ -1,15 +0,0 @@ -<h1>email</h1> -<a href='mailto:info@pdp8.info'>info@pdp8.info</a> -<h1>fediverse</h1> -<a href='https://social.pdp8.info/pdp8'>@pdp8@social.pdp8.info</a> - -<h1>newsletter</h1> -<h2>subscribe</h2> -send a mail to <a href='mailto:info@pdp8.info?subject=Subscribe'>info@pdp8.info</a> with <b>subscribe</b> in the subject -(your address will be used only for the newsletter and won't be shared with anyone) -<h2>unsubscribe</h2> -send a mail to <a href='mailto:info@pdp8.info?subject=Subscribe'>info@pdp8.info</a> with <b>unsubscribe</b> in the -subject \ No newline at end of file diff --git a/snippets/head.html b/snippets/head.html deleted file mode 100644 index 78f38da..0000000 --- a/snippets/head.html +++ /dev/null @@ -1,15 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> - - <head> - <meta charset="UTF-8"> - <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"> - </head> - - <body> diff --git a/snippets/pdp8.png b/snippets/pdp8.png deleted file mode 100644 index a11a860..0000000 Binary files a/snippets/pdp8.png and /dev/null differ diff --git a/snippets/pictures.html b/snippets/pictures.html deleted file mode 100644 index 25bf1c2..0000000 --- a/snippets/pictures.html +++ /dev/null @@ -1,22 +0,0 @@ -<script src="https://media.pdp8.info/pictures/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()"><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()">&lsaquo;</a> -<a id="next" onclick="next()">&rsaquo;</a> - -<script> - (function () {new_selection(); play()})(); -</script> \ No newline at end of file diff --git a/snippets/robots.txt b/snippets/robots.txt deleted file mode 100644 index eb05362..0000000 --- a/snippets/robots.txt +++ /dev/null @@ -1,2 +0,0 @@ -User-agent: * -Disallow: diff --git a/snippets/slideshow.js b/snippets/slideshow.js deleted file mode 100644 index ea265e4..0000000 --- a/snippets/slideshow.js +++ /dev/null @@ -1,80 +0,0 @@ -selection = [] -visited = [] -current = 0 -playing = 1 - -document.addEventListener('keyup', function(event) { - if(event.keyCode == 37) { prev() } // left - else if(event.keyCode == 39) { next() } // right - else if(event.keyCode == 32) { - toggle_play() - } // space - else if(event.keyCode == 13) { new_selection() } // enter -}); - -function new_selection() { - images = Object.keys(distances) - start = images[Math.floor(Math.random()*images.length)] - sortable = [] - for (file in distances[start]) { - if (visited.indexOf(file) == -1) { // not in visited - sortable.push([file,distances[start][file]]) // objects cannot be sorted in js, use array instead - } - } - n = 6 - selection = [] - sorted = sortable.sort(function(a, b) { return a[1] - b[1]; }).slice(0,n); // sort by distance, get first n elements - sorted.forEach(function(img,index) { - selection.push(img[0]) - visited.push(img[0]) - }) - selection = selection.sort(() => Math.random() - 0.5); // shuffle - current = 0 - update() -} - -function src(id,path) { document.getElementById(id).src = path } -function onclick(id,fun) { document.getElementById(id).onclick = fun } - -function hide_controls() { - document.getElementById("prev").style.display = "none" - document.getElementById("next").style.display = "none" -} - -function show_controls() { - document.getElementById("prev").style.display = "block" - document.getElementById("next").style.display = "block" -} - -function toggle_play() { playing == 1 ? stop() : play() } - -function play() { - playing = 1 - interval = setInterval(function () { next() }, 3000); - document.getElementById("play-indicator").title = "Pause slideshow" - document.getElementById("play-indicator").className = "fa fa-pause" - hide_controls() -} - -function stop() { - playing = 0 - clearInterval(interval) - document.getElementById("play-indicator").title = "Play slideshow" - document.getElementById("play-indicator").className = "fa fa-play" - show_controls() -} - -function prev() { - current = (current-1+selection.length) % selection.length // js % cannot handle negative values - update() -} - -function next() { - current = (current+1) % selection.length - update() -} - -function update() { - src('image',"https://media.pdp8.info/pictures/"+selection[current]) -} - diff --git a/snippets/style.css b/snippets/style.css deleted file mode 100644 index 63fdb65..0000000 --- a/snippets/style.css +++ /dev/null @@ -1,108 +0,0 @@ -body { - width: 100vw; - margin: 0; - font-family: sans-serif; -} - -nav { - background: #000; - color: #fff; - padding: 0.75em 0 1em 0; -} - -nav a { - padding: 0 1em; - text-decoration: none; -} - -nav img { - height: 2em; - display: inline; - vertical-align: bottom; -} - -nav #logo img { height: 2em; } - -nav .current { color: #fff; } - -nav #menu { display:none; } - -nav a:hover { color: #fff; } - -@media screen and (max-width: 600px) { - nav .item { - display: none; - padding-left: 1em; - padding-top: 0.5em; - } - - nav #menu { - float: right; - display: inline; - font-size: 2em; - } -} - -.post { padding: 1em; } - -img, video { - max-width: 100%; - max-height: 80vh; - display: block; - margin-left: auto; - margin-right: auto; -} - -iframe { - width: 100%; - height: 90vh; - border: none; -} - -a { - color: #888; -} - -#image { - padding-top: 2.5%; - padding-bottom: 1%; -} - -.cover { - max-height: 50vh; - margin-left: 0; -} - - -#controller { - position: fixed; - left: 0; - bottom: 2.5%; - width: 100%; - text-align: center; - padding: 0 -} - -.btn { - display: inline-block; - cursor: pointer; - color: #000; - font-size: 2em; - font-weight: bold; - width: 4em; -} - -#prev, #next { - cursor: pointer; - position: absolute; - color: lightgrey; - font-weight: bold; - font-size: 8em; - transition: 0.5s ease; - bottom: 6vh; -} - -#prev { left: 1%; } -#next { right: 1%; } -#prev:hover, #next:hover { text-decoration: none; } -#prev:active, #next:active { color: black; } diff --git a/snippets/tail.html b/snippets/tail.html deleted file mode 100644 index 53ca8ca..0000000 --- a/snippets/tail.html +++ /dev/null @@ -1,11 +0,0 @@ - <script> - function show_vertical_menu() { - document.getElementById("menu").style.display = "none" - items = document.getElementsByClassName("item") - for (i = 0; i < items.length; i++) { - items[i].style.display = "block" - } - } - </script> - </body> -</html> diff --git a/social.rb b/social.rb new file mode 100755 index 0000000..06d5649 --- /dev/null +++ b/social.rb @@ -0,0 +1,31 @@ +#!/usr/bin/env ruby +require 'uri' +require 'json' + +Dir.chdir ARGV[0] +content = ['public', '', ''] +content << File.read('README') +content << '' +date, title = File.basename(ARGV[0]).split('_', 2) +content << "https://pdp8.info/music.html\##{date}" +content << '' +bc = if File.exist?('bandcamp') + File.read('bandcamp').chomp + else + "https://pdp8.bandcamp.com/album/#{title.gsub(' ', '-')}" + end +content << "Bandcamp: #{bc}" +content << '' +content << "#creativecommons \##{File.basename ARGV[0]}" +content << '==' +content << File.join("https://media.pdp8.info/music/#{File.basename ARGV[0]}", + 'cover.jpeg') + "\t" + `exiv2 -K Xmp.dc.description -P v /srv/media/music/2023-07-05_blurred_boundaries_of_perception/cover.jpeg`.chomp.sub( + /^lang=\S+ /, '' + ) + +Dir['*mp3'].each do |mp3| + content << File.join("https://media.pdp8.info/music/#{File.basename ARGV[0]}", "#{File.basename mp3}") +end +File.open('/tmp/content.txt', 'w+') { |f| f.puts content.join("\n") } +system 'hx /tmp/content.txt' +puts `curl -sb cookies.txt --data-binary @/tmp/content.txt -X POST https://social.pdp8.info/create` diff --git a/video-metadata.rb b/video-metadata.rb deleted file mode 100755 index be9e079..0000000 --- a/video-metadata.rb +++ /dev/null @@ -1,31 +0,0 @@ -#!/usr/bin/env ruby -require 'json' - -Dir[File.join(ARGV[0], "videos", "*", "*.mp4")].each do |mp4| - # tmp = File.join("/tmp", File.basename(mp4)) - tmp = mp4 + "~" - print `cp #{mp4} #{tmp}` - meta = { - "title" => File.basename(mp4, ".mp4").gsub("_", " "), - "date" => mp4.split("/")[-2].split("_")[0], - "artist" => "pdp8@pdp8.info", - "copyright" => "© pdp8@pdp8.info Creative Commons Attribution-ShareAlike 4.0 International License", - } - tmp = mp4 + "~" - print `cp #{mp4} #{tmp}` - cmd = "ffmpeg -i #{tmp} -c copy " - meta.each do |k, v| - cmd += "-metadata #{k}=\"#{v}\" " - end - cmd += " #{mp4}" - print `#{cmd}` - webm = mp4.sub(".mp4", ".webm") - tmp = webm + "~" - print `cp #{webm} #{tmp}` - cmd = "ffmpeg -i #{tmp} -c copy " - meta.each do |k, v| - cmd += "-metadata #{k}=\"#{v}\" " - end - cmd += " #{webm}" - print `#{cmd}` -end -- cgit v1.2.3